新潟県妙高市|ホームページと広告の相談相手

妙高Web屋

お仕事のご依頼お見積りのご依頼

Web制作

json形式の構造化データの記述方法(TOP/アーカイブ/個別記事)

2019.5.4

json形式の構造化データの記述方法(TOP/アーカイブ/個別記事)
Web制作 0 0
妙高Web屋LINE@ 友だち追加

コーディングの分野において、近年「構造化データ」というものが注目されるようになってきています。

今回は、その構造化データの記述についてご紹介します。

この記事の目次

そもそも構造化データとは?

構造化データというのは、ざっくりと述べるならば、

「Webページの内容に意味を持たせるための記述」

と言えば良いでしょうか。

例えば、tableタグやulタグで記述するデータも、それだけでもGoogleなどの検索エンジンに認識してもらえる場合も多いのですが、構造化データにもとづいた記述をすることで、個々に意味を持たせることもできるようになる可能性があります。

「社名:@@株式会社/資本金:1億円」

のような記述だけでもOK、でも構造化データに基づいた記述をすることで、Googleなどの検索エンジンから、

「あぁ、社名は@@株式会社なんだな。資本金は1億円なんだな。」

と認識してもらえる場合があるということです。

(※必ずしも構造化データの形式に基づいて記述された情報の全てが検索エンジンに認識されるとは限りません。)

ページの先頭へ戻る

妙高Web屋のサイト内で使っている構造化データ[WordPressテンプレート用]

では、実際に妙高Web屋のホームページで、執筆時点(令和元年5月)の状態でのサンプルコードをご紹介します。

あくまでWordPressのサイトにおける参考です、皆さんのホームページに合わせてカスタマイズしてください。

必要に応じて、下記のscriptタグで挟んでみてください。

<script type="application/ld+json"></script>

【01】トップページ

まずはトップページです。

おもに「ホームページ全体に関わる情報」です。

{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "<?php echo get_bloginfo('url'); ?>",
"name": "<?php echo get_bloginfo('name'); ?>",
"publisher": {
"@type": "Organization",
"name": "<?php echo get_bloginfo('name'); ?>",
"url": "<?php echo get_bloginfo('url'); ?>",
"logo": {
"@type": "ImageObject",
"url": "<?php echo get_bloginfo('url').'/logo.jpg'; ?>",
"width": 1200,
"height": 900
},
"address": {
"@type": "PostalAddress",
"addressRegion": "新潟県",
"addressLocality": "妙高市"
},
"sameAs": [
"https://www.facebook.com/myoko.web.ya/",
"https://twitter.com/web_ya_kiyoshi",
"https://www.instagram.com/web.ya.kiyoshi/?hl=ja"
]
},
"image": {
"@type": "ImageObject",
"url": "<?php echo get_bloginfo('url').'/image.jpg'; ?>",
"width": 1200,
"height": 900
}
}

【02】アーカイブページ(archive.php系)

続いて、アーカイブページに表示している構造化データです。

…と言っても、こちらは一覧に表示される個々の記事のデータであり、10件表示されているアーカイブの場合は、構成する10件の記事それぞれに、こちらの形式の情報が紐づいています。

「このアーカイブページはこういうページです」


という形式の構造化データは実装しておりません。オススメのものがありましたら、感想フォームでおしらせくださいm(__)m

{
"@context": "http://schema.org",
"@type": "NewsArticle",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "<?php the_permalink(); >?"
},
"headline": "<?php the_title(); >?",
"image": {
"@type": "ImageObject",
"url": "<?php echo get_bloginfo('url').'/image.jpg'; >?",
"height": 1200,
"width": 900
},
"datePublished": "<?php the_time('c');>?",
"dateModified": "<?php the_modified_date('c');>?",
"author": {
"@type": "Person",
"name": "Author NAME"
},
"publisher": {
"@type": "Organization",
"name": "<?php bloginfo('name') >?",
"logo": {
"@type": "ImageObject",
"url": "<?php echo get_bloginfo('url').'/logo.jpg'; >?",
"width": 80,
"height": 60
}
},
"description": "<?php $text = strip_tags($post->post_content);$text = str_replace(array("\r\n", "\r", "\n"), '', $text);$text = str_replace('"', '”', $text);echo $text; >?"
}

【03】個別ページ(single.php系)

続いては[single.php]に代表される個別ページです。

「この記事は、このような意味・情報を持つページです」という内容です。

{
"@context": "http://schema.org",
"@type": "NewsArticle",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "<?php the_permalink(); >?"
},
"headline": "<?php the_title(); >?",
"image": {
"@type": "ImageObject",
"url": "<?php echo get_bloginfo('url').'/image.jpg'; >?",
"height": 1200,
"width": 900
},
"datePublished": "<?php the_time('c');>?",
"dateModified": "<?php the_modified_date('c');>?",
"author": {
"@type": "Person",
"name": "Author NAME"
},
"publisher": {
"@type": "Organization",
"name": "<?php bloginfo('name') >?",
"logo": {
"@type": "ImageObject",
"url": "<?php echo get_bloginfo('url').'/logo.jpg'; >?",
"width": 80,
"height": 60
}
},
"description": "<?php $text = strip_tags($post->post_content);$text = str_replace(array("\r\n", "\r", "\n"), '', $text);$text = str_replace('"', '”', $text);echo $text; >?"
}

ページの先頭へ戻る

参考サイト

今回の記事を作成するにあたり、下記のページを参考にさせていただきました。

ありがとうございました。

ページの先頭へ戻る

こちらの記事に感想をお寄せください

こちらの記事をご覧いただき、感じたことなどありましたら下記のボタンを押していただき「感想投稿フォーム」よりお気軽にご感想をお寄せください。

この記事の感想を投稿する
妙高Web屋LINE@ 友だち追加
0 0

LINE@始めました!

妙高Web屋ではこのたび、LINE@(ラインアット)を始めることとなりました。

企業やお店のWeb担当者さまへ向けて、ホームページの運営・管理・更新に関する情報を発信していきます。

情報を購読できる「友だち」へのご登録は、下記のボタンよりお願いいたします。

目的のページは見つかりましたか?

お探しのページが見当たらない場合は、キーワードを手がかりに、サイト内検索をご利用ください。

または、下記のボタンより「サイトマップ」のページにアクセスしていただき、お探しください。

目的のページは見つかりましたか?
Twitterでシェアする Twitterでシェアする Facebookでシェアする Facebookでシェアする Feedlyで購読する Feedlyで購読する お問い合わせお問い合わせ ページの先頭へページの先頭へ