はじめに

マークアップやコーディングの基礎を実務で習得してきたが、
開発がだんだんと楽しくなってきて、
「サービスサイトの抱える課題」が見えてきた。

「もっとサイトの品質をあげたい！」と思うようになった。

品質の良いサイトとは

１. Googleが探しやすいページであること
２. Googleが理解しやすいページを作る
３. ユーザーが使いやすいページ構成であること
４. 不正行為を行わない

つまり＼SEO対策／が肝

Googleサーチコンソールを見てみた

未対策の「よくある質問」構造化マークアップで
サイト品質向上の余地がありそう！
難しそうだなあと思いつつも、すぐ調査をスタートした。

Googleのクローラーに、テキスト情報やコンテンツ内容を適切に理解してもらう記述方法のこと。
いつも通りHTMLマークアップを行った部分に、構造化データを書き足せばOKとのこと。

記述方法は大きく２種。

１. Microdata（マイクロデータ）：HTMLにメタデータを直接記述する方式
２.JSON-LD（ジェイソン・エルディ）：JavaScriptを使ってページ内に挿入する方式

Google推奨とされているのは[２]のJSON-LD形式とのこと。

このときまでは、[２]のJSON-LD形式でサクッと構造化マークアップしちゃうぞ！と思っていた・・・

GoogleオススメのJSON-LD形式というのは、
「利用者が目にする部分」と「Google側がクロールする部分」の記述を分けて書く必要があった。

推奨ではないが、Microdata形式も調査することに。

一方、Microdata形式は「HTMLにメタデータを直接記述する方式」なので、
テキストを書き換えても漏れがない。

JSON-LD形式に関しては、変更漏れの懸念が一番大きかったが、
動的に出力してるテキストについてはTwigタグを用いて変更漏れをなくす仕様も考えた。
しかし・・・

問題も山積みで実装を避けることになった。