構造化マークアップって何？SEO対策で大切な要素です。
株式会社TREVOのブログは、Web制作の現場で日々奮闘しているスタッフが、企画・デザイン・開発・SEO・運用まで幅広いテーマで執筆しています。
「分かりやすく、役に立つ」ことをモットーに、ホームページ制作や運営のヒント、トレンド情報、日々の気づきを発信中です。大阪を拠点に、全国のお客様と向き合いながら培った現場目線のノウハウを、実体験ベースでお届けします。
初めてホームページ制作をご検討の方から、リニューアルや集客強化を考えている方まで、何かヒントになる情報があればうれしいです。
記事へのご質問やご相談も、お気軽にお問い合わせください。
執筆記事：記事一覧ページ
2005年から WEB 業界一筋。500サイト超を手がける SEO・WordPress のエキスパート。「公開後こそ本番」を掲げ、データ分析とユーザー視点で成果を引き出す運用を提案。
2005年に制作会社へ入社後、プログラマーからキャリアをスタート。サーバー構築・データベース設計で培った技術を強みに、WordPress テーマ／プラグイン開発やサイト移行の難案件を多数担当してきました。
2010年以降は SEO エンジニアとしても活動領域を拡大。コンテンツ設計・内部リンク最適化・高速化チューニングにより、競合の激しいビッグキーワードで上位獲得を実現してきました。
現在は TREVO のウェブディレクターとして、要件定義から運用改善まで一気通貫でリード。AI ライティングや GA4／Looker Studio を活用したレポーティング手法を開発し、「数字で説明できるサイト運用」をポリシーにクライアントの ROI 最大化を支援しています。
趣味／強み：筋トレとランニングで日々の集中力をキープ。複雑な課題を“仕組み”で解決するのが得意。
モットー：「サイトは資産。改善を止めた瞬間から価値は目減りする」
SNS:x（旧 Twitter）@TREVO_WEB
WEB制作を依頼する上で大切になるSEO対策。ほとんどの発注者はSEO対策が施されたサイトを求められるとか考えられます。自身のホームページが検索順位で上位表示されるためには必ずSEO対策が必要になるからです。
今回は様々な切り口から語られるSEO対策の中でも、構造化マークアップと呼ばれる手法の重要性とその実際の方法についてご紹介いたします。
構造化マークアップとはそもそも何を意味するの？
構造化マークアップとは、コンピュータがWebサイトの構造や意味を理解可能にするための取り組みを意味しています。
何のこと？マークアップすなわちWEBを表示させるために記述するHTMLやCSSを読み取って表示されているじゃあないか。と考えたくなりますよね。でも実際にコンピューターはそこまでは理解できません。そこで文章のもつ意味合いまでも情報として示すことができるようにするための記述方法です。
構造化マークアップの3つの形式について
検索エンジンでリッチスニペットが表示するためにはmicrodata JSON-LD RDFaという方式でマークアップすることで、クローラーがページの内容を解析しやすくなると、検索エンジンにリッチスニペットを表示することができます。リッチスニペットとは、検索結果の一覧にでてくる評価や画像表示のことです。Googleが推奨しているのはJSON-LDですが、どの記述方法でも問題ありません。HTMLタグに直接書くのはmicrodataとRDFa。Scriptとして一箇所にまとめておくのが、JSON-LDという記述方法です。
直接マークアップする方法は構造化マークアップの知識と作業にかかる時間が必要になります。しかしソースコードに直接構造化マークアップを実装するので、ほとんど完璧に施策を行うことが可能となります。すなわち完璧な構造化マークアップで制作したサイトがひつようならばこの方法をとることが最大値を伸ばせるということですね。
もう一つの方法はGoogleの力を借りて行う方法です。これは短時間かつ比較的専門知識がなくても可能な方法ですので、時間がない場合や、新たに知識をいれる時間がないときの方法となるでしょう。前者と比べてもGoogleの力を借りるためすべてにおいて構造化マークアップされているとは断定できないデメリットがあります。
構造化マークアップを行うとGoogleの検索結果に反映されクリック率の上昇につながり、SEO上有益なサイトとなります。では実際にどのような変化があるのか見てみましょう。
リッチスニペットで表示されるとどのように表示されるのか？
上記の形式でマークアップするとどのような表示になるのでしょうか。いかに例としてレシピのリッチスニペット表記を示します。
こんな感じです。
EO対策の視点からリッチスニペットを活用することは大切です。確かにこれならクリック率が上がりやすくなりますよね。ぜひ取り入れてみたいとお思いの方も多いはずです。
やはりクリックしていただくには、情報から分かりやすそう、理解しやすそうなコンテンツを見ますよね。これはユーザー自身が得たい情報がどのページを閲覧すれば取得できるかがより分かりやすいですよね。
他にはリッチスニペットはどんな種類があるのでしょうか？
パンくずリスト
写真画像
レシピ評価
価格
イベント
検索窓
等があります。
こちらのサイトではグーグル提供のリッチスニペット一覧が見られます。
出典：検索ギャラリー
実際に記述していくうえで使える豆知識
ワードプレスプラグインでリッチスニペットを記述できる。
コンテンツマネジメントシステムのワードプレスにおけるプラグインでも導入可能です。
Breadcrumb NavXTはワードプレスにパンくずリストを導入するプラグインで、マークアップを追加してリッチスニペットに対応できるようにする方法です。
構造化マークアップ支援ツールを使用する
データの文法チェックをするツールを使用する
構造化テストツールを利用することで自身がマークアップしたコードが正しいかを判断することができます。
出典：構造化データテストツール
データハイライターを使用して直接マークアップすることなく検索エンジンに伝えられます。
これらのツールなど駆使してマークアップしても残念ながらリッチスニペットは必ずしもも表示されるというわけではありません。リッチスニペットのために構造化データ記述をしてもグーグルにインデックスしないと表示がされないため注意が必要です。そして表示させたいリッチスニペットと検索クエリとの関連が低い場合、ページ字体のクオリティが低い場合は表示がされない可能性があります。
また記述を行う際に注意すべこととして、グーグルのガイドラインに示された方法を踏襲する必要があります。簡単に言う悪用するとだめってことですね。
まとめ
グーグルは構造化データを活用してウェブページの解析を積極的に進めています。現在のところSEO対策としてはクリック率の上昇という側面しかありませんが、今後グーグルがリッチスニペットをより高く評価する可能性もあります。時間的に余裕があればぜひ構造化マークアップに挑戦していくべきと考えます。
大阪のホームページ制作会社TREVOでは、最短2日で仮サイトを公開できるスピード対応や、SEO対策に強いオリジナルデザインの制作サービスを提供しています。
