記事内に広告が含まれています。

WordPressテーマcocoonで簡単に構造化データをマークアップする方法とは?

laptop, apple, macbook WordPress

WordPressページに構造化データをマークアップするには、マークアップ言語でコードを書くテーマやプラグインで設定する支援ツールを使用する、と大きく3つに分かれます。

今回はWordPressテーマcocoonの基本機能で、構造化データをマークアップする機能を簡単に紹介いたします。パンくずリスト、商品レビュー、FAQの構造化データを実装して、実際のインデックス内容をテスト・確認します。

この記事を読むことで、構造化データのマークアップを理解し、WordPressテーマcocoonを使って、簡単に「商品レビュー」「FAQ・よくある質問」ページに構造化データを実装できます。最後にGoogle提供のツールを使って、コンテンツが正しく構造化されインデックスされてるか確認します。

構造化データをマークアップするには?

構造化データとは、検索エンジンに正しくコンテンツ内容を伝えるための手段です。データの要素や記述の種類が定められ、マークアップするデータにも様々な種類があります。

マークアップ言語のコードを書くには、HTMLやJSONなどのプログラミングの知識が必要です。正しく理解し言語をコーディングする作業は、大変な苦労が伴います。

ただしWordPressでは、テーマによっては構造化データ化が機能として備わっているものがあったり、プラグインを追加してマークアップすることが可能です。

cocoonでプラグインなしで対応してる構造化データは?

WordPressテーマcocoonで、簡単に構造化データをマークアップします。SEO対策やレスポンシブ対応、表示速度の高速化など、サイトの品質を高めるための機能も充実した有名なブログテーマです。cocoonの基本機能で、下記のスキーマに対応した構造化データをマークアップできます。

Q
WordPressテーマcocoonで構造化データをマークアップできる種類は?
A

追加プラグインを使わず、テーマの機能で対応しているものは、パンくずリスト、商品レビュー、FAQの3つです。

これらのスキーマは、Cocoonの基本機能としてサポートされています。cocoon設定画面の「SEO」タブより「headタグ設定」「構造化データ」→「JSON-LD」を出力をチェックし、構造化データのJSON-LD情報をヘッダーに出力しましょう。

この設定をするだけで、「パンくずリスト」のスキーマが構造化データとしてマークアップされます。商品レビュー・FAQは投稿記事の管理画面内で設定します。

cocoonで商品レビューページに構造化データを実装

cocoonでは右端の投稿設定より、簡単にレビュー記事を構造化データを実装できます。「評価を表示する」をチェックし、「レビュー対象」となるスキーマを選択し、「レビュー対象名」を記入して「レビュー評価」を入力したら、各項目が構造化データとして実装されます。

WordPressテーマcocoonでレビュー記事に構造化データマークアップ

これだけの作業で簡単にレビュー記事が構造化できます。シンプルな構造化データをマークアップさせるには十分な機能です。※より高度に複雑な構造化データを実装するには、プラグインなどツールを使うことで可能です。

cocoonでレビュー記事に構造化データをマークアップし実装したページ

この機能でレビューページを構造化すると、上の画像のように、実際に公開した記事のアイキャッチ左上にレビュー評価した星マークが表示されます。

cocoonでFAQページに構造化データを実装

Q
cocoonでFAQページに構造化データを実装するには?
A

ブロックエディタのFAQブロックを選択して、Qに質問とAに答えを記入する

ブロックを追加する際に、FAQと検索すれば、cocoonの標準機能で「FAQブロック」が用意されています。

cocoonでFAQよくある質問ページを構造化データマークアップを実装

FAQブロックでは直感的な操作で、質問と答えを入力するだけで構造化データを実装します。答えを入力時にはリストを使うこともできます。

FAQブロックでは直感的な操作で、質問と答えを入力するだけで構造化データを実装します。

このようにcocoonでは簡単な設定と操作で、Webページに構造化データをマークアップできました。次の章では実装した構造化データが、正しくマークアップされているか確認するためのテスト・確認をします。

正しく構造化データがマークアップされたかテスト

Webページに構造化データをマークアップさせたら、Google提供のリッチリザルトテストで、構造化データが正しく認識されているか確認できます。

構造化データを実装させたページのURLかコードを入力するだけでテストができ、数十秒で結果が反映されます。

リッチリザルトテストurl入力画面

cocoonの基本機能で構造化データを実装したページのリッチリザルトテスト結果です。

リッチリザルトテストの結果画像

cocoon基本機能でFAQページの構造化データをマークアップしたテスト結果。「記事・パンくずリスト・よくある質問」の3項目が検出されています。

リッチリザルトテストの結果画像

cocoon基本機能で商品レビューページの構造化データをマークアップしたテスト結果。「商品スニペット・記事・パンくずリスト・よくある質問」の4項目が検出されています。

同じ商品レビューページをサーチコンソールでもURL検査をしてみました。

構造化データをサーチコンソールでURL検査でテスト

「商品スニペット・パンくずリスト・レビュースニペット」が認識されています。

リッチリザルトテスト・サーチコンソールを使って構造化データがマークアップされているかの確認ができました。エラーが出た場合は対処が必要となります。※別記事参照

cocoonで簡単に構造化データマークアップする方法まとめ

今回はWordPressテーマcocoonの基本機能で、構造化データをマークアップする機能を簡単に紹介しました。パンくずリスト、商品レビュー、FAQの構造化データを実装して、実際のインデックス内容を確認しました。

基本的な構造化データマークアップを理解し、スキーマを実装したWebページのインデックス状況を確認することで、今後SEOに必要な課題など検討できたのではないでしょうか?

Webサイトを運営する上で、さらに具体的な構造化データを実装されたり、プラグインを追加し効率的にマークアップしたりすることで、よりSEO効果が高まります。

著者情報
プロフィール
たぬき

WordPressサイト運用歴10年以上。約20年前にシスアド(現ITパスポート)資格取得、約10年間をIT業界で管理マネージメント。独立後、初めてWordPressサイトを開設し初月に月間12万PV達成。ホームページ制作支援。複数サイト運営。

現在はIT業界から離れ、のんびりカフェ経営しながら、趣味で複数サイトを運営し副業程度に広告収入を得ています。ぼちぼち100万PVを目指してます。

フォローする
WordPress
フォローする

コメント

タイトルとURLをコピーしました