2022年のスキーママークアップについて知っておくべきことすべて

毎日、上司から会議のメモやその他のドキュメントが大量に渡されます。

それぞれをファイリングキャビネットに適切に分類するのはあなたの仕事です。

これには、それらすべてを読み、重要な詳細を選択することが含まれます。 それは面倒で退屈です。

幸いなことに、新しいマネージャーが入ってきて、会社が作成するすべてのドキュメントに、それぞれの上部に同じ重要な詳細のラベルが付いている必要があります。

あなたの仕事はとても簡単になりました！

一目で、すべてのドキュメントを適切に並べ替えてファイリングするために必要なすべての情報が得られます。

スキーママークアップとは何ですか？

スキーママークアップは、コードで構成される「ラベル」であり、ページに関する重要な情報を共有し、コンテキストを追加します。

スパイダーがコンテンツをクロールするときの道標のようなものです。 コードがHTMLに追加され、GoogleSERPのリッチスニペットが拡張されます。

学校でフォーマットする方法を学んだことを覚えていますか？ あなたの先生は、読みにくい筆記体のフォント、1ページのエッセイを5つに変える行の高さにうんざりしていて、名前がないので誰がダングなものを書いたのかわかりません！

教師があなたのエッセイをよりよく理解する方法を望んでいたのと同じように、Googleはあなたのコンテンツをよりよく理解する方法を望んでいます。

わかりました、あなたは地元の企業です。 あなたの会社の名前は何ですか、そしてそれはどこにありますか？

わかりました、あなたはレシピを投稿しています。 レシピの名前、材料、そしてそれを作るためのステップは何ですか？

わかりました。商品を確認しました。 それは何と呼ばれ、あなたはそれをどのような全体的な星の評価にしますか？

Googleのスキーママークアップの公式定義は、「ページに関する情報を提供し、ページのコンテンツを分類するための標準化された形式」です。

以下の例では、2番目のスニペットにスキーマに追加された星の評価とレビューが含まれていることがわかります。

スキーマは、検索ユーザーと検索エンジンに詳細情報を提供します。 このコンテンツは、クリック率（CTR）の向上に役立つ他の結果の中でも際立っています。

スキーマはどのように作成されましたか？

schema.orgは、4つの最大の検索エンジン会社（Google、Bing、Yahoo、Yandex）によって作成されましたが、実際にはコミュニティ主導のプロジェクトです。

誰でも参加してアイデアを共有できます。

上記は、schema.orgのGithubの問題ページのスクリーンショットです。 ここで、さまざまなスキーマタイプに関する議論の大部分が行われます。

さまざまなスニペットタイプの問題や混乱をトラブルシューティングするのに最適な場所です。 問題は簡単に検索できます。

これについては、この記事の開発者セクションで詳しく説明します。

シンプルなスキーマ

世界中の人間と同様に、Webサイトのコーディングに使用される言語はたくさんあります。

Webページは、コンテンツの表示方法をWebサイトに指示するHTML（ハイパーテキストマークアップ言語）で構成されています。 あなたのウェブサイトはこの言語を話しますが、すべての検索エンジンがこの言語を話すとは限りません。

誰が作者であり、それが代表する会社/組織であり、どのデータがSERPで利用できるかを知ることは、Googleにとって大きな推測ゲームです。

簡単な例を挙げましょう。 ローカルSEOミートアップを開催したいとします。 Googleの「近くのSEOイベント」で表示されるこのボックスにリストされることが私たちの目標です。

さて、これについてはさまざまな方法があります。 最初の（そして最も簡単な）方法は、Googleマイビジネスイベントの投稿を作成することです。 ただし、Googleマイビジネスのリストを掲載する資格がない可能性があります。

問題ない。 2番目の方法は、schema.orgコードスニペットをイベントページに配置することです。

以下のコードスニペットを確認してください。 わかりやすくするために注釈を付けました。

ちょっと待って！ スクリーンショットをチェックして圧倒された場合は、奇妙なマークアップに触れることなく、サイトにスキーママークアップを追加するさまざまな方法があることを知っておいてください。 WordPressプラグインと使いやすいコードジェネレーターの両方があります。

しかし、それらのヘルパーが実際に何をしているのかを生で理解するのに役立ちます。

そして、まさにそのように、この小さなスニペットは、Googleに私たちのイベントに関する大量の情報を提供します！

わかる？

Schema.orgとリッチスニペットと構造化データ

あなたはあらゆる種類の用語が投げかけられるのを見るでしょう：

• スキーマタイプ/クラス
• 構造化データ
• リッチスニペット

しかし、それらの違いは何ですか？

構造化データは、私たちが行っていることを説明しています。 検索エンジンが理解できるコンテンツに関する明確で整理されたデータを提供しています。

Schema.orgは、構造化データの一種です。 これは、実際にはGoogleが関心を持っている唯一のタイプの構造化データです。

OpenGraphについて聞いたことがあるかもしれません。 これは別の種類の構造化データですが、Facebook、Twitter、Pinterestなどのソーシャルメディアサイトでほぼ独占的に使用されています。

リッチスニペットは、Googleがデータを使用して作成するクールで派手なウィジェットです。 これは私たちが完全に制御できるものではありませんが、schema.orgの構造化データは私たちのチャンスを増やします。

いくつかの例を見たいですか？

映画に関する情報：

スターレビュー：

レシピ：

GoogleはどのSchema.orgタイプを利用していますか？

私たちが知っている限り、彼らはそれらすべてを使用しています！ 結局のところ、Googleはschema.orgプロジェクトの背後にあるコアプレーヤーです。

ただし、Webサイトを理解してランク付けするために使用するデータ型の数に関係なく、リッチスニペットで使用されるデータ型はごくわずかです（少なくとも現時点では）。

彼らです：

• 組織
• 記事
• ローカルビジネス
• レシピ
• レビュー
• ビデオ
• 製品
• イベント
• 人

これは、他のものを実装する価値がないという意味ではありません。 実装するのに非常に有益な可能性のあるさまざまなデータ型について説明します。

Webサイトにスキーママークアップを追加する方法

Webサイトにスキーママークアップを追加するには、主に3つのオプションがあります。

1. マークアップコードを手動で追加する
2. データハイライターを使用する
3. WordPressプラグインを使用する

既存のマークアップを確認する

サイトに何かを追加する前に、現在実装されているものを確認することが重要です。

この記事を読んでいる場合は、Yoast SEO WordPressプラグインをインストールするだけでも、過去にいくつかのSEOの取り組みを行ったことがあるでしょう。 そうですね、そのようなプラグインは通常、少なくともいくつかのスキーママークアップを追加します。

あなたのURLを構造化データテストツールに投げます。

マークアップが何であれ、ページの右側に表示されます。 ご覧のとおり、テストしたページで使用されているスキーマタイプは3つあります。

オプション＃1：マークアップコードを手動で追加する

マークアップコードを最初から作成することもできますが、そのようにする必要はありません。

Googleは構造化データマークアップヘルパーを作成しました。これはすばらしいことです。

まず、コンテンツタイプを選択し、URLの1つを入力します。 私は私たちの最近のブログ投稿を選びます。

次に、ページのさまざまな要素の強調表示とタグ付けを開始します。

その後、赤い[HTMLの作成]ボタンをクリックしてコードを取得し、HTMLのヘッドセクションに追加します。 次のようになります。

これはあなたのホームページや単一のページにとっても素晴らしいことです。 しかし、すべてのブログ投稿に個別にタグを付けたい場合は、面倒になり始めます。

この場合、他にも検討するオプションがあります。 その最初のものはデータハイライターです。

オプション＃2：データハイライター

Googleは、ウェブマスターにデータにタグを付けるための使いやすいインターフェースを提供したいと考えていました。 たぶん、あなたはスキーママークアップを追加するためにページのHTMLを編集することに自信がありません。

データハイライターは便利です。 ビジネスのGoogleアカウントにログインしていることを確認し、URLの1つをプラグインして、構造化データマークアップヘルパーの場合と同じようにタグを付けます。

その後、サイトに同様のコンテンツが表示され、適切にタグ付けされていることを確認できます。

オプション＃3：WordPressプラグイン

YoastのようなWordPressプラグインを使い始めることができます。 その無料バージョンは、Organization、Person、Breadcrumbsなどの最も基本的なスキーマタイプを提供します。

eコマースやローカルビジネス関連のスキーマタイプをサポートするプレミアムアップグレードもあります。

さて、ここからどこへ行くの？ あなたはブロガーかもしれないので、BlogPostingやArticleのようなスキーマタイプが必要になるでしょう。 ローカルビジネスがあり、LocalBusinessタイプが必要な場合があります。

私が見つけた素晴らしい無料のプラグインは、 WPSEO構造化データスキーマです。 無料版では大量のスキーマタイプをサポートしています。

サイトに実装するものがわからない場合は、以下に最も一般的なスキーマタイプを示します。

使用する必要のあるスキーマデータ型

組織とブレッドクラムスキーマデータ

• 組織
• パンくず

ニュース出版物、オンラインストア、アイスクリームパーラーなど、すべてのサイトに適用されるデータタイプがいくつかあります。

検索での会社のウェブサイトの外観を向上させるためのGoogleのガイドでは、組織とパンくずリストのスキーマタイプを設定することを推奨しています。

そうすることで、ブランド名、住所（ある場合）、公式ソーシャルメディアチャネル、ロゴなど、あらゆる種類の情報を指定することになります。

ブレッドクラムは、ページの階層を表示するのに役立ちます。 検索結果にたくさん表示されます。 この検索結果のURLで、「メンズハイキングブーツ」という用語を探してください。

ブレッドクラムは、ページ、製品カテゴリ、およびブログ投稿カテゴリの階層を表示します。

また、組織のマークアップにcontactPointセクションを追加することをお勧めします。 それは人々があなたの会社を検索するときにあなたの連絡先情報を適切にリストするのに役立ちます。

そのようです：

組織のマークアップのヒント：組織のマークアップをすべてのページに配置しないでください。 GoogleのJohnMuellerは、ホームページまたは連絡先ページにのみ配置することをお勧めします。

人のマークアップ

人々がPersonマークアップを使用したい最も一般的な理由は、次のようなリッチスニペットを配置することです。

このようなリッチスニペットを取得するのは必ずしも簡単ではありません。 特にあなたがあまり知られていないか、かなり一般的な名前を持っている場合。

SEOのためのこのスキーママークアップの最良の使用法は、個人のWebサイトを所有している場合です。 チームメンバーのそれぞれについて専用のページを持っている会社の場合にも役立ちます。

ローカルビジネスマークアップ

ローカルビジネスの場合、LocalBusinessスキーママークアップを実装することは、実行するための優れたステップです。

ただし、ローカルビジネスのリッチスニペットは、主にGoogleマイビジネスのリスティングからデータを取得します。

NAP（名前、住所、電話番号）の一貫性を保つために実装する価値はあります。

記事のマークアップ

Articleタイプよりもさらに具体的にするには、代わりにNewsArticleまたはBlogPostingタイプを使用できます。

記事には、見出しや公開日など、記事に関連付けるすべての基本データを保持できます。 さらに、単語数、受賞した賞、簡単な説明を指定することもできます。

評価/レビューマークアップ

この種の評価リッチスニペットは、以前に検索結果で見たことがあります。

これは、顧客からの評価や製品の独自のレビューを表示するために使用できます。

すべての商品を任意に5つ星に設定するのではなく、顧客からの実際のレビューを使用するようにしてください。

これは、最も一般的に悪用されるスキーマタイプである可能性があります。 一部の人々は、ランキングを上げてクリックスルーすることを期待して、これらをすべてのページに配置します。 グーグルはそれに追いつき、そのようなことをしたことであなたにペナルティを課す可能性さえあります。

製品マークアップ

製品スキーマはeコマースストアの必需品です！

レビュー/評価スキーマとペアにすることをお勧めします。

ビデオマークアップ

Googleは、[動画]タブだけでなく、通常のコンテンツに沿って動画の結果を表示します。

多くの場合、ビデオの結果はYoutubeの結果によって支配されています。 他の場合（このように）、他の高権限サイトはランキングを確保することができます。

イベントマークアップ

イベントマークアップの実際的な例を確認する「SimpleSchema」というタイトルのセクションを必ず読み直してください。

このマークアップは、作成するあらゆるタイプのイベント用であり、イベントのすべての詳細をマークアップに含めることができます。

レシピマークアップ

それはどんな料理ブログにとっても必見です！ レシピ関連の検索結果ページを見たことがあれば…

…他のキーワードの結果とは完全に異なることは明らかです。

Googleがレシピをできるだけ簡単に理解できるようにする必要があります。

ボーナス：あなたのニッチ産業のためのマークアップ

利用するスーパーニッチな業界関連のマークアップタイプはたくさんあります。 特にあなたが地元のSEOにいる場合、あなたの競争相手がそれらを利用していない可能性があります。

たとえば、次のようなタイプがあります。

• MensClo​​thingStore
• BikeStore
• BookStore
• ホビーショップ
• … OfficeEquipmentStoreでさえ

スキーママークアップ…Eメール

この記事を読んでいる人の90％は、Webサイトにスキーママークアップを追加する方法にのみ興味があると思われます。

ほとんどの人は、それがマーケティングメールに追加できるものだとは思っていませんでした。

まず、これは実際にはGmailユーザーにとってのメリットにすぎないことに注意してください。 幸いなことに、Gmailユーザーはたまたまメールクライアントの市場シェアの29％を占めており、最も使用されているメールサービスとなっています。

スキーママークアップがAppleの電子メールクライアントに追加されるのを見たいです。 GmailとAppleがメールクライアントの市場シェアの50％以上を占めていることをご存知ですか？

受信トレイで使用されるschema.orgスニペットの最も一般的な2つの例は、フライトとホテルです。 購入したフライトの内容は次のとおりです。

これは、ホテルの予約に関するすべてのメールの横に表示されるボタンの例です。

しかし、あなたのほとんどはホテルや航空会社のどちらのビジネスにも携わっていません。 あなたが利用できるいくつかの邪悪なデータ型がまだあります！

Go-Toアクション

ほぼすべてのビジネスで最も役立つアクションは、実行アクションです。

メールの横に、購読者がURLにアクセスできるようにする簡単なボタンまたはリンクを提供するだけです。

このマークアップは、行動を呼びかけ、オープンを奨励するのに最適です。

イベントと出欠確認

EventRegistrationおよびRSVPデータ型を使用すると、サブスクライバーが次のイベントに「はい」と簡単に言うことができます。

特定のカスタム応答を作成し（例：「はい、行きます」）、それぞれに一意のURLを割り当てることは、ユーザーエクスペリエンスの分割テスト、追跡、およびパーソナライズに理想的です。

注文と出荷の追跡

電子商取引をしている人にとって、あなたにとっての電子メールマークアップの2つの最も有用な要素は、注文と小包の配達です。

請求書

請求書をクライアントに送信する場合でも、自動サブスクリプション支払いについて顧客に通知する場合でも、請求書データタイプは非常に役立ちます。

上の画像では、すでに支払われた請求書を示す例を見ることができます。

このデータタイプのユニークな部分の1つは、さまざまな支払いステータスから選択できることです。

これは、スキーマのPaymentStatusTypeによって定義されます。 5つのタイプは次のとおりです。

• PaymentAutomaticallyApplied
• PaymentComplete
• PaymentDeclined
• PaymentDue
• PaymentPastDue

開発者向けのスキーマ

このセクションを開発者に電子メールで送信するには、ここをクリックしてください。

開発者向けのヒントとコツでこの記事を締めくくると思いました。

これは、マーケティングマネージャーとして、またはコードに似たものが好きではない人として、必ずしも知っておく必要のあることではありません。

ドキュメントの読み方

開発者として、あらゆる種類のテクノロジーを学ぶことは、ドキュメントの読み方を学ぶことから始まります。

注目したい主なリソースは3つあります。

• Schema.orgの完全な階層
• Google構造化データドキュメント（またはメールを扱う場合はGmail構造化データドキュメント）
• Schema.orgGithubの問題のページで議論と最後のサポート

Schema.orgドキュメント

schema.orgのドキュメントには、標準で定義されているすべての可能なタイプ/クラスと、使用している構成オプションの詳細が記載されています。

そのドキュメントは読むのが最も楽しいものではありません。 レイアウトの仕方により、キーボードの「ホーム」ボタンと「終了」ボタンを押すエキスパートになります。

表示されるメインの灰色の表には、定義するオプションがあるすべての使用可能なプロパティ/属性の詳細が表示されます。

alllllllllllllllllllllllllllllll…ページの一番下までスクロールすると、サブタイプ（プログラミング用語ではサブクラスと考えてください）とコードスニペットの例の両方に気付くでしょう。

Googleの構造化データドキュメント

Googleの構造化データドキュメントには、あらゆる種類のコード例と、Googleが関心を持っているスキーマタイプのカーテンの裏側が示されています。

それをナビゲートすることは非常に簡単です。 左側のパネルには、「構造化データ」の下にリストするために必要なすべてのものがあります。

Schema.orgGithubの問題

ドキュメントを読んでいて、何かが十分に明確でない場合があります。 誰かが同じ混乱をした可能性があります。 これらの種類の問題を明確にするのに最適な場所は、Githubの問題を参照することです。

Microdata vs. RDFa vs. JSON-LD

ここでの本当の議論は、MicrodataANDRDFaとJSON-LDです。

MicrodataとRDFaは非常に似ています。 それらは、HTML/XMLのような構文に従います。 また、完全に表示され、既存のコンテンツを利用します。

一方、JSON-LDは、目に見えないコードのスニペットであり、サイトにアクセスするボットによってのみ処理されます。 大きな違いは、すべてをもう一度定義する必要があることです。 したがって、ブログ投稿の名前を指定しているとします。 表示されているコンテンツをラップするのではなく、もう一度入力する必要があります。

それが意味をなさない場合は、2つのコードスニペットを使用して説明しましょう。

マイクロデータのブログ投稿：

 <div itemscope itemtype = "http://schema.org/NewsArticle">
<h1 itemprop = "headline">
      市場を引き継ぐ15の電気自動車会社
    </ h1>
<pitemprop="articleBody">これは私の記事の内容です。</p>
</ div>

JSON-LDブログ投稿：

 <h1>市場を引き継ぐ15の電気自動車会社</h1>
<p>これは私の記事の内容です。</p>

<script type = "application / ld + json">
 {{
  "@context"： "https://schema.org"、
  "@type"： "記事"、
  「見出し」：「市場を引き継ぐ15の電気自動車会社」、
  "articleBody"："これは私の記事の内容です。"
  }
</ script>

ファイナルノート

この記事が、構造化データとスキーママークアップについて教えるのに大いに役立つことを願っています。

私たちは多くの分野をカバーし、多くの異なるスキーマタイプを経験しました。

Googleがますます豊富な検索結果機能を実装するにつれて、スキーマの重要性は高まるばかりです。

Twitter @fatjoewhoで#fatjoeschemaを使用して、スキーマの実装をどのように進めているかをお知らせください。