CocoonユーザーがGoogle検索でサイト名が表示される方法

ブロガーの皆様、こんにちは！

ブログ運用歴2年目のがんちゃんです！

本サイトはWordpressテーマ「Cocoon」を利用して運営しています。

「Cocoon」はとても使いやすくてネット上に諸先輩方のノウハウが発信されていてサイト改善もしやすいなと感じています。しかし、サイトの見栄えを良くしようと改善を進めていると、Google検索でサイト名をうまく表示させる方法が全然載ってないなと感じました・・・

なんとか長年の悩みも解決しましたので、本記事ではCocoonユーザーが流れに沿えば簡単にGoogle検索で任意のサイト名を表示できる方法をお伝えします！

CocoonユーザーがGoogle検索でサイト名を表示する方法
Google検索のサイト名を変更するスクリプトを追記する
補足
1. 後日談
2. 参考にならないサイトもちらほら

CocoonユーザーがGoogle検索でサイト名を表示する方法

初期設定の場合はサイト名ではなくドメイン名が表示されています。

SEO対策をしてせっかく良い記事を書いたのにドメイン名が表示された状態では見栄えがあまり良くないですよね・・・

そこで使うのが次のスクリプトになります。

<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "WebSite",
  "name" : "ナレッジページ",
  "url" : "https://www.knowleage-page.com/"
}
</script>

このスクリプトをサイトヘッダーに追記すると1-2週間程度でサイト名が表示されるようになります！

サイトヘッダーはWebサイトを表示する際にGoogle側に「うちはこんなサイトだよ！」と明示するものになります。HTML上では「<head></head>」と表記されるものです。

上記スクリプトを利用する際は、”name”の「ナレッジページ」を「皆様の希望するサイト名」に、“url”のサイトURLを「皆様のブログURL」に変更してください。※それ以外は変更なしで大丈夫です！

実際にGoogle公式でも希望するサイト名を表示するには「WebSite構造化データをサイトに追加する必要がある」と提言しています。

Google 検索でのサイト名 | Google 検索セントラル | ドキュメント | Google for Developers

Google で検索結果にページの一覧が表示されるとき、そのページの取得元サイトの名前が表示されます。これをサイト名と呼びます。WebSite 構造化データを使用して Google 検索に対してサイト名を指定する方法を説明します。

また、サイト名が他のウェブサイト名と被っている場合は、alternateNameをスクリプトに追記することでGoogleが他のサイト名を選択することをお手伝いしてくれます。

"alternateName" : ["Knowledge Page", "knowledge page"],

alternateNameを利用する際は、”name”の下の行に追記するのでOKです！

Google検索のサイト名を変更するスクリプトを追記する

それでは手順に沿ってスクリプトを追記していきましょう。
※親テーマを変更するため事前に何かエラーが起きた場合に対応できるようバックアップを取得してください。

Google検索のサイト名を変更する手順

Step1
WordPressの「外観＞テーマファイルエディター」を開く
Step2
テーマヘッダーを編集するために「編集するテーマ選択＞Cocoon」を選択
Step3
「テーマヘッダー（header.php）」を選択

テーマファイルをスクロールして「テーマヘッダー（header.php）」を選択
Step4
スクリプトを追記

テーマを編集で「Cocoon :テーマヘッダー（header.php）」となっていることを確認できたら<head> </head>タグの間に先ほどのスクリプトを追記します。
Step5
更新を保存する

更新を保存」を押下すればこれで対応は完了です！