目標

開発環境

ruby 2.5.7
Rails 5.2.4.3
OS: macOS Catalina

ベースとなるタイトルの編集

application_helper.rb

module ApplicationHelper
  def full_title(page_title = '')
    base_title = "アプリ名"
    if page_title.empty?
      base_title
    else
      "#{ page_title } | #{ base_title }"
    end
  end
end

head内のタイトルを編集

application.html.erb

<head>
  <title><%= full_title(yield(:title)) %></title>
</head>

各ページのタイトルを追加

今回はaboutページがあると想定します。
追加場所は一番上でOKです。

app/views/homes/about.html.erb

<%= provide(:title, 'サイトについて')%>

Qiita記事のようにカラムを使用してタイトルを表示する場合は
下記のように記述すればOKです。

app/views/homes/about.html.erb

<%= provide(:title, @genre.name)%>

まとめ

これらを実施する事により、ユーザーが現在どの位置にいるかを把握することができ、
ユーザーの離脱率改善に繋がりますので、必須の搭載機能だと言えます。

またtwitterではQiitaにはアップしていない技術や考え方もアップしていますので、
よければフォローして頂けると嬉しいです。
詳しくはこちら　https://twitter.com/japwork

【Ruby on Rails】サクッとブラウザでページタイトルを表示

目標

開発環境

ベースとなるタイトルの編集

head内のタイトルを編集

各ページのタイトルを追加

まとめ