schema.orgで採用されてるMicro-Dataを使ってマークアップとか。 | φ(..)メモとして残しておこう…

schema.orgで採用されてるMicro-Dataを使ってマークアップとか。


SEO的な視点からmicrodataでコンテンツのマークアップをしている人も多いようですが、現状ではあまり効果はないようです。

ただ、こういうの

を見ると、取り入れたいな~とか思っちゃいますよね。

そう。

検索結果にレビュー数とかレシピ情報とか載ってるアレです。
現状ではレビューとレシピにしか対応していないようですが、やっぱりこういうのがあると検索結果の一覧の中でも目立てることは言うまでもありません。

特に検索順位が上がる…ということは無いみたいだけど、いつも言っているように「クリックしてもらってナンボ」なわけですから、ECサイトには是非実装したいと思います。


要するに、こんな感じでレビューの星とか表示させたいわけです。

上記のリンクは、リッチスニペットテストツールで「dokipoke.net」を叩いた時の結果です。

君の埋め込んだmicrodataからこんなリッチスニペットが表示されるよ!…という結果を表示してます。


今回レビュー数を表示させるためにマークアップしたmicrodataはこちら。

<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<p>
利用者の総合評価:<span itemprop="ratingValue">4.78</span>|
利用者からの月間コメント数<span itemprop="reviewCount">121</span>|
</p>
</div>


こんな感じのマークアップをすれば、リッチスニペットを表示してくれるわけですね。
(リッチスニペットの表示は、Googleさんに申請が必要です。申請はこちらから

レビュー(AggregateRating)をリッチスニペットとして認識させる場合に埋め込むプロパティは
http://schema.org/AggregateRating
を見ましょう。

基本的なマークアップ方法はこんな感じです。


<div>
<p>評価平均(5点満点中)<span>4</span></p>
<p>レビューの数<span>121</span></p>
</div>

▼▼▼

<div itemscope itemtype ="http://schema.org/AggregateRating">
<p itemprop="ratingValue">評価平均(5点満点中)<span>4</span></p>
<p itemprop="reviewCount">レビューの数<span>121</span></p>
</div>


「itemscope」 -> アイテムのセクションですよ~という識別子です。
「itemtype =""」 -> そのアイテムセクションが、どのようなものなのか種類を指定します。

itemtypeのリスト一覧はこちら

「itemprop=""」 -> アイテムのプロパティ…つまり「中身のデータ」がなんであるかの項目を指定します。
どんなプロパティがあるのかは、各アイテムタイプによって違います。

「AggregateRating」の場合は

・itemReviewed(実際の評価を入れる)|Thing (定格 textかurlのどちらか)
・ratingCount(評価を5つ星で) |Number(数値)
・reviewCount(レビュー数) |Number(数値)

が指定されています。

このうち、ratingCountとreviewCountは必須項目です。


ECサイトで、商品のページにmicrodataによるマークアップを導入する場合は、レビュー等の他にも商品について「itemtype="http://schema.org/Product"」を指定してあげるといいでしょう。
「product」の階層の下にも「aggregateRating」がちゃんとあるので(このページです)、階層を分けて埋め込んで上げればオッケーだと思います。


<div itemscope itemtype="http://schema.org/Product">

<div itemscope itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">4.85</span>点の評価
<span itemprop="reviewCount">123</span>件のレビュー
</div>

<span itemprop="name"></span>/商品名
<span itemprop="brand"></span>/メーカー(ブランド)
<span itemprop="productID"></span>/商品番号

</div>


まあ、このへんはhttp://schema.org/のドキュメントを見たほうが早いかと。




私事で恐縮ですが…。
転職1月目のお給料は先月比20%アップでした。(゚∀゚)キタコレ!!

まだサイトの売り上げも計上していないのですが、売り上げが計上出来ればもっとコミッションを貰えるという契約なので、やりがいはあります。

とりあえず、今年中には年収ベースで前年の2倍くらいには持っていきたいなぁ…。