meta-tagsプラグインをインストールしてrailsサイトのSEOを強化しよう

RailsアプリケーションでSEO(検索エンジン最適化)やってますか?

  • railsで作ったWebサイトやWebサービスを作ってもサイト訪問者が増えない
  • railsで作ったWebサイトやWebサービスが検索エンジンにヒットしない

これらの課題に対応することをSearch Engine Optimization(略してSEO)といいます。

SEOの手法としてページ毎に見出しタグ(h*)をしっかり書いて構造を明確にしたり、メタタグをきっちり書いたり色々あるのですが、今回はRailsアプリケーションに簡単にメタタグを追加できるプラグインである『meta-tags』を紹介します。

meta-tags

インストール

bundlerで入るのでGemfileに追記します。

Gemfile
1
2
3
4

# SEO
#  - meta-tags
#    - See https://github.com/kpumuk/meta-tags
gem 'meta-tags'

インストールします。

1

bundle install

基本的なメタタグの記述

app/views/layouts/applicatio.html.erb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

  <%= display_meta_tags({
    # title and site are attached, and it's indicated as a title tag.
    #   - site + separator + title
    :separator   => "",
    # title and site are attached reversely.
    #   - title + separator + site
    #   - true/false
    :reverse     => "",
    # page title
    :title       =>  ('SITE TITLE'),
    :site        => "",
    # called meta tags as they are not displayed by the browsers as that of titles.
    #   - Important for SEO
    :description => 'site description',
    # not important for seo, because search engine have not referances keyword meta tags
    :keyword     => '',
    # CSS Device Adaptation
    :viewport    => "width=device-width, 
                     maximum-scale=1.0, 
                     minimum-scale=0.5, 
                     user-scalable=yes, 
                     initial-scale=1.0"
  }) %>