プラグインの概要 構造化データ定義ボキャブラリのschema.orgをJSON-LD(JSON for Linking Ddata)シンタックスで、WordPressの投稿や固定ページなどに構造化マークアップを出力するプラグインです。 またWordPressのテーマ上に表示するパンくずリスト（BreadcrumbList）をショートコードで出力することができます。 Markup (JSON-LD) structured in schema.org Download Site: https://wordpress.org/plugins/wp-structuring-markup/対応しているschema.orgArticle: http://schema.org/ArticleBlogPosting: http://schema.org/BlogPostingBreadcrumbList:

フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Google 検索がサポートする構造化データ マークアップ Google は、構造化データを使用してページのコンテンツを認識し、そのコンテンツを「リッチリザルト」と呼ばれる情報が豊富な検索結果に表示します。サイトが検索でリッチリザルトの一つとして表示されるようにするには、サイトに構造化データを実装する方法を説明しているガイドを実践してください。構造化データになじみがない方は、構造化データの仕組みについての説明をご覧ください。 ウェブサイトを表すカテゴリを選択してください 構造化データ機能 フィルタ列

フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 求人検索用の求人情報（JobPosting）の構造化データ JobPosting 構造化データを求人情報のウェブページに追加すると、求職に関するエクスペリエンスを向上させることができます。構造化データの追加により、求人情報を Google 検索結果に表示して、特別なユーザー エクスペリエンスを提供できるようになります。また、サードパーティの求人サイトを利用して、Google に統合することも可能です。 この機能には、雇用主や求人コンテンツ サイトの所有者にとって、次のような多くのメリットがあります。 よりインタラクティブな結果: 求人情報が Google の求人検索機能の表示対象となり、ロゴ、レビュー、評価、求人の詳細を目立たせることができます。 意欲的な応募者を多く呼び込む: 新しい機

[レベル: 上級] リッチスニペットにも使われる構造化データを検証するための新しいツールを Google は公開しました。 Introducing Rich Results & the Rich Results Testing Tool 名称を「リッチリザルト」に統一 構造化データを利用した検索結果の特別な表示形式の種類として、Google は複数の用語を用いていました。 リッチスニペット (rich snippets) リッチカード (rich cards) エンリッチ検索結果 (enriched results) 公式ドキュメントにおいては今後は、「リッチリザルト (rich results)」に名称を統一します。 【UPDATE】 この記事を公開した時点では日本語訳として「リッチ検索結果」が当てられていましたが、ほどなくして「リッチリザルト」に変更されました。 リッチリザルト テスト

こんにちは、エリカです。リッチスニペットとは、通常の検索結果に表示される文字情報よりも、リッチに表示される情報のことです。例えば、画像や動画、パンくずリストなどがこれに該当します。 今回はリッチスニペットとは何か、SEOの視点ではどんな対策ができるのかといった点から、リッチスニペットの記述方法を解説します。 ※編集部注：この記事は、2017年10月に公開されたものを、最新情報を踏まえ再構成・編集しました。 リッチスニペットとは Googleなどの検索結果では、ページタイトル、URL、短い説明文が表示されるのが普通です。この短い説明文のことを「スニペット（断片）」と呼びます。 「リッチスニペット」とは、検索結果に表示される普通の説明文以外のリッチな情報のことを言います。リッチリザルトと呼ばれることもありますが、どちらも同じ意味と考えて問題ありません。 説明より見た方が早いので、いくつか例をご

SEOのために構造化データを実装する方法「SEOのための構造化データ初心者向けガイド――構造化データを実装する方法」にようこそ。 今ご覧になっているこの記事はガイド全体のパート2です。 パート1（日本語未訳）では、「構造化データとは何か」「SEOの取り組みをサポートするために構造化データをどのように利用できるか」について概要を説明した。 このパート2では、ウェブサイトでSEOのために構造化データを実装する手順について説明する。これは初心者向けガイドなので、利用可能な最も基本的な構造化データのマークアップとよくあるユースケースについて説明したい。また、実装の技術的な面について理解するための追加リソースを提供する。 構造化データの利用が適切かどうかを判断する一般的には、SEOのために構造化データを実装すれば、ほとんどの人にメリットがもたらされる。しかし、実装には一定の労力とリソースが必要だ。ま

この記事は、前中後編の3回に分けてお届けしている。構造化データの実装方法について説明した前回に引き続き、今回は、さまざまな業種におけるschema.orgの使い方について見ていこう。 →まず前編を読んでおく 一般的なウェブサイトでのschema.orgの利用では、自社のサイトに適したschema.orgのTypeを判断するには、どうすればよいだろうか。これは、ビジネスやウェブサイトの種類によって変わってくる。 schema.orgのマークアップのTypeには、ほぼすべての企業にとって役立つものもあれば、特定のビジネスの特定のユースケースにのみ役立つものもある。 ほとんどのサイトで利用価値があるマークアップは次のとおりだ。 Organization ―― Organizationマークアップをトップページで使用すると、そのウェブサイトが特定のブランドのサイトであることを伝えられる。 ナレッジ

Webサイト制作時やSEOコンテンツの作成時に構造化データでマークアップすると、Googleなどの検索エンジンがそのサイト・ページの内容を理解しやすくなります。 SEOの観点でいれば、検索結果上にリッチスニペットとして表示されることもあるため、構造化データの書き方は担当者なら必ず押さえておきたいポイントです。 そこでこのページでは、Web制作やSEO対策を始めたばかりの方向けに構造化データの概要や種類、具体的な記述方法を紹介します。 ※編集部注：この記事は2017年に公開されたものを、最新情報を踏まえて再構成、編集しました。 構造化データの概要 そもそも構造化データとは 構造化データの概要構造化データとは、Googleなどの検索エンジンがそのサイトやページ内容を理解しやすいように記述したデータ形式のことをいいます。 検索エンジンはサイト内をクロールすることでテキストを読み込んでいきますが、

[レベル: 中級] Google検索でリッチスニペットを表示させるための構造化データとして、旧式の data-vocabulary.org を今でも利用することができます。 しかし、現在Googleが公開している仕様としての schema.org を利用することが推奨されます。 schema.org 対 data-vocabulary.org GoogleのJohn Mueller（ジョン・ミューラー）氏がTwitterでフォロワーから schema.org と data-vocabulary.org の利用について質問を受け、それに対してアドバイスしています。 @Ck_eMrkg I'd use the markup as in our docs: https://t.co/IUvzMZGv2W — John Mueller (@JohnMu) 2016年4月13日 @Ck_eMrkg

[レベル: 上級] Googleは、ローカルビジネス情報をschema.orgで提供する仕様を構造化データの開発者向けサイトで公開しました。 名称や住所などの各種情報をローカルナレッジパネルに表示したり、そこから注文や予約といったアクションを実行させるたりすることができます。 ローカルビジネス情報をschema.orgでマークアップ schema.orgの LocalBusiness でマークアップすることにより、あなたが営むローカルビジネスに関する情報を正確かつ詳細にGoogleに伝えることができます。 たとえば、正しい名前や住所、電話番号を定義できるし、メニューが書かれているURLや営業時間を伝えられます。 こうした情報は、検索結果のナレッジパネルに表示されます。 schema.org/LocalBusinessで利用できる次のプロパティが必須または推奨、任意です。 name（名称、必

schema.org構造化データマークアップのシンタックスにJSON-LDという選択 高見和也（株式会社アラタナ） 2014年10月28日にHTML5が勧告され、もうすぐ1年が経とうとしています。HTML5やその他のAPI、たとえばWeb StorageやService Workerを始め、WebではJavaScriptで操作するようなAPI技術が話題に上がることが多いように思えます。しかし忘れてはいけないのは、HTML5では検索エンジンなどのプログラムにサイトの情報を正しく理解してもらうことを可能とするマークアップができることです。 <header>や<article>といったタグレベルでの情報はたくさんあり、一般的になりつつあります。代表的なCMSのテンプレートでも実際に組み込まれているものがほとんどです。そこで今回は、Webサイトのコンテンツ情報をよりプログラムで構造的に取得できるよ

[レベル: 上級] schema.orgのパンくずリストをGoogleは公式にサポートし、ドキュメントを2週間前に更新しました。 その後、2つの重要な更新がさらにドキュメントに入っています。 現在のページをパンくずリストに含めるかどうか 現在のページはパンくずリストに含めても含めなくてもどちらでもかまいません。 schema.orgのパンくずリストの記述例には、現在のページが含まれていません。 たとえば、スティーブン・キングが書いた小説、「ザ・スタンド」の商品ページでは次のようにパンくずリストを設定できます。 ホーム › 本 › 著者 › スティーブン・キング › ザ・スタンド 最後の「ザ・スタンド」が示すページは、つまり自分自身です。 しかし「ザ・スタンド」のページで次のようなパンくずリストを設定していたとしても、（Googleに対しては）まったく同じ役割を果たします。 ホーム › 本

[レベル: 上級] schema.orgのパンくずリストのサポートをGoogleが始めました。 ところが、検索結果でのパンくずリスト表示に不具合が生じています。 パンくずリストのラベルの重複 キャプチャ画像でわかるように、パンくずリストのラベルが検索結果で繰り返し出てきて重複してしまっています。 僕のブログに固有の問題ではありません。 SEOモードさんも体験しています。 schema.orgのパンくずリスト表示の不具合は海外でも報告されていました。 設定は正しい http://schema.org/BreadcrumbListの記述に間違いはなく（JSON-LDをシンタックスに利用）、設定は正しくできています。 構造化データツールの検証では合格しています。 Search Consoleの構造化データレポートでも正常に認識されていて、エラーは出ていません。（実装後2日ほどでレポートに出てきた

2015年6月15日 著 schema.orgのパンくずリストをようやくGoogleがサポート開始 | 海外SEO情報ブログを読んで、パンくずリストと呼ばれる何かの構造化データをちゃんと実装しなきゃ、と思いました。昨年末に勤務先のBlogでschema.org v1.92で追加されたBreadcrumbListという記事を書いていましたが、まさにそのBreadcrumbListを実装しようということです。まずは当覚え書きで採用しているマークアップパターンを実験台に、 <div class="topic_path" itemprop="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList"> 現在地：<span itemprop="itemListElement" itemscope itemtype="http:/

[レベル: 中〜上級] Googleは、schema.orgを使用したパンくずリストをサポートしました。 これまでは、schema.orgで定義されているもののパンくずリストを表す構造化データとしてschema.orgを利用することはできませんでした。 パンくずリストのドキュメント更新 パンくずリスト (breadcrumbs) の開発者向けドキュメント（英語）が2015年6月12日付で更新され、schema.orgを使ったパンくずリストの記述を説明するようになっています。 以前は、Data-Vocabulary.org を使った例でした。 Data-Vocabulary.orgは、すでに運営維持を停止しその役割をschema.orgに譲っています。 Googleがschema.orgのパンくずリストのサポートを開始したことは、Dan Brickley（ダン・ブリックリー）氏に確認が取れて

[レベル: 上級] Googleはウェブマスター向け公式ブログで、JSON-LDとWeb Componentsの2つの技術を共に使うことを推奨しました。 JSON-LDとは JSON-LDは、Linked Data（リンクト・データ）を記述するためのフォーマットです。 SEOにおいては、構造化データのボキャブラリの1つであるschema.orgを記述するシンタックスとして利用できます。 構造化データとしてのschema.orgやJSON-LDについては、このブログで詳しく解説してきましたね。 [構造化データ初級者向け] schema.orgとMicrodata、RDFaって何が違うの？ 【徹底解説】JSON-LDを使ったschema.orgの記述方法 ゼロから始めるセマンティックSEO＆構造化データ at CSS Nite LP36 schema.orgのこれまでと今、そしてこれから at

[対象: 上級] この記事では、JSON-LDをシンタックスに用いたschema.orgの記述方法について詳しく解説します。 CSS Niteで講演 2014年9月20日（土）に、CSS Nite LP36 powered by In-house SEO Meetup 「ビジネスに活用できる2014年SEOトレンド」がベルサール神田 イベントホールで開催されました。 僕は出演者として登壇し、セマンティック検索と構造化データ、schema.orgをテーマに公演しました。 このなかで、JSON-LDの使い方についても説明しました。 [撮影：飯田昌之] 参加者には録画した動画とスライドが提供されています。 年内には（無償で）一般公開される予定です。 ですが、JSON-LDを使ったschema.orgをもっともっと多くのサイト管理者に使ってもらうことが僕の希望です。 3か月近くも待たせたくありませ

[対象: 上級] この記事では、SMX Advanced 2014で参加した「セマンティック・構造化データ」のセッションをレポートします。 スピーカーは、Disney IntaractiveのインハウスSEOをやっているJeff Preston（ジェフ・プレストン）氏です。 プレストン氏は、Disneyグループ全体のサイトを管理しています。 セッションでは、Disneyサイトが実装している以下の構造化データの実装について話しました。 Open Graph Twitter Cards schema.org 僕たちにとって、特に重要なschema.orgだけにフォーカスしてレポートします。 Disneyが実装しているschema.org 動画 動画 (schema.org/Movie) の構造化データを、たとえばMaleficentのページではマークアップしています。 schema.org/M