Rails: SEO ページタイトルをページごとに設定

updated on 2019-08-04

Rails: ページタイトルをページごとに設定

目次

1.ページタイトルとは

2.ページタイトルを設定する場合の注意点

3.Railsでページごとに実装

ページタイトルは、ここではウェブページのHTMLの中でタイトルタグ（<title>タグ）に記述されている文字列を指します。

検索結果（SERPs）に表示されるサイトのリンクには、このページタイトルが使われます。

タイトルタグは、サイトの訪問者や検索エンジンに対してページの内容・トピックを表す、とても重要なタグです。

また、SEO内部対策のチェックポイントとしても、タイトルは一番にチェックすべき部分です。

Railsでは、特に何もしていなければ、全ページでアプリ名がタイトルになっている。

その理由は、app/views/layouts/application.html.erb の html が全ページで適用されるからである。

$ rails new MyApp

でアプリを作成したなら、titileは自動で

<title>MyApp</title>

になっている。

(編集前)

<head>
<title>MyApp</title>
...
</head>

(編集後)

<head>
<title><%= content_for?(:html_title) ? yield(:html_title) : "MyApp" %></title>
...
</head>

<% content_for(:html_title) { 'Title' } %>

以上で、ビューファイルからタイトルが取得され、content_for が設定されてないときは"MyApp"がタイトルになります。

＊＊＊豆知識＊＊＊

Postテーブルのnameカラムをタイトル設定したいときは

<% content_for(:html_title) { Post.title } %>

とすると、投稿記事と同じタイトルが設定できます。

That's all for now!!