[WordPress]ブラウザタブに表示されるサイト/ページのタイトルを変更する

Last Updated: 2022 年 08 月 24 日 33のコメント

SEOタイトルを指定すると、そのタイトルがブラウザタブと検索エンジンに公開されるWordPressではSEOプラグインを使用するか、カスタムコードでSEOタイトルを指定可能

WordPressでSEOに有利に各記事/ページごとにタイトルがサイトのタイトルと一緒にブラウザのタブに表示されます。 たとえば、設定に応じて少しずつ異なりますが、以下のような形式で表示されることがあります。

投稿タイトル - サイトタイトル

このように表示されるのではなく、すべてのサイト(個々の記事/ページを含む)でサイトタイトルのみを表示したい場合は、ブラウザタブに表示されるタイトルを変更したい場合があります。

ブラウザのタブに表示されるサイト/ページのタイトルを変更する方法

ブラウザタブに表示されるサイトのタイトル/投稿のタイトルを変更したい場合 Yoast SEO、All in One SEO、Rank MathなどのSEOプラグインで設定できます。

SEOプラグインを使用してSEOタイトルをフォーマットする

SEOプラグインを使用する場合は、全ページと文章に表示されるタイトル形式を指定することができ(グローバルSEOタイトル)、個々の文章とは異なり、変更することも可能です。

Yoast SEOを使用している場合」Googleや Naverに検索されたサイトのタイトルと説明をYoast SEOで変更する「を参考にしてください。

次の記事も参考にしてください。Googleや Naverにさらされている WordPress サイト/個別記事のタイトルを指定する"

Rank Mathを使用している場合、 お知らせ > Rank Math > Titles & Meta セクションでは、ホームページとポストタイプ(記事やページなど)のSEOタイトルを指定できます。

「投稿」ポストタイプの場合 Post Types > 投稿セクションから Single 投稿 Title 部分で指定が可能です。 たとえば、サイト名の代わりにカテゴリ名が表示されるようにしたい場合は、次のように変更できます。

%title% %page% %sep% %category%

区切り記号(%sep%)は Global Meta > Separator Characterから選択することができます。

プラグインを使用せずにブラウザタブに表示されるタイトルを変更する

プラグインを使用していない場合は、次のコードをテーマの関数ファイルに追加してみてください。

function wpdocs_filter_wp_title( $title, $sep ) { $title = get_bloginfo( 'name'); $site_description = get_bloginfo( 'description', 'display' ); $title = "$title $sep $site_description"; return $title; } add_filter( 'wp_title'、 'wpdocs_filter_wp_title'、10、2);

必要に応じてサイトのタイトルとサイト小見出し(説明)との間の区切り文字を変更することも可能になります。 たとえば、次のような行を追加することができます。

$ sep = "|";

上記のフィルタを適用すると、サイトのすべてのページのブラウザタブに「サイトのタイトル| サイトの説明「フォーマットでタイトルが表示されます。

より精巧に調整するには、 WordPress 開発者サイト立って wp_title フィルタの内容を確認してください。

上記のようなフックを適用しても、ブラウザのタブに表示されるタイトルが変更されないことがあります。 その場合、まず、キャッシュを削除してみてテストしてみてください。 それでもならない場合がありますが、その理由は、テーマの作成者がタイトル部分のコードを任意に変更したためです。 仮に header.phpの ファイルに次のような形式でタイトルが追加されます。

<?php wp_title('|', true, 'right'); ?>

上記のような形式になっている場合は、上記のフィルタが正常に動作します。 しかし、そうでない場合は正常に動作しない場合があります。 その場合 header.phpの ファイルから直接ソースを修正してもされます。 または、テーマの作成者が修正したwp_title部分を <?php wp_title('|', true, 'right'); ?>に変えて上記の形式でフック(フィルタ)を適用してもされます。 wp_title 関数の詳細については、 ここで確認することができます。

また、場合によってはテーマの作成者が直接タイトル関連する関数を作成して追加する場合もあります。 この場合には、ヘッダ部分に <?php wp_title('|', true, 'right'); ?> コードを挿入(またはテーマの作成者が追加した関数の部分を置き換える)し、フィルタ関数ファイルに適用すると、必要に応じて動作します。

ちなみに、ヘッダファイルに直接タイトルコードを追加するには、次のような形式で、既存のタイトルのコードを置き換えます。

<?php echo get_bloginfo( 'name' ) 。 ':'。 get_bloginfo( 'description'); ?>

その後、上部に提示されたフックと同じ効果を得ることができます。

※Yoast SEOやAll in One SEO PackのようなSEOのプラグインを使用すると、簡単にブラウザに表示されるタイトルを指定することができ Naver, Facebook など共有したときに表示されるサムネイルも指定することができます。 次の記事を参照してください。

추가

Twenty Seventeenテーマの場合は、上記のコードを適用しても正常に動作していません。 テーマ関数を見てみるとtitle-tagが有効になっていることを確認することができました。

追加_theme_support( 'title-tag' );

この場合、次のコードを関数ファイルに追加すると、正常に動作します。

add_filter( 'document_title_separator'、 'cyb_document_title_separator'); function cyb_document_title_separator( $sep ) { $sep = "|"; return $ sep; } Source: スタック交換

チャイルドテーマを作成した後に記入してください。

Googleに公開される記事のタイトルにサイト名やブランド名が追加される問題

タイトルにサイト名やブランド名がない場合でも、Google検索結果ではタイトルの後にサイト名やブランド名が追加されることがあります。

タイトルが長い場合は、タイトルの後半を省略し、後にブランド名を追加することができます。 したがって、タイトルを長すぎると、検索結果から一部が切り捨てられる可能性があるため、適切に(?)簡潔にタイトルを設定することがSEOにとって有利です。

Google is adding the site name to the end of some search queries in the search results, truncated the title in order to display a brand or site name at the end.

Googleが検索結果に一部の検索クエリの末尾にサイト名を追加している。 このため、ブランド名やサイト名を最後に表示するためにタイトルが切り捨てられる。

メモ:


33のコメント

コメント

  1. Googleの検索結果ページでサイトリンクの上に浮かぶブログのタイトルはどのように変更されますか?私の場合、.comで終わるアドレス名がブログ名になっています。

    https://cafe.naver.com/wphomepage
    上記のカフェ投稿と同じ質問ですが、いくら時間が経ってもGoogleで公開されるサイト名は変わりません。
    カフェで検索してみたら、待ってみると

    応答
    • 任意に変える方法はないようです。 Googleで有用なサイトだと認識すると、おそらく変更してくれるのではないかと思います。
      サイトのタイトルで検索するとサイトリンクが一緒に表示されます。サイトリンク(サブリンク)も同様にGoogleや Naverで有用なサイトとして認識したら、調べて表示してくれます。

      応答
  2. ランクマスに変更しましたが、私の記事を検索すると、サイト名が記事のタイトルの横について出てきます。 以前に投稿した記事は変更できませんか?

    応答
    • SEOプラグインのグローバル設定で変更すると、全体的に変更されます。

      しかし、Googleで検索すると、SEOタイトルに「サイト名」が追加されていなくても、通常「記事のタイトル - サイト名」として公開されます。 これはGoogleのポリシーのためであり、おそらくサイト名を改ざんして悪用するのを防ぐためのものではないかと考えられます。

      応答
  3. 写真と文を書くシンプルなブログを作りたくてみると

    いつも詰まっ部分が生じた場合、ここで多くの助けを得ていきます。

    ありがとうございます。 良い一日になる!

    応答
    • 日本の門司港に住んでいらっしゃるんですね。
      ブログのコンテンツは役に立ちましたなんて、私も嬉しいですね。
      楽しい一日送ってください。

      応答
  4. 数日迷っイドンゴル、一気に簡単に解決してくれました。
    ほぼ絶望的だったがこのように簡単な部分がでしたね

    応答
    • こんにちは。役に立ちましたなんて、私も嬉しいですね。

      Yoast SEOやAll in One SEOのようなSEOのプラグインを使用すると、簡単にSEOタイトルとogタグを設定することができます。

      応答
      • もし私のような問題で悩んで検索して、受信の方があるかと思ってコメント残します。
        Yoast SEOプラグインでTitles & Metas - Title template: %%sitename%% %%page%% %%sep%% %%sitedesc%% これを修正すると、Webブラウザタブにサイトの説明(タグライン)が表示されません。
        WordPress 情報は常によく見ています。 ありがとうございます。 Word様も快適週末を過ごす。^^

  5. こんにちは。

    相違はなく、このページとリンクページを見て、ハイフン( - )をパイプ(|)に変える方法を試して見ている、やや理解がされていない部分があり、文を残すました。

    header.phpに部分が追加されている場合、正常にパイプに変更され、動作をするということで理解しましたが、しかし、その前の説明は、そうではないということで理解されるが、正確にどの部分をどのように変えなければなら正常変換がされるか知ることができますか?

    リンクの場合は、説明が少し不足しているので、理解しにくい、またはソースコードを見たときに、$ sep = "|";も、もしかしたらわかりますか?

    ありがとうございます。

    応答
    • こんにちは?

      タイトル部分が基本的に WordPressで提供されるコードがそのまま使用されている場合:
      <title><?php wp_title('|', true, 'right'); ?></title>

      そのような場合には、上記のフィルタを使用すると、簡単に修正が可能です。
      しかし、多くのテーマでは、基本的に提供されるコード方式を変更して使用することができます。 そのような場合、ヘッダーファイルでテーマに適用されたタイトルの部分のコードを基本コードに変えた後、フィルタを適用すると、正常に適用されます。

      応答
      • 回答ありがとうございます。

        つまり、 header.phpへのリンク内のコードと$ sep = "|"; 同じ設定を書かずに

        だけ入れても動作する言っているの?

        ありがとうございます。

      • header.phpにtitleが記入された部分がなく、ソースを追加したが、クッキーを削除したにもかかわらず追加がされていない場合には、どのようにすべきかこぶ知ることができますか?

        ありがとうございます。

      • テーマのソースを分析してtitle部分を代替してください。 通常は、header.phpファイルにtitleタグが追加されているが、テーマによって異なりますので、正確な答えを与えることができません。

        例えばTwenty Twelveテーマをざっと見てみるとheader.phpファイルにtitleタグが含まれています。

        <title><?php wp_title( '|', true, 'right' ); ?></title>

      • もう一つのものお伺いします。

        header.phpの中に、上記の該当するソースを入れたときにタイトルバーにホームページアドレスがおしゃべりたが、この場合には、どのように解決するかを知ってい。

        ありがとうございます。

      • シモンズ

        ?php wp_title('|', true, 'right'); ? 部分が切られたままだけ書いてしまいましたね。