Googleにサイト内検索ボックスを表示させて目立たせるテクニック(WordPress用コード付き)

こんにちは、金田です。

早いもので今年も残すところあと3か月です。

突然ですが、目立ちたいですか？

検索エンジンからの集客に関して言えば、目立った方がいいに決まってます！
2ページ目より、1ページ目、3位よりは1位がいいですよね。

さらには表示される領域が大きいと目立つと思います。

Googleでは最近検索結果にサイト内検索ボックスが表示されるようになりました。

これが表示された方が目立ちますよね。
あくまでGoogleに促すということで効果はありますが、サイト内検索ボックスは大手サイトにのみ適用される可能性もあります。

また、過去に著者情報が廃止されたように、こちらの仕様も将来廃止される可能性もありますので、できることはやっておきたいという方にはおすすめです。

1 表示するためにやること
- 1.1 静的なコード：
- 1.2 WordPress用コード：
2 正しく設定できたか確認する
3 参考になるサイト
4 まとめ

表示するためにやること

schema.orgを使って表示を促すことができます。設置は非常に簡単で、コードをウェブサイトに追加するだけです。

静的なコード：

大手サイトでは、このような処理を行わなくても表示されているケースもあるようですが、私は下記のコードをサイトのフッター付近に追加しました。URL「www.example.com」や検索クエリはサイトの仕様に合わせて適宜変更してください。

<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "http://www.example.com/",
"potentialAction": {
  "@type": "SearchAction",
  "target": "http://www.example.com/search?q={search_term}",
  "query-input": "required name=search_term"
  }
}</script>

urlは、サイト内検索を行いたいドメイン名を指定します。
targetは、検索結果のURLを指定します。

通常検索ボックスに「abc」と入力して検索すればURLが特定できます。

www.example.com/search?q=abc

といったURLが生成されると思います。日本語の場合はエンコードがかかると思います。

abcの部分を{search_term}に置換するとOKです。

www.example.com/search?q={search_term}

WordPress用コード：

検索が組み込まれているサイトといえばWordPressを利用しているサイトが多いと思います。

その場合は、下記のコードをfooter.phpに追加するとOKです。
自動的に必要なURLが入ります。

<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "<?php bloginfo('url'); ?>/",
"potentialAction": {
  "@type": "SearchAction",
  "target": "<?php bloginfo('url'); ?>/?s={search_term}",
  "query-input": "required name=search_term"
  }
}</script>