{"id":1450,"date":"2021-01-26T21:08:44","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"https://freelance.indieverse.co.jp/media/?p=1450"},"modified":"2025-11-01T17:50:01","modified_gmt":"2025-11-01T08:50:01","slug":"schema-org","status":"publish","type":"post","link":"https://freelance.indieverse.co.jp/media/programming/schema-org","title":{"rendered":"Schema.orgとは？導入するメリット、サンプルコードをまとめてみた"},"content":{"rendered":"

Schema.orgとは

\n

Schema.orgとは、検索エンジンがコンテンツを把握しやすいような構造化データを作成、管理を行っている団体です。

\n

Schema.orgは、「インターネット上、Webページ上、電子メールメッセージ内など、構造化されたデータのスキーマを作成、管理、および促進する」というミッションを持つ共同コミュニティ活動です。[1] Webマスターはこの共有語彙を使用して、Webサイト上にメタデータを構造化し、検索エンジンが公開コンテンツを理解するのを助けます。これは検索エンジン最適化として知られている手法です。(schema.org wikipedia)

\n

Google, Yahoo, Bingなどが2011年6月に開始しました。構造化データは、どの検索エンジンでもサポートされているようです。

\n

Schema.orgは2011年6月2日にBing、Google、Yahoo！によって開始されたイニシアチブです。[2] [3]（当時世界最大の検索エンジンの運営者）[4]は、Webページ上の構造化データマークアップのための共通のスキーマセットを作成およびサポートします。2011年11月、Yandex（その検索エンジンはロシア最大）がこのイニシアチブに参加しました。[5] [6]彼らは、ウェブサイトのコンテンツをメタデータでマークアップするために、Microdata、RDFa、またはJSON-LDフォーマットとともにschema.orgの語彙を使用することを提案しています[7]。それ自体について。そのようなマークアップは、検索エンジンのスパイダーや他のパーサーによって認識され、それによってサイトの意味へのアクセスを許可します（Semantic Webを参照してください）。このイニシアチブでは、追加のプロパティを追加するための拡張メカニズムについても説明しています。[8]このイニシアチブについてのパブリックディスカッションは、W3Cパブリックボキャブラリーメーリングリストで主に行われています。[9]

\n

Schema.org（マイクロデータ）を利用する理由

\n

Schema.orgのような構造化データを利用する理由は以下のとおりです。

\n\n

あなたのWebページは、人々がWebページを読むときに理解するという基本的な意味を持っています。しかし検索エンジンはそれらのページで議論されていることについての限られた理解しか持っていません。WebページのHTMLに「このような特定の映画、場所、人物、またはビデオ」というタグを追加することで、検索エンジンや他のアプリケーションがコンテンツを理解しやすくなります。そしてそれを便利で適切な方法で表示します。Microdataは、HTML 5で導入された一連のタグで、これを実行できます。（Microdataを使ってschema.orgを始めよう）

\n

また、構造化マークアップができていると、以下のように「仕事内容」「勤務地」などを、詳細に認識してもらうことができます。

\n

\"\"

\n

その結果、

\n\n

などのメリットが見込めます。

\n

≫How to Add Schema Markup to Your WordPress Site

\n

構造化データの種類

\n

構造化データを扱う場合は、Schema.org以外にも以下の選択肢があります。

\n\n

それぞれ、Wikipediaからの引用ですが、構造化データのマークアップ方法の例を記述します。

\n

Schema.org(Microdata)

\n
\n
< div  itemscope  itemtype = \"http://schema.org/Movie\" > \r\n  < h1  itemprop = \"name\" >アバター</ h1 > \r\n  < div  itemprop = \"監督\"  itemscope  itemtype = \"http://schema.org/Person \" > \r\n  監督：< span  itemprop = \" name \" >ジェームズ・キャメロン</ span >  \r\n（< time  itemprop = \" birthDate \" 生まれ）datetime =\"1954-08-16\" > 1954年8月16日</ time >）\r\n   </ div > \r\n  < span  itemprop = \"ジャンル\" >サイエンスフィクション</ span > \r\n  < a  href = \"../movies/avatar-theatrical-trailer .html \"  itemprop = \" trailer \" >予告編</ a > \r\n</ div >
\n
\n

 

\n

RDFa

\n
\n
< div  vocab = \"http://schema.org/\"  typeof = \"映画\" > \r\n  < h1  property = \"name\" >アバター</ h1 > \r\n  < div  property = \"director\"  typeof = \"Person\" > \r\n  監督：< span  property = \"name\" > James Cameron </ span > \r\n（生まれた< time  property = \"birthDate\" datetime = \"1954-08-16\" >1954年8月16日</ time >）\r\n   </ div > \r\n  < span  プロパティ= \"ジャンル\" >サイエンスフィクション</ span > \r\n  < a  href = \"../movies/avatar-theatrical-trailer.html\"  property = \"予告編\" >予告編</ a > \r\n</ div >
\n
\n

 

\n

JSON-LD

\n

 

\n
\n
<script type = \"application / ld + json\" > \r\n{ \r\n\"@context\" ： \"http://schema.org/\" 、\r\n\"@ type\" ： \"映画\" 、\r\n\"名前\" ： \"アバター\" 、\r\n\"監督\" ： \r\n{ \r\n\"@type\" ： \"人\" 、\r\n\"名前\" ： \"ジェームズキャメロン\" 、\r\n\"birthDate\" ： \" \r\n1954-08-16 \" }、\r\n\"ジャンル\" ： \"サイエンスフィクション\" 、\r\n\"予告編\" ： \"../movies/avatar-theatrical-trailer.html \" \r\n} \r\n</script>
\n
\n

Data Vocubruary

\n

 

\n

≫リッチスニペットのための構造化データには schema.org と data-vocabulary.org のどちらを使うべきか？

\n

Schema.orgのマークアップ

\n

Schema.orgの単位としては以下の通りです。

\n\n

例えば、映画の紹介サイトがあったとして、

\n\n

を構造化マークアップした際は、以下のようになります。

\n
\n
<div itemscope itemtype = \"http://schema.org/Movie\">\r\n  <h1 itemprop = \"name\">アバター</h1>\r\n  <div itemprop = \"director\" itemscope itemtype = \"http://schema.org/Person\" >\r\n  監督：<span itemprop = \"name\">ジェームズキャメロン</span>（1954年8月16日生まれ<span itemprop = \"birthDate\" </span>）\r\n  </div>\r\n  <span itemprop = \"ジャンル\">サイエンスフィクション</span>\r\n  <a href=\"../movies/avatar-theatrical-trailer.html\" itemprop=\"trailer\">予告編</a>\r\n</div>
\n
\n

itemtypeは以下のようなものがあります。

\n\n

より詳しいitemtypeについては、公式ページに載っているので確認してみてください。

\n

≫schema.org

\n

ブログの構造化マークアップ

\n

ブログで使いそうな構造化マークアップについて、まとめておきます。

\n\n

パンくずリストのサンプル

\n

以下のサイトから引用します。

\n

≫ブログで使えるschema.orgの構造化データマークアップまとめ

\n
\n
<ul itemscope itemtype=\"http://schema.org/BreadcrumbList\">\r\n<li itemprop=\"itemListElement\" itemscope itemtype=\"http://schema.org/ListItem\">\r\n<a href=\"#\" itemscope itemtype=\"http://schema.org/Thing\" itemprop=\"item\" >\r\n<span itemprop=\"name\">サイト名</span>\r\n</a>\r\n<meta itemprop=\"position\" content=\"1\" />\r\n</li>\r\n<li itemprop=\"itemListElement\" itemscope itemtype=\"http://schema.org/ListItem\">\r\n<a href=\"#\" itemscope itemtype=\"http://schema.org/Thing\" itemprop=\"item\" >\r\n<span itemprop=\"name\">カテゴリー名</span>\r\n</a>\r\n<meta itemprop=\"position\" content=\"2\" />\r\n</li>\r\n<li itemprop=\"itemListElement\" itemscope itemtype=\"http://schema.org/ListItem\">\r\n<a href=\"#\" itemscope itemtype=\"http://schema.org/Thing\" itemprop=\"item\" >\r\n<span itemprop=\"name\">記事タイトル</span>\r\n</a>\r\n<meta itemprop=\"position\" content=\"3\" />\r\n</li>\r\n</ul>
\n
\n

記事一覧ページ

\n

以下のサイトから引用します。

\n

≫ブログで使えるschema.orgの構造化データマークアップまとめ

\n
\n
<article itemprop=\"blogPost\" itemscope itemtype=\"http://schema.org/BlogPosting\">\r\n<div itemprop=\"image\" itemscope itemtype=\"https://schema.org/ImageObject\">\r\n<img src=\"画像URL\" width=\"350\" height=\"200\" alt=\"\" itemprop=\"thumbnailUrl\"/>\r\n<meta itemprop=\"url\" content=\"画像URL\">\r\n<meta itemprop=\"width\" content=\"350\">\r\n<meta itemprop=\"height\" content=\"200\">\r\n</div>\r\n<p itemprop=\"articleSection\">カテゴリー名</p>\r\n<time itemprop=\"datePublished\" datetime=\"2016-10-04\">\r\n2016.10.04\r\n</time>\r\n<div itemprop=\"publisher\" itemscope itemtype=\"https://schema.org/Organization\">\r\n<div itemprop=\"logo\" itemscope itemtype=\"https://schema.org/ImageObject\">\r\n<meta itemprop=\"url\" content=\"ロゴ画像URL\">\r\n<meta itemprop=\"width\" content=\"500\">\r\n<meta itemprop=\"height\" content=\"243\">\r\n</div>\r\n<meta itemprop=\"name\" content=\"会社名・団体名\">\r\n<p itemprop=\"author\">著者名</p>\r\n</div>\r\n<p itemprop=\"articleBody\">記事の内容</p>\r\n<a href=\"#\" itemprop=\"url\">続きを読む</a>\r\n</article>
\n

構造化のチェックツール

\n
\n

Googleの構造化データテストツールを利用します。

\n

≫構造化データテストツール

\n

\"\"

\n

使い方についてはこちらが詳しいです。

\n

≫SEO強化のサポート役「構造化データマークアップ」って何？ そのやり方は？

\n

 

\n

参考サイト

\n

≫ブログで使えるschema.orgの構造化データマークアップまとめ

\n

≫【SEO対策・schema.org】itemscope、itemtype、itempropの基本

\n

≫schema.org

\n

≫Microdataを使ってschema.orgを始めよう

\n","protected":false},"excerpt":{"rendered":"

Schema.orgの概要と導入メリットを解説。Microdata・RDFa・JSON-LDのサンプルコード付きで、構造化データで検索エンジンの理解を高め、順位とCTR向上を狙えます。Googleなど主要検索エンジン対応です

\n","protected":false},"author":1,"featured_media":1272,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[188],"tags":[],"class_list":["post-1450","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n","aioseo_head_json":{"title":"Schema.orgとは？導入するメリット、サンプルコードをまとめてみた - インディバースフリーランスメディア","description":"Schema.orgのメリット、サンプルコードをまとめてみました。","canonical_url":"https://freelance.indieverse.co.jp/media/programming/schema-org","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https://schema.org","@graph":[{"@type":"BlogPosting","@id":"https://freelance.indieverse.co.jp/media/programming/schema-org#blogposting","name":"Schema.orgとは？導入するメリット、サンプルコードをまとめてみた - インディバースフリーランスメディア","headline":"Schema.orgとは？導入するメリット、サンプルコードをまとめてみた","author":{"@id":"https://freelance.indieverse.co.jp/media/author/wpmaster#author"},"publisher":{"@id":"https://freelance.indieverse.co.jp/media/#organization"},"image":{"@type":"ImageObject","url":"https://freelance.indieverse.co.jp/media/wp-content/uploads/2019/03/work.jpg","width":960,"height":640,"caption":"RをJupyter Notebookで利用する"},"datePublished":"2021-01-26T21:08:44+09:00","dateModified":"2025-11-01T17:50:01+09:00","inLanguage":"ja","mainEntityOfPage":{"@id":"https://freelance.indieverse.co.jp/media/programming/schema-org#webpage"},"isPartOf":{"@id":"https://freelance.indieverse.co.jp/media/programming/schema-org#webpage"},"articleSection":"プログラミング"},{"@type":"BreadcrumbList","@id":"https://freelance.indieverse.co.jp/media/programming/schema-org#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https://freelance.indieverse.co.jp/media/#listItem","position":1,"name":"ホーム","item":"https://freelance.indieverse.co.jp/media/","nextItem":{"@type":"ListItem","@id":"https://freelance.indieverse.co.jp/media/category/programming#listItem","name":"プログラミング"}},{"@type":"ListItem","@id":"https://freelance.indieverse.co.jp/media/category/programming#listItem","position":2,"name":"プログラミング","item":"https://freelance.indieverse.co.jp/media/category/programming","nextItem":{"@type":"ListItem","@id":"https://freelance.indieverse.co.jp/media/programming/schema-org#listItem","name":"Schema.orgとは？導入するメリット、サンプルコードをまとめてみた"},"previousItem":{"@type":"ListItem","@id":"https://freelance.indieverse.co.jp/media/#listItem","name":"ホーム"}},{"@type":"ListItem","@id":"https://freelance.indieverse.co.jp/media/programming/schema-org#listItem","position":3,"name":"Schema.orgとは？導入するメリット、サンプルコードをまとめてみた","previousItem":{"@type":"ListItem","@id":"https://freelance.indieverse.co.jp/media/category/programming#listItem","name":"プログラミング"}}]},{"@type":"Organization","@id":"https://freelance.indieverse.co.jp/media/#organization","name":"Indieverse Freelance","description":"Indieverse Freelanceの公式メディアです","url":"https://freelance.indieverse.co.jp/media/"},{"@type":"Person","@id":"https://freelance.indieverse.co.jp/media/author/wpmaster#author","url":"https://freelance.indieverse.co.jp/media/author/wpmaster","name":"DAI"},{"@type":"WebPage","@id":"https://freelance.indieverse.co.jp/media/programming/schema-org#webpage","url":"https://freelance.indieverse.co.jp/media/programming/schema-org","name":"Schema.orgとは？導入するメリット、サンプルコードをまとめてみた - インディバースフリーランスメディア","description":"Schema.orgのメリット、サンプルコードをまとめてみました。","inLanguage":"ja","isPartOf":{"@id":"https://freelance.indieverse.co.jp/media/#website"},"breadcrumb":{"@id":"https://freelance.indieverse.co.jp/media/programming/schema-org#breadcrumblist"},"author":{"@id":"https://freelance.indieverse.co.jp/media/author/wpmaster#author"},"creator":{"@id":"https://freelance.indieverse.co.jp/media/author/wpmaster#author"},"image":{"@type":"ImageObject","url":"https://freelance.indieverse.co.jp/media/wp-content/uploads/2019/03/work.jpg","@id":"https://freelance.indieverse.co.jp/media/programming/schema-org/#mainImage","width":960,"height":640,"caption":"RをJupyter Notebookで利用する"},"primaryImageOfPage":{"@id":"https://freelance.indieverse.co.jp/media/programming/schema-org#mainImage"},"datePublished":"2021-01-26T21:08:44+09:00","dateModified":"2025-11-01T17:50:01+09:00"},{"@type":"WebSite","@id":"https://freelance.indieverse.co.jp/media/#website","url":"https://freelance.indieverse.co.jp/media/","name":"インディバースフリーランスメディア","description":"Indieverse Freelanceの公式メディアです","inLanguage":"ja","publisher":{"@id":"https://freelance.indieverse.co.jp/media/#organization"}}]},"og:locale":"ja_JP","og:site_name":"インディバースフリーランスメディア - Indieverse Freelanceの公式メディアです","og:type":"article","og:title":"Schema.orgとは？導入するメリット、サンプルコードをまとめてみた - インディバースフリーランスメディア","og:description":"Schema.orgのメリット、サンプルコードをまとめてみました。","og:url":"https://freelance.indieverse.co.jp/media/programming/schema-org","article:published_time":"1970-01-01T00:00:00+00:00","article:modified_time":"2025-11-01T08:50:01+00:00","twitter:card":"summary_large_image","twitter:title":"Schema.orgとは？導入するメリット、サンプルコードをまとめてみた - インディバースフリーランスメディア","twitter:description":"Schema.orgのメリット、サンプルコードをまとめてみました。"},"aioseo_meta_data":{"post_id":"1450","title":null,"description":"Schema.orgのメリット、サンプルコードをまとめてみました。","keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"article","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"summary_large_image","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"limit_modified_date":false,"created":"2022-06-16 00:38:44","updated":"2025-09-08 22:41:19","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"
\n\t\t\tホーム\n\t\t»\n\t\t\tプログラミング\n\t\t»\n\t\t\tSchema.orgとは？導入するメリット、サンプルコードをまとめてみた\n\t\t
","aioseo_breadcrumb_json":[{"label":"ホーム","link":"https://freelance.indieverse.co.jp/media/"},{"label":"プログラミング","link":"https://freelance.indieverse.co.jp/media/category/programming"},{"label":"Schema.orgとは？導入するメリット、サンプルコードをまとめてみた","link":"https://freelance.indieverse.co.jp/media/programming/schema-org"}],"meta_description":"Schema.orgの概要と導入メリットを解説。Microdata・RDFa・JSON-LDのサンプルコード付きで、構造化データで検索エンジンの理解を高め、順位とCTR向上を狙えます。Google...","_links":{"self":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/1450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts"}],"about":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/types/post"}],"author":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/users/1"}],"replies":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/comments?post=1450"}],"version-history":[{"count":2,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/1450/revisions"}],"predecessor-version":[{"id":94388,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/posts/1450/revisions/94388"}],"wp:featuredmedia":[{"embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/media/1272"}],"wp:attachment":[{"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/media?parent=1450"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/categories?post=1450"},{"taxonomy":"post_tag","embeddable":true,"href":"https://freelance.indieverse.co.jp/media/wp-json/wp/v2/tags?post=1450"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}