意外と簡単！構造化データマークアップをためしてみた

2017年6月1日

schema.orgなるもの／構造化データ

検索エンジンのロボットが、サイト内のコンテンツの中身をよりよく理解してくれる、とかで、SEOの文脈の中でも語られる「構造化データ」。

SEOのためにはコンテンツだ！！と言われる時代にあっても、マークアップで何とか解決したくなるのが、マークアップエンジニアのさがというもの……。
でもなんだか難しそう……html5の仕様で手いっぱいだよぉ……と思っていたんですが

構造化データマークアップをしたいページの種類を選んで、URLを入力

ページのプレビューが表示されるので、マークアップしたい部分のテキストなどを選択。
どんなタグ付けができるのか表示されるので、該当項目を選ぶだけ。

どんなデータが、どのタグの内容として読み取られるかが表示されるので安心。

htmlにどのように記述すればいいのか、実際にマークアップ済みのhtmlとして表示されるので、
動的なサイトならこれを見ながらテンプレートに埋め込むだけ！

とっても簡単！とはいえ、出来上がったものはテストツールにかけて、本当にできているか確認しておきましょう。

よかったらシェアしてね！