ページタイトルとサイトタイトル

姉妹塾のホームページを表示する時に、ブラウザのタブに表示されるページタイトルが、従来説明されていた方法とは別のルールで表示されているのが分かりました。

姉妹塾のホームページを表示する時に、ブラウザのタブに表示されるページタイトルが、従来説明されていた方法とは別のルールで表示されているのが分かりました。

ブラウザタブには「今年もよろしくお願いいたします。- shimaijyuku ページ ！」と表示されていました。

以下は姉妹塾サイトのトップページを表示し、ページ本体とタブの表示を示しています。

タブにある「今年もよろしく･･･」は、ページ本体に入力した「中見出し（h2）」からきているようです。

ちなみに、この部分のソースを「開発者ツール」で表示してみると class="j-header" とクラス名が設定されておりました。

タブの後半部分「shimaijyuku ページ！」は、作成したサイトに使われている URL のサブドメイン部分です。

他のページも見てみました。

姉妹塾サイトの第一階層にある全てのページを閲覧表示し、タブの表示を確認しました。

ここから分かることをまとめてみました。

• ほとんどのページのタブの表示には、ページ名ではなく、ページ本体に挿入されている見出しの文章が使われている
• ページ本体に見出しが挿入されていないページ「ブログ」では、ページ名の「ブログ」が使われている。

「技術指導」のページには、複数の見出し（ここでは h1 と h3 ）が入力されているので、どちらがタブの表示に使われるかの興味があったので表示してみました。

複数の見出しがあるページの場合は、"j-header" というクラス名のついた見出しがタブの表示に使われていることが分かった。

今回使用したレイアウトは Reykjavik なので、他のレイアウトではどうかということで Tokyo レイアウトでも調べてみました。

結果は、Tokyo レイアウトでも、タブのページ名部分の表示は同様でした。

すなわちタブに表示されるページ名部分は、ページに入力されている見出しが表示されていました。

Jimdo サイトを表示する時にタブに表示される内容：

ページ名　＋　URLのサブドメイン ！

は、以下のように編集モードで変更できることになっています。

その方法は、

① 「管理メニュー」から「パフォーマンス」を選ぶ

② 「SEO」を選ぶ

③ 「ホーム」タブで、トップページに表示させるページ名を編集する

④ 「ホームページ」タブに切り替えて、URL サブドメイン部分に表示される言葉を入力

⑤ 「ホーム」タブに戻り、「ページ概要」を入力する

⑥ 「ホーム」タブで、検索結果にどのように表示されるかを確認する

編集モードで表示する場合と閲覧モードで表示する場合とでタブに表示される内容が異なることも、以下の通り分かりました。

⑦ 「管理メニュー」に戻り、「編集モード」でタブの表示を確認します。

ページ名の部分は、

１）トップページの場合は、上記の「ホーム」タブで設定された言葉が表示される

２）トップページ以外の場合は、ページ名が表示される

⑧ 「閲覧モード」で表示します。

１）トップページは、上記の「ホーム」タブで設定された言葉が表示される

２）トップページ以外は、ページ内に入力されていて j-header というクラス名が付いた見出しが表示される