This is standard

KAIZEN PLATFORM社が提供するA/Bテストプラットフォームにてグロースハックを行っているフリーランサーのサイトです。

マークアップにschema.orgを利用してGoogleフレンドリーなページを作成しよう

      2015/04/13

Googleのリッチスニペットで知られているスキーマを利用して商品詳細ページをマークアップする方法をご紹介します。ここではメンズファッションサイトを例にしたいと思います。

製品情報について
主に製品情報には”ブランド名、商品名、商品画像、価格、SKU品番、レビュー”で構成されています。

プロパティについて
上記要素に加え、よく使うと思われるプロパティは下記の通りです。

Property Type 詳細
name Text 商品名
image URL 商品画像
description Text 商品説明
brand Text ブランド名
review Review 商品レビュー
sku Text SKU品番
※Googleはブランドや商品ごとに、少なくとも1つのID(SKU品番など)を含むことを推奨しています。
price Number 価格

Enabling Rich Snippets for Products参照

マークアップ

私が担当させて頂きましたfloat GALLERY STOREはスキーマを利用してマークアップしています。
http://float-store.com/

EC担当の方で興味がございましたら、お気軽にご連絡ください。

 - HTML・CSS・Javascript, Tips

  関連記事

[グロースハック]スマホのフォームをkaizenするときにチェックすること

スマホのフォームをkaizenするとき、8つのことをチェックポイントとしています …

LPで使えるjQueryアニメーションボタン2

ボタンにきらっと光るアニメーションを入れる方法をご紹介します。 デモページはこち …

ECサイトで使いたい!カウントダウンをjavascriptで実装する

新作商品販売まで後◯◯日!のようなカウントダウンをjavascriptで実装する …

jQueryで空白文字を削除する

テキストだけ取り除きたいときはtrime()を使います。 ・HTML [cray …

ChromeのconsoleでjQueryを使う方法

Google ChromeのconsoleでjQueryをつかってDOM操作した …

jQueryでA/BテストができるプラグインeasyAB

LPなどのA/Bテストを簡単に実施できるjQueryプラグインeasyABのご紹 …

Thunderbird 45で返信の本文をデフォルトで本文のテキストに戻す方法

今回はWebのTipsではなく、ThunderbirdのTipsです。 Thum …

.htaccessの覚書

■メンテナンス画面 [crayon-5b740501ede4c833044254 …

LPで使えるjQueryアニメーションボタン

LPでgifアニメーションボタンが一時流行りましたが、ボタンを作るのは結構時間も …

Googleタグマネージャーを反映させるときの注意点

Googleタグマネージャーはとても便利なんですが、「公開」設定を忘れるとえらい …