Googleの検索結果にサイト名を表示する方法（WordPress）
ソフトウェア検索エンジンの結果に以下のようにドメインではなくサイト名を表示する方法について、主にGoogle、WordPressを利用した場合の観点から解説します。
検索エンジン（Google）の仕様
はじめに、サイト名を表示するかどうかは各検索エンジンの個別の判断によります。対象のエンジンにより方法が異なるほか「こうすれば必ずできる」というものではありません。
Googleでは以下のドキュメントで方法が案内されています。
執筆現在、以下のようにあります。
希望するサイト名を指定するには、ホームページに
https://developers.google.com/search/docs/appearance/site-names?hl=jaWebSite構造化データを追加します。Google のサイト名システムでは、og:site_name、<title>、見出し要素の内容や、ホームページ上のその他のテキストも考慮されますが、希望するサイト名を指定するためにはWebSite構造化データが最も重要です。
複数のデータを参考に判断するようですが、特に「構造化データ」を重視するようです。
構造化データ（JSON-LD）とは
前述のように、Googleでは複数の情報を元にサイト名を判断しているようです。
多くのサイトでtitleタグにサイト名を入れていると思いますが、titleタグはあくまでブラウザのタイトルバーに表示するための情報であり、サイト名以外にもサブタイトル的な情報を含むことが多々あります。
以下はnoteのトップページのtitleタグです。
<title>note ――つくる、つながる、とどける。</title>このような場合でもGoogleのエンジンが「note」の部分がサイト名であると判断してくれることはあると思いますが、よりサイトの情報を正確に伝えたい場合、構造化データを埋め込む必要があります。
構造化データは人間のユーザー向けにブラウザに何らかの情報を表示するものではなく、検索エンジンのロボット等、機械に対しサイトの構造を伝えるためのものです。
構造化データにはいくつかの形式があり、GoogleではJSON-LDを基本としているようです。先ほどのGoogleのドキュメントから具体的なサンプルコードを引用します。
<html>
<head>
<title>Example: A Site about Examples</title>
<script type="application/ld+json">
{
"@context" : "https://schema.org",
"@type" : "WebSite",
"name" : "Example",
"url" : "https://example.com/"
}
</script>
</head>
<body>
</body>
</html>
このようにscriptタグを用いて情報を埋め込みます。ソフトウェア分野ではよく使われるjsonという形式ですが、よく分からなければ単にこういうものだ、という認識でも構わないと思います。
ここで”name”で指定している部分がサイト名であり、サブタイトルやプロモーション上の余計な言葉を取り除いた「正式なサイト名」を検索エンジンに伝えることができます。
WordPressでの構造化データ追加方法
WordPressでJSON-LDを埋め込む方法はいくつかあります。
最も簡単なのはプラグインを使う方法で、いわゆるSEO系と呼ばれるプラグイン（有名なところだとYoast SEOやAll in ONE SEO等）はJSON-LD形式での出力に対応しているものが多いです。
WordPressのテーマでも対応しているものはあると思います。
私の場合、SEO系プラグインはJSON-LDを出力する目的だけには高機能すぎると感じたこと、当サイトで利用しているCocoonテーマはJSON-LDには未対応（厳密には一部対応していますが、WebSite型には対応していない様子）だったので、下記方法で行いました。
WordPress管理画面の 外観 → テーマファイルエディター → テーマのための関数(functions.php) に以下のコードを追加。（WordPressやテーマのバージョンにより若干異なる可能性があります）
// JSON-LD構造化データfunctionadd_custom_structured_data() {if (is_front_page() ) { ?> <script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebSite","name":"<?php bloginfo('name'); ?>",// サイト名を埋め込み 直接記入してもOK"url":"<?php echo home_url('/'); ?>"// URLを埋め込み 直接記入してもOK } </script> <?php }}add_action('wp_head','add_custom_structured_data');自身のサイトのHTMLコードを確認し、トップページにコードが含まれていることを確認します。以下は当サイトの例です。
<scripttype="application/ld+json">{ "@context": "https://schema.org", "@type": "WebSite", "name": "ぽちぽちDevelop", "url": "https://potipoti-dev.com/"}</script>サイト名やURLがうまく解決できない場合は、nameやurlの部分で直接情報を書き込んでも良いと思います。
なおGoogleのドキュメントには
構造化データはサイトのホームページに配置する
とあり、全ページに配置する必要はないため、サンプルコードではトップページのみにJSON-LDを出力するようにしています。
コードの検証
構造化データが反映されているか、以下のサイトでチェックすることが可能です。
自身のWebサイトのURL（トップページ）を入力します。
「検出」から「WebSite」をクリックし、以下のように認識されれば正しく構造化データの追加ができています。場合よっては複数のデータが検出されることもあります。（構造化データが異なる形式で重複して設定されている場合など）
結果の反映を待つ
上記の設定を行っても、検索エンジンにすぐに反映されるわけではありません。特にサイトの規模が小さい場合、反映までに時間がかかることがあるようです。
私のサイトでは1、2か月かかり、忘れたころに確認したら反映されていました。
逆にサイトの規模が大きければJSON-LD以外の情報を参考にサイト名が表示されることもあるかと思います。WordPress等のシステムを利用していれば、知らず知らずのうちにJSON-LD形式以外のデータが追加されている場合もあるからです。
ただサイトを開設し、検索エンジンに掲載されるようになってから数か月以上経ってもサイト名が表示されない場合には、一度JSON-LDの追加を試してみる意義はあると思います。
関連記事
ソフトウェア【PyTorch】Distributed Data Parallel(DDP)の基本
ソフトウェア継承の使いどころ(ポリモーフィズム、アップキャスト)
ソフトウェア例外処理のtry-catchは遅い
ソフトウェアMacのFlutter環境構築
ソフトウェア自分のコードをGitHubに初めてpushするまでの流れ
ソフトウェア
