5つの設計手順で大規模サイトでもOK!グーグルの検索結果ページでリッチスニペットとして表示されればCTRが上がるだろう。noteで書くこれは広告です筆者の見解はすべて筆者自身のものであり(ありそうもないことだが、筆者が催眠状態にある場合を除く)、Mozの見解を反映しているとは限らない。グーグルの検索結果ページでリッチスニペットとして表示されればCTRが上がりトラフィックが増えるだろう。どんな構造化データをどのページにマークアップすればいいんだ?そんなあなたに、5つのステップで進める全体設計のやり方を紹介する。ウェブサイトに何千、何万もページがある大手クライアントと仕事をしていると、必要なマークアップを追加するのは大仕事だ。今回のホワイトボード・フライデーは、Distilledのサージ・ステフォグロ氏を迎えて、JSON-LDの推奨案を系統立ててシンプルに作成するための枠組みを紹介してもらった。Mozファンのみなさんこんにちは。ホワイトボード・フライデーにようこそ。Distilledのコンサルタントだ。今回はこれから10分弱、サイトにJSON-LDでどんな構造化データを入れるのがいいかの設計を作成する際の手順について話をしたい。最初に言っておくが、われわれDistilledのクライアントは、ウェブサイトのページ数が数千~数万もあるような大手が多い。ローカルビジネスやあまり大きくないサイトに関して仕事をしている人には、もしかするとこれから紹介する手順はちょっと過剰かもしれない。いえ、役に立つ部分もあるとは思う。いま述べたように、Distilledはサイトのページ数が何百~何千とあるクライアントが多い。やってきた担当者に「うちのサイトはまったくマークアップされていない。すべてのページについてJSON-LDの推奨案を作成してもらえないだろうか」みたいに頼まれたらと、想像してほしい。僕のような立場の人なら、少し震え上がってもおかしくないだろう。空回りが始まり、多くの場合、生産性が多少は落ちることになる。これから紹介する手順が、空回りを抜け出して仕切り直す参考になることを願っている。ステップ1:サイト内のテンプレート(ページ種別)をリストアップするステップ1は、要するにサイトのテンプレート(ページ種別)のリストアップだ。Eコマースサイトのようなサイトを扱うとしよう。リストアップすることによって、問題を分解して俯瞰的にとらえられるようになる。サイト全体の全ページに構造化データを付けなきゃとなると大変だが、小さく分解していけば、OK。サイト全体で進めるには、1セクションずつ取り組む必要がある。やらなければならないのは、サイトにどんなセクションがあるかを調べることだ。するほうがわたしはずっと段取りよく対処できし、実際、おおいに役立っている。ここではサイトの構造をもとにテンプレートをリストアップするわけだ。価格URLパンくずリストレビューなどを書き留めることになるだろう。上から下まで見て、簡潔なメモを作っていく。人はとにかくページを見ていこう。おすすめしたいのは、schema.orgやお手本となる類似サイトを見て回ってどうなっているのかを理解し、マークアップできると思うものを自分で書き出してメモしていくことだ。以前にこうした設計をしたりJSON-LDなどを使った構造化データをマークアップしたりした経験があると、たくさんある標準全般に通じるようになるので、だんだんと慣れていく。2回目、3回目、10回目と経験を重ねると、製品ページにどんなマークアップを使い、カテゴリーページだとどんなマークアップになるのか、すぐにわかるようになっていく。ステップ3:メモをJSON-LD化するこのメモをもとに、どんなJSON-LDデータを入れるかを設計していくのが次のステップだ。この段階でみんな少し不安になりがちなのだが、開発者でなくても少し学べばすぐにわかる作業だ。この記事では取り組みの全体の流れを解説するのが目的なので、JSON-LDによる構造化データの個別マークアップに冠する具体的なやり方に立ち入ることはしない。詳しく知りたい場合は、次のような情報を参考にしてほしい。初心者向けJSON-LDガイドSEO担当者向けJSON-LD構造化データの書き方ガイド(超入門)構造化データの仕組みについてEコマースサイトの構造化データのための7つのヒントとにかく、このステップでは、メモを実際のJSON-LDにしていく。これはかなり単純な作業なので、僕の好きなやり方を紹介しておこう。それは、作業時にブラウザで次のようなページを開いておくというやり方だ。取り組むテンプレートの具体的なページ(そのページ種別の典型的なコンテンツが入っている代表的なページ)schema.orgのサイト(スキーマ情報の正式リソースのようなものだ)。似ている競合相手のサイトをいくつか(取り組むのがEコマースのブランドなら幸運だ。できた実例がたくさん公開されているので、何をどうやっているか確認できる)事前につくったメモをもとに、schema.orgや競合相手のサイト、以前に取り組んだサイトなどをよりどころにするのが僕のやり方だ。構造化データ化する対象のメモに「サービス利用価格」と書いてあれば、schema.orgで関係するデータを調べる。該当する構造化データのスキーマが「Offer」タイプだということがわかる。テストツールにコピーして検証することも忘れずに。問題なければ次に進もう。価格から手を付けたのなら、次はパンくずリストなどに移ればいい。ステップ3を終えると、必要なJSON-LDと、次のステップをはじめるための大切な要素はすべてそろっているはずだ。ステップ4:担当者/開発者と意見をすり合わせるステップ4では、いったん立ち止まり、サイト担当者や開発者といった関係者と意見をすり合わせる。いうのも、大規模サイトに取り組んでいて、JSON-LDの作業が必要なテンプレートが10も15もある場合、最初のテンプレートに対する設計をした時点でこんな風に申し出ておくといい:30分ほど一緒に確認してもらえないだろうか。サイトに構造化データを含めていくための基本設計を、テンプレート1つぶんだけ完成させたんだ。これで大丈夫なこと、そちらが満足できるフォーマットになっていることを確認したい。すべてのテンプレートに対して設計を終えた時点ですり合わせにいって大きくひっくり返されたら、それまでの作業がかなりムダになる。あとあとの問題を避けるためにも、テンプレート1つぶんの設計を終わらせた段階で、すり合わせをしておこう。フォーマットと言えば、制作会社の立場で個人的にオススメのやり方がある。これはGoogleドライブのようなリモートと共有できるフォルダを使うやり方だ。案件用のフォルダの中に「JSON-LD」というフォルダを作り、クライアントがこのフォルダにアクセスできるようにする。ここにテンプレートごとに1つのファイルを作っていく。JSON-LD」というドキュメントを作り、スキーマテストツールで検証したJSON-LDをすべてコピーし、このドキュメントにペーストするわけだ。担当者や開発者と一緒に見ていくのはこのドキュメントだ。Googleドキュメントのような形式で置いておけば、コメントやフィードバックも受け付けやすい。フィードバックはほぼすべて受け入れよう。フォーマットの変更を希望されたら、修正して再度話し合う。原則として、ゴーサインが出るまでほかのテンプレートには手を着けないようにする。ステップ5:すべてのテンプレートについてステップ2~4を繰り返すいよいよ本当に次のステップだ。ゴーサインが出て開発者も担当者も満足したら、同じことの繰り返しになる。ステップ2に戻り、別のテンプレートを選択する。製品ページが終わったら、カテゴリーページのテンプレートについて同じことをやる。マークアップできるものを書き出す。競合相手のサイトや類似サイト、schema.org、構造化データの検証ツールを使ってJSON-LDにする。ここまでくると作業はスムーズに進む。繰り返しになるが、本来ならかなりのストレスになるかもしれない作業(少なくとも僕はそうだ)なので、こういうやり方はすばらしい。作業を適切に小さく切り分ければ、1つひとつの作業に集中できる。繰り返しになるが、このやり方は僕にとって非常にうまくいった。問題が大きい場合はこうした枠組みや取り組み方を考え、問題を分解してシンプルにすることがDistilledでは好まれる。することでいちばん力を出せることがわかっているからだ。今回はそういったやり方の1つを紹介したにすぎない。見てくれてありがとう。質問やコメントがある人や、JSON-LDの実装やアドバイスの経験がある人がいれば、話を聞いてみたい。Twitterでもコメント欄でもいいので声をかけてほしい。見てくれて本当にありがとう。掲載された以下の記事を、Mozの許諾を得て日本語化したものです。最近(過去90日間)の記事で、Facebookの「いいね!」が多かった記事をお見逃し無く。いいね!※記事へのコメント機能は2021年11月をもって終了しました。編集部へのご連絡は、問い合わせフォーム・メール・Twitterなどをご利用ください。広告が目指す戦略アドフラウド対策でCPA改善!「おとなの自動車保険」のデジタル広告が“損失1700万円”を克服するまで成功事例・失敗から学ぶWebサイトリニューアル。個人の業務改善も組織への導入&活用も1冊で完全理解!』を3名様にプレゼントすべて見るインフォメーションWeb担のメルマガを購読しませんか?Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。編集後記サイトマップFAQ(よくある質問とその答)Web担に広告を掲載しませんか?購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。Web担主催のイベントに協賛しませんか?年4回実施している数百人~3,4千人規模の無料イベント。イベントに協賛して、新規のリード獲得・認知向上をしませんか。寄稿記事・取材の企画の募集はこちらWeb担に寄稿したい、取材してもらいたい、などの場合はこちらから情報提供お願いします。