構造化データマークアップによるSEOへの影響(初心者でもツールで簡単に実装できます)

構造化データマークアップによるSEOへの影響(初心者でもツールで簡単に実装できます)

構造化データマークアップによるSEOへの影響(初心者でもツールで簡単に実装できます)

構造化データとは何か、それがどのように機能するかを知ることは有益です。

W3Techsによれば、JSON-LDの構造化データを使用しているWEBサイトは29.6%で、43.2%は構造化データすら全く使用していないとう調査結果があります。

もちろん必須の作業ではありませんし、直接SEOで上位にランクインする効果がある訳ではありません。

しかしこの構造化データを利用する事は間接的なSEOが見込め、ライバルサイトを1つ出し抜く大きなチャンスであると言えます。

構造化データとは

構造化データとは、HTMLに記述された文字情報がGoogleなどの検索クローラーでも理解できる様、専用タグでマークアップしたものです。

ユーザーは閲覧しているWEBページの文字列が「会社の名前」であるとか、「電話番号」である等はすぐにわかりますよね。

しかしコンピュータやロボットは、厳密にはこれらをそうだとは理解していない訳です。

そこでロボットにも理解できる決められたフォーマットを使い、文字データを構造化したものが「構造化データ」です。

セマンティックWEBの考え方

蓄積した情報を単なるデータの集合体ではなく、知識としてのデータベースに進化させようという試みがセマンティックWEBです。

検索エンジンは従来、テキストを単なる「情報」として認識・収集していました。

しかしそれだと集積された文字情報は単なる「記号」でしかなく、その意味自体を理解する事はできない訳です。

メタデータ

コンピュータ側でも記述された内容が何を意味するか理解できる様に、特別に変換された情報を「メタデータ」と言います。

一定の規則に従ってこのメタデータ情報をWEBページに付与する事で、検索エンジンがより効率よく情報を解釈できるようになる訳です。

構造化データとは、いわゆるこのメタデータの事になります。

構造化データを通して、検索クローラー(ロボット)は収集した情報に「意味」を見い出す様になる訳です。

構造化データのメリット・デメリット

検索エンジンがサイトコンテンツの把握を容易にできる

上述した通り、構造化データを使えばテキストや画像がどのような「情報」なのかを検索エンジン側に指し示す事ができます。

例えば「私の名前はlpegで、事務所は福岡にあります」という本ブログの運営者に関する情報を、構造化データとしてマークアップします。

そうするとこの運営者情報がより明確に検索エンジンに伝わり、より適切に把握されるようになるのです。

クローラビリティが向上する事はSEO上有効です。

検索結果にリッチスニペットが表示される

通常、検索結果のページ表示される内容は以下の情報です。

・サイトタイトル(リンク)
・更新日時
・ディスクリプション(又はサイト内より引用したスニペット)

しかし構造化データを使うと、上記以外に例えば写真画像や表データ・星マークなどが表示される事があります。

これが「リッチスニペット」です。

リッチスニペットの例

リッチスぺニットの例

構造化データを用いるとこのように通常と違う情報を表示させる事ができるのです(必ずではありませんが)。

視覚的な変化で目に留まりユーザーの流入数が増えると、外部参照先として活用されたりサイテーション数も上がるなど、間接的なSEOに有効に働きます。

デメリット

工数が各段に増える

構造化データは基本的に、各ページごとにマークアップが必要になります。

確実に作業工数が増えますし、更新すれば同時に構造化データも対応させなければなりません。

当然ファイルサイズもその分大きくなります。

SEOに直接影響はしない

それに実際のところ構造化データを準備した事で、直接SEO順位が上がったりはしないとされています。

構造化データを用いても、リッチスニペットが必ず検索結果に表示される訳ではありません。

構造化データの概要

ボキャブラリー

ボキャブラリーとは構造化データを設定する際に、何についての情報なのかを定義する「規格」を意味します。

現在ボキャブラリーの代表格としてよく使われる規格が「schema.org」です。

schema.org

schema.orgは、Google、Yahoo、Microsoft、Yandexなどが策定を進めてきたボキャブラリーの規格です。

schema.orgでマークアップする際には、属性と値を指定するように定められています。

人の名前…「name」属性、実際のデータ値
住所…「address」属性、実際のデータ値

会社情報を構造化マークアップする際は、会社名や代表者名・電話番号などの属性に対しその値を指定する事になります。

シンタックス

シンタックスは実際にマークアップする際の「仕様」のことを指します。

schema.orgによって定められ、Googleがサポートしているシンタックスは、以下の3つです。

・JSON-LD
・Microdata
・RDFa Lite

この中でGoogleが推奨しているシンタックスが「JSON-LD」です。

JSON-LDは、2014年1月にW3Cの勧告となったオープンデータフォーマットです。

スクリプトを用いることで、HTMLのどこにでも記述が可能でかつ1カ所で記述できる仕様になっています。

Schema.orgが用意する属性の種類

ジャンルごとのマークアップ属性の種類

Schema.orgには、そのWEBページのジャンルに対応するべく様々な種類の属性が用意されています。その数は数千に上ります。

有用な構造化データのいくつかの例をご紹介します。

主要ジャンルの属性リスト

コロナウィルス関連記事の属性追加について

現在の新型コロナウイルスに関する記事についても、サポートされてきています。

特に緊急を要する内容に関して使う属性などが「SpecialAnnouncement」として記載されています。

新型コロナウイルス関連属性ガイドライン

新しい属性の使い方

この属性は緊急の危機関連情報を伝えるように設計されていますが、通常の情報と重複する場合があります。

それは、既存のWEBサイトに投稿される「日常の実用的な情報」と「緊急時の情報」とを明確に分けるために利用されます。

基本路線としては、「名前」「テキスト」「日時(expires)」「url」「category」などの記載が中心になります。

可能な場合は「カテゴリ」の値を記載することが重要です。

構造化データのマークアップ方法

では実際にどのように構造化データを記述するのでしょうか。その手順をご紹介します。

HTMLに直接マークアップ

まずは構造化データを追加したいHTMLファイルをソフト(テキストエディタなど)で開きます。

開いたHTMLソースのheaderタグ内に「JSON-LD」による構造化データを記述します。

先ほども説明しましたが、構造化データは「schema.org」であらかじめ定義されてる「属性」と、それに対応する「値」のみで構成されます。

属性と値

・属性:ページのURL、値:○○〇
・属性:タイトル名、値:○○〇
・属性:画像ファイルのURL、値:○○〇
・属性:公開日、値:○○〇
・属性:著者名、値:○○〇

定義されている属性の名前は決められていますので、きちんと対応させる必要があります。

マークアップ例

<script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Article", "name" : "seo", "author" : { "@type" : "Person", "name" : "lpeg" }, "datePublished" : "2020-08-01", "review" : { "@type" : "Review", "author" : { "@type" : "Person", "name" : "lpeg Blog" }, "reviewRating" : { "@type" : "Rating", "ratingValue" : "2", "worstRating" : "0", "bestRating" : "5" }, "reviewBody" : "構造化データによるマークアップはSEOに有効か(マークアップの記述方法やコード確認)" } } </script>

上記は、2020年8月1日にアップされたLpegの記事の中でseoに関するページである事を明確に示しています。

Wordpressサイトのマークアップ

WordPressでサイト構築してる場合は、通常のHTMLファイルの様にはいきません。

Wordpressサイトはheader.phpなどの共通テンプレートが出力の軸になるためです。

ですので基本はHTMLタグのソースコードがベースになりますが、ページごとに変化する部分(値)に対応させる必要があります。

ページごとに変化する部分の属性や値を関数やWordPressタグに変換して、構造化データをマークアップしなければなりません。

マークアップ例

<?php $thumbnail_id = get_post_thumbnail_id($post); $imageobject = wp_get_attachment_image_src( $thumbnail_id, 'full' ); ?> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BlogPosting", "mainEntityOfPage":{ "@type":"WebPage", "@id":"<?php the_permalink(); ?>" }, "headline":"<?php the_title(); ?>", "image": { "@type": "ImageObject", "url": "<?php echo $imageobject[0]; ?>", "height": <?php echo $imageobject[2]; ?>, "width": <?php echo $imageobject[1]; ?> }, "datePublished": "<?php echo get_date_from_gmt(get_post_time('c', true), 'c');?>", "dateModified": "<?php echo get_date_from_gmt(get_post_modified_time('c', true), 'c');?>", "author": { "@type": "Person", "name": "LPEGえるぺぐ" }, "publisher": { "@type": "Organization", "name": "<?php bloginfo('name'); ?>", "logo": { "@type": "ImageObject", "url": "https://lpeg.info/images/logo.png", "width": 154, "height": 49 } }, "description": "<?php echo mb_substr(strip_tags($post-> post_content),0,70); ?>" } </script>

変数として組み込む事が出来ればあとは簡単ですよね。ページを更新しても自動で対応してくれるので便利です。

ツールを使ったマークアップ

構造化データマークアップ支援ツール

構造化データマークアップ支援ツールを活用してマークアップする方法を紹介します。

要は、最終的に構造化されたデータのソースがheadタグ内に挿入できればいい訳です。

支援ツールを使えば構造化データソース自体を出力してくれるので、タグを一つずつ手打ちせずに済みます。

ツールで作ったソースをコピーして、headタグ内に貼り付けるだけで済む訳ですね。

マークアップ支援ツールはこちら

構造化データマークアップ支援ツールの使い方

構造化データマークアップ支援ツールのページに進みます(Googleアカウントでログインが必要)。

構造化データのタイプで「記事」を選択してブログ記事ページのURLを入力し「タグ付けを開始」ボタンをクリックします。

ジャンルとURLを入力

対象ページが読込されて表示されます。

マークアップ支援ツール管理画面

下の画像の様にページ内のタイトルや文章を選択すると、その項目をどの属性に入れるのか選択できる「項目メニュー」が表示されます。

ドラッグすると項目メニューが表示される
ドラッグすると自動的に「項目メニュー」が表示される

上の画像だとメインタイトルのテキストを選択(オレンジ色)していますので、項目メニューの「名前」を選択すると、右欄の「名前」の項目に代入されます。

同じ手順で「著者」や「日付」「画像」など、スクロールして選択できるところは項目メニューから全て代入ができます。

それぞれ対応部分にあてはめる

一通り代入が済んだら「HTMLを作成」の赤いボタンを押すと、コードが出力されるという訳です。

出力された構造化データコード
出力された構造化データコード

注意

この機能はWEBページの表面上に出ているものを選択する事で代入できる機能ですので、URLなど表示されていない要素はコード出力後に手入力が必要になります。

全て完全に代入できる訳ではないので注意しましょう。

コード内に不要なPタグ等が入る場合がありますので、そこは消しましょう。

データハイライター

「データハイライター」は、Googleサーチコンソールにサイトを登録・クロールする際に、構造化データもセットで登録してしまう方法です。

ですのでHTMLソースに構造化データを直接記述する必要がありません。

つまりGoogleにのみ有効な方法と言えます。

データハイライターを使うには、構造化データをマークアップしたいサイトをあらかじめサーチコンソールに登録しておく必要があります。

データハイライターはこちら

データハイライターの使い方

まずは登録されたWEBサイトを選択します。

WEBサイトの選択

ページの一番下にある「ハイライト表示を開始」をクリックします。

ハイライト表示を開始

URLの選択とチェック

小窓が表示されるので対象ページのURLを入れて、ジャンルから「記事」を選択します。

すぐ下の「このページをタグ付けし、他のページも同様にタグ付けする」にチェックを付けてOKを押しましょう。

この時他ページも同じ構成であれば問題はありませんが、違う場合は「このページだけタグ付けする」にチェックを付けて下さい。

対象ページのURLを入れて「記事」を選択

後は先述した「構造化データマークアップ支援ツール」と同じ手法です。

表示された項目をドラッグして指定要素へ代入する形です。

項目を選択して代入

ページセットの作成

今回は同じカテゴリ内ページを全てタグ付けしていきますので、「ページセットを作成」をクリックします。

これにより同カテゴリの全てのページに構造化タグがセットされます。

ここで無作為に選ばれたページサンプルの確認画面が表示されます。問題がなければGoogleに公開します。

サンプル確認

ページセットを削除したり編集したりするアイコンがありますので、操作は迷わないと思います。

ページセットの管理

作成したページセットは、あとから編集やセット自体の削除ができます。

先ほどのデータハイライターのURLにもう一度進み、対象のドメインを選択するとデータセットが登録されています。

データハイライター管理画面

別のハイライト表示を追加するには、右上にある赤の「ハイライト表示を開始」ボタンを押しましょう。

構造化データをテストする

構造化データをマークアップしたつもりでも、エラーがあると正常に検索エンジンに認識されません。

仮に記述エラーがあっても、優しく警告されたりしないのです。

エラーをそのままにしていると当然リッチスニペットは表示されないままです。

さらにWEBページのメタデータもスムーズに認識できないので、結果検索パフォーマンスの向上を妨げる事になります。

構造化データテストツールは廃止されます

構造化データのテストツールが用意されていたのですが、この機能は廃止されます。

構造化データテストツールはこちら

リッチリザルトテスト

代わりに「リッチリザルトテスト」ページが用意されています。

リッチリザルトテストはこちら

対象アドレスを入れて「URLをテスト」を押すと確認ができます。

構造化データチェック対象のURL

構造化データチェックOK
構造化データチェックOKの表示です。

構造化データの一覧を確認する場合

以前まではGoogleサーチコンソールで「検索での見え方」から「構造化データ」を選択すれば、確認できるようになっていました。

しかし新しいコンソール画面になってからは、「以前のツールとレポート」から「Web Tools」「テストツール」と進んで、構造化データテストツールを選択するしかない様です。

構造化データテストツールは、1つのURLまたは1つのHTMLコード単位でしか確認する事ができません。

新しく判明したらまた報告します。

構造化データはSEOに有効か

デメリットのところでお話しましたが、構造化データをマークアップしてもそれによる直接的なSEO効果は見込めないとされています。

しかしGoogleへの評価がされやすくなるという意味では、間接的なSEO効果が見込めると言えます。

コンテンツ情報が明確なページとしてインデックス

構造化データを入れる事で、通常ページとしてではなくコンテンツ情報が明確なページとしてインデックスさせる事ができます。

つまり構造化データをマークアップしておけばクローラビリティが向上する訳ですから、その分Googleに評価されやすくなると言えます。

リッチリザルトによる視覚効果で流入が増大

カルーセルなどのリッチリザルト向けの構造化データをマークアップすれば、検索結果に視覚的な変化をもたらす事ができます。

新たな検索流入の経路が増えますので、サイトへ流入するユーザーが増加する可能性は高くなります。

つまりユーザーによるコンテンツの共有量や参照量が増え、サイテーションや外部リンク数の増大につながります。

このようにSEOの外部要因が強化されるので、Googleに評価つながると言えるのです。

まとめ

構造化データは検索順位に直接は影響しませんが、設定をしておけばコンテンツ内容を検索エンジンに正しく伝える事ができます。

またリッチスニペットが表示されれば、ユーザーの目を引くためクリック数に影響を及ぼしますのでSEOに有利です。

構造化データをまだ導入していないWEB管理者は、是非この構造化データのマークアップを検討してみてはいかかでしょうか。

ツールを使用すれば初心者の方でも構造化マークアップが可能ですのでぜひお試しください。

この記事をシェアする

人気記事

SEOカテゴリの関連記事