構造化データマークアップの記述例

ソースの記述は、前半にJsonLD、後半にmicrodataの両方を記述しています。(一部例外もあります)

WordPress使用時の注意点

functions.phpに
構造化の記述が消えないように

上記ページの記述を追加した上で、さらに、itemscopeの記述をただしい書式でかかないと

<div itemscope itemtype="http://schema.org/Corporation">
上記の書式(schema.orgでもこの書式を基本にしている)ですと、
<div itemscope="" itemtype="http://schema.org/Corporation">
といった記述に自動で書き換わってしまいます。

ただしくは、
<div itemscope="itemscope" itemtype="http://schema.org/Corporation">
この書き方になります。altタグの扱いにも似ていますね。

ご注意くだされ!(※以下の記述サンプルは、上記を反映していません。schema webの記述に準じております)

企業の記述例

DtA Web

1-7-2 #510 Minato-ku, Tokyo 106-0031

81(50)3702-3091

以下のソースが上記の表示になります。(※上記ソースでは、jsonLDの記述を外しておりす)
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Corporation",
"address": {
"@type": "PostalAddress",
"addressLocality": "Minato-ku",
"addressRegion": "Tokyo",
"postalCode": "106-0031",
"streetAddress": "1-7-2 #510"
},
"name": "DtA Web",
"telephone": "81(50)3702-3091",
"url": "https://dt-a.net"
}
</script>

<div itemscope itemtype="http://schema.org/Corporation">
<span itemprop="name">DtA Web</span>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">1-7-2 #510</span>
<span itemprop="addressLocality">Minato-ku</span>,
<span itemprop="addressRegion">Tokyo</span> <span itemprop="postalCode">106-0031</span>
</div>
<span itemprop="telephone">81(50)3702-3091</span>
<a itemprop="url" href="//dt-a.net">https://dt-a.net</a>
</div>

 

サロンなどの記述例

営業時間や休日の記述例です。特殊な隔週でお休みのケース、あえて"openingHoursSpecification"を使ってみました。正しいかどうか不明ですが強調の表現と考えました。サロンはimageが必須のようです。(←Googleの構造化データテストツールで検証)@typeのWebSalonは、schema webには存在しません。HairSalonやBeautySalonでイメージしていただけますでしょうか?

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSalon",
"address": {
"@type": "PostalAddress",
"addressLocality": "港区",
"addressRegion": "東京都",
"postalCode": "106-0031",
"streetAddress": "西麻布1-7-2 #510"
},
"name": "DtA Web",
"telephone": "(050)3702-3091",
"url": "https://dt-a.net",
"image": "https://dt-a.net/img/DtA_img01.jpg",
"priceRange": "5,000円〜",
"openingHours": [
"Mo-Fr 10:00-18:00"
],
"openingHoursSpecification": [
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": "2nd & 4th Tuesday",
"opens": "00:00",
"closes": "00:00"
}
] }
</script>

 

クリニック(医療機関)の記述例

-----

DtA元気になるクリニック

post@exsample.jp

106-0031
東京都港区 西麻布1-7-2 #510

TEL  050-3702-3091
FAX  03-1234-5678

------

以下のソースが上記の表示になります。(※上記記述には、jsonLDとロゴの記述を外しておりす)

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "MedicalClinic",
"address": {
"@type": "PostalAddress",
"addressLocality": "港区",
"addressRegion": "東京都",
"postalCode": "106-0031",
"streetAddress": "西麻布1-7-2 #510"
},
"email": "post@exsample.jp",
"logo": "http://exsample.jp/images/logo.png",
"name": "DtA元気になるクリニック",
"telephone": "050-3702-3091",
"faxNumber": "03-1234-5678",
"url": "http://exsample.jp/",
"image": "https://dt-a.net/img/DtA_img01.jpg"
}
</script>

<div itemscope itemtype="http://schema.org/MedicalClinic" class="address">
<p class="logo"><a href="//exsample.jp/">
<img itemprop="logo" src="/images/logo.png" alt="DtA元気になるクリニックロゴ" /></a>
</p>
<p itemprop="name">DtA元気になるクリニック</p>
<p><a href="mailto:post@exsample.jp" itemprop="email">
post@exsample.jp</a>
<a href="http://exsample.jp/" itemprop="url">http://exsample.jp/</a>
</p>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
〒 <span itemprop="PostalCode">106-0031</span><br />
<span itemprop="addressRegion">東京都</span>
<span itemprop="addressLocality">港区</span>
<span itemprop="streetAddress">西麻布1-7-2 #510</span>
</div>
<p>TEL  <span itemprop="telephone">050-3702-3091</span><br />
FAX  <span itemprop="faxNumber">03-1234-5678</span>
</p>
</div>

 

鉄道駅/TrainStationの記述例

六本木駅( 港区 六本木 )

以下のソースが上記の表示になります。(※上記記述には、jsonLDの記述を外しておりす)
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "TrainStation",
"address": {
"@type": "PostalAddress",
"addressRegion": "港区",
"streetAddress": "六本木"
},
"name": "六本木駅",
"url": "https://goo.gl/maps/3mAQvAmdPk42"
}
</script>

<div itemscope itemtype="http://schema.org/TrainStation">
<span itemprop="name">六本木駅</span>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress" class="schema-address">
( <span itemprop="addressLocality">港区</span>
<span itemprop="streetAddress">六本木</span> )
</div>
</div>

 

 

イベント(例としてセミナー)

例として:「SEO実践講座」

以下のソースにはサンプルとして料金なども記載しています。

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Event",
"location": {
"@type": "Place",
"address": {
"@type": "PostalAddress",
"addressLocality": "Minato-ku",
"addressRegion": "Tokyo",
"postalCode": "106-0031",
"streetAddress": "1-7-2 #510 NishiAzabu"
},
"name": "DtA Seminar Room"
},
"name": "SEO実践講座",
"description": "検索から評価されるSEOを具体的な施策例を交えて",
"image": "https://example.com/seminar/img_seminar.jpg",
"performer": {
"@type": "Person",
"name": "Hideo Kawahara",
"sameAs": "https://example.com/kawahara/"
},
"offers": {
"@type": "Offer",
"availability" : "http://schema.org/LimitedAvailability",
"price": "5000",
"priceCurrency": "JPY",
"url": "https://example-ticket.com"
},
"startDate": "2018-01-29T14:30"
}
</script>

 

イベント(例としてエキシビション)

例として:「hk写真展」

以下のソースにはサンプルです。

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "ExhibitionEvent",
"location": {
"@type": "Place",
"address": {
"@type": "PostalAddress",
"addressLocality": "Minato-ku",
"addressRegion": "Tokyo",
"postalCode": "106-0031",
"streetAddress": "1-7-2 #510 NishiAzabu"
},
"name": "DtA PhotoGallery"
},
"name": "hk写真展",
"description": "フォトグラファーhk写真展",
"image": "https://kawaharahideo.com/gallary_cms/wp-content/uploads/2020/01/sample_img.JPG",
"offers": {
"@type": "Offer",
"price": "1,500",
"priceCurrency": "JPY",
"url": "(イベント詳細のページURL)"
},
"maximumAttendeeCapacity":"(入場数制限がある場合)",
"StartDate": "2020-05-01fri",
"EndDate": "2020-09-15tue",
"DoorTime":"10:00-19:00"
}
</script>

 

求人情報

例として:「Webコンテンツを得意とする編集者」

<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "JobPosting",
"title": "Webコンテンツを得意とする編集者",
"qualifications": {
"@type": "EducationalOccupationalCredential",
"credentialCategory": "なし",
"about": "日本語が読み書きできること",
"recognizedBy": {
"@type": "Organization",
"name": "DtA Web",
"url": "https://dt-a.net/"
}
}
}
</script>

 

書籍

例として:「SEO in the future(Example出版社)」

以下のソースにはサンプルとして料金なども記載しています。

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Book",
  "bookFormat": "Hardcover",
 "datePublished": "2018-03-01",
  "copyrightHolder": {
    "@type": "Organization",
    "name": "Example出版社"
  },
  "copyrightYear": "2018",
  "description": "SEOの初歩的なことから、やってはいけない具体的なSEO対策、今実行すべきSEO対策と、その理由",
  "genre": "Web Marketing Book",
  "inLanguage": "japanese",
  "isbn": "1234567",
  "name": "SEO in the future",
  "author": {
  "@type": "Person",
    "name": "Michal Chang"
    },
  "numberOfPages": "251",
  "price": "2.980yen",
  "priceCurrency": "JPY",
  "publisher": {
    "@type": "Organization",
    "name": "Example出版社"
  }
}
</script>

 

緯度経度記述スタイル

参考レベルですが、飲食店とか美容サロンでは、緯度経度の記述が有効のようです。Corporateは対象にはなっていないようで、法人で飲食店やっている場合、どうするのでしょうかね?その場合は、法人の構造化の記述とは別に店舗やサロンの構造化記述をすることになるかと考えます。

緯度経度の記述例

"geo":{"@type":"GeoCoordinates",
"latitude":35.0108333333333,
"longitude":139.009722222222},

注意点は、10進法にする必要があります。

緯度:北緯35°39′39″
経度:東経139°43′35″

上記は、読み方も、35度39分39秒と読みますが、JsonLDの記述としては、これを10進法にして記述する必要があります。計算方法は簡単です。エクセルで組んでしまえばサッと計算されます。

 

( 計算方法 )上記を例にします。

軽度:=35+(39/60)+(39/60/60)ですので、35.0108333333333となります。緯度も同じ計算となります。エクセルに設定する場合は、35、39、39、の部分をセルを指定すればいけます。