【解決】THE THOR(ザ・トール)のブラウザタブのタイトル名の変更ができない!【WordPress】

  • 2019年10月12日
  • 2019年10月14日
  • WordPress

ある日このブログの名前を考えていました。

「シンプルにクマブログにしようか。
いや、それだとつまらんなぁ。
カフェに行くのも好きだし、クマとカフェをかけ合わせてみよう!」

ということで、ブログ名を「クマブログ」から「クマさんのカフェ」に変えようと思い、WordPressの管理画面で
「設定」→「一般」
から「サイトのタイトル」を変更しました。

サイトのタイトル

 

だがしかし、

ブラウザタブのタイトル名が「クマブログ」から変わってない!

ブラウザタブが変更されていない

 

ここを変更する方法を見つけるのに2時間ほどかかってしまったので、皆さんは僕のようにならないようにこの記事を参考にしてください!(笑)

 

THE THOR(ザ・トール)でブラウザタブのタイトル名を変更する

まずは、WordPressの「ダッシュボード」から「サイトのカスタマイズ」をクリックします。

ダッシュボードのサイトのカスタマイズ

 

 

カスタマイズ画面で「SEO設定[THE]」をクリックします。

SEO設定

 

 

「TOPページSEO設定」をクリックします。

TOPページSEO設定

 

「TOPページの<title>」に入力されている文字がブラウザタブに表示されるようです。

TOPページのタイトル

 

 

ここを変更することで無事にブラウザタブのタイトル名が変更されました。

ブラウザタブのタイトル名

 

「TOPページの<title>」とはHTMLのtitleタグのこと

「TOPページの<title>」の設定はHTMLのどこに反映されるかというと、headタグの中のtitleタグに反映されます。

サイトのトップで「F12」キーを押して、開発者ツールを表示してみます。
すると、以下のような表示が確認できました。

titleタグの表示

ここがブラウザタブのタイトル名として表示されるわけですね。

titleタグはサイトの情報の中でもかなり重要な項目なので、しっかり設定しておきたいですね!

まとめ

今回の要点は以下のとおりです。

1.THE THOR(ザ・トール)でブラウザタブのタイトル名を変更するにはSEO設定から行う!
2.ブラウザタブのタイトル名はtitleタグ内に記載された内容が表示される

基本設定や共通エリア設定など、サイトのタイトル情報を編集できそうな画面ばかり探していましたが、SEO設定にあるとは盲点でした。

今後はいろいろな画面をまんべんなく確認する癖をつけていこうと思います。

 

サムネイル
最新情報をチェックしよう!