お手軽にリッチスニペット!構造化マークアップ支援ツール

お手軽にリッチスニペット!構造化マークアップ支援ツール

小さい黒板にwebdesignと書いてある画像

 

平成26年4月20日

 

 

 

リッチスニペットの記載が手軽に
行えるツールがありますので、
ご紹介します。

 

「構造化データマークアップ支援ツール」
というgoogleが用意してくれている
ツールです。

 

構造化データ マークアップ支援ツール
構造化データマークアップ支援ツールを使って、実際に記述を抜粋している画面

 

※「リッチスニペット」はどういうものかという
 ことは、別ページで説明しています。こちら
 のページもどうぞご覧ください
 →クリック率アップ!リッチスニペット導入でライバルサイトに差をつけろ

 

上のリンクから入ると「イベント」
「商品」「記事」などのテーマを
選択する画面が表示されます。

 

対象となるURLをコピーして、
「タグ付けを開始」ボタンを押すと
左に自分のサイト、右に項目が
表示された画面になります。

 

構造化データマークアップ支援ツールの入力画面が表示された画像

 

「タイトル」や「著者名」、「画像」
など、該当箇所をドラッグして項目
を選択すると、右の画面にドラッグ
した内容がそのまま表示されます。

 

構造化データマークアップ支援ツールを使って、実際に記述を抜粋している画面

 

表示内容がよければ、右上の
「HTMLを作成」ボタンを押します。

 

構造化データマークアップ支援ツールのHTML作成ボタンの画像

 

ボタンを押すと、HTMLソースが
表示されます。

 

構造化データマークアップ支援ツールを使って、実際に記述を抜粋している画面

 

HTMLソースの中で黄色でマーク
されている部分が、追加で入力する
HTMLデータになります。

 

(※テーマを「商品」で作成した例)
構造化データマークアップ支援ツールを使って、実際に記述を抜粋している画面

 

(※テーマを「記事」で作成した例)
和暦を自動で西暦表示しているところもすごいですね。
構造化データマークアップ支援ツールを使って、実際に記述を抜粋している画面。テーマは記事。和暦を西暦に自動変換しているところがすごい

 

この作成したHTMLソースを、サイト
のHTMLデータに組み込んで行きます。

 

構造化データマークアップ支援ツールで
できるのはここまでです。

 

ツールの使い方自体は簡単ですよね。

 

あとはご自身のHTMLソースにコピペして
書き込んでいきますが、リッチスニペットの
構造などがわからないと、少しつらい
作業になります。

 

簡単な構造の説明ならこちらでして
いますので、参考にして下さい。
パンくずリストをリッチスニペットで表現してみた!

 

私はSIRIUSを使ってホームページを
作っているので、ソフトの中で個別
ページのHTMLデータを触ることが
できません。

 

ですから、ここからはファイルの中から
データを引っ張り出して変えてゆく
作業になります

 

変えようとしているサイトのHTML
ファイルをメモ帳で開きます。

 

HTMLファイルをメモ帳で開こうとしている画面

 

「構造化マークアップ支援ツール」で
作成したデータをメモ帳のデータに
組み込んでいきます。

 

最後に「構造化データテストツール」
でチェックして完了です。

 

おつかれさまでした。

 

構造化データをメモ帳に組み入れている画像

 

 

※もし「よかった」と思う記事がありましたら、あなたが使っておられる
 SNSで当サイトをご紹介ください。どうぞよろしくお願いします。

 

 

よく読まれる関連ページ

 

たくさんの本が並んでいる図書館。建物の構造が美しい

とにかく目立つ!リッチスニペット著者情報の作り方

一匹だけ違う色の金魚が目立っている画像

クリック率アップ!リッチスニペット導入でライバルサイトに差をつけろ

パンくずリストをリッチスニペットで表現してみた!へのリンク画像

パンくずリストをリッチスニペットで表現してみた!

よく考えられた「descriptionメタタグ」は訪問者を誘(いざな)うへのリンク画像

よく考えられた「descriptionメタタグ」は訪問者を誘(いざな)う

 


Top相互リンクをいただいているサイトです。

簡単無料ホームページ

簡単に無料でホームページ作成。掲示板、ブログ、アルバム、携帯サイト、メールマガジン、お問合せフォーム、リンク集等の便利機能付き。商用利用もOKです



お手軽にリッチスニペット!構造化マークアップ支援ツール関連ページ

絶対に間違いのないSEO最新マニュアル
全13工程でサイト改善!「検索エンジン最適化スターターガイド」
3秒でチェック!!形式的SEO対策をあなたにこっそり教えます
アクセスアップのためにやっちゃった失敗をお教えします
被リンクについて最低限知っておくべき10のポイント
5分でわかる!具体的相互リンクの手順
サイト公開するなら、最低限canonicalタグを使いこなせ!
超簡単!重複コンテンツ整理のための.htaccess設定方法
Googleが伝える、適切な「alt属性の入力」のススメ
あなたは外部Javascriptを利用する目的を知っていますか?
よく考えられた「descriptionメタタグ」は訪問者を誘(いざな)う
301リダイレクトで個別ページのURLを整理できる
みんなに伝えたい!正しいサイトマップの「作り方」「送り方」
クリック率アップ!リッチスニペット導入でライバルサイトに差をつけろ
パンくずリストをリッチスニペットで表現してみた!
進化しているデータハイライターを、あなたにもぜひ体験してほしい
とにかく目立つ!リッチスニペット著者情報の作り方
レシピを出すなら試したい!リッチスニペットを使った目立つ検索表示
rel=”nofollow”使いこなし術を解説!正しい使い方をご存知?
これで安心!URLエラーの大半は簡単に処理できる。修正方法を解説
エラーページを処理する5つの方法
SEOに効果あり!404エラーページのカスタマイズ
クロールの効率性を追求!robots.txt
よくわかる!noindexメタタグの正しい使い方
たった1分で劇的に改善!ページスピード高速化の方法
3行入力するだけ!誰でもできる圧縮によるサイト高速化
もっと早く導入すればよかった。画像圧縮ソフトによるサイト高速化
正しい対処の仕方をご存知ですか?放置できないソフト404エラー
鳥肌が立つほどカンタン!1クリックで終わる表示速度高速化
「誘導ページ」でペナルティを受けないための5つのチェックポイント
あなたのサイトは「モバイルフレンドリー」ですか?
rel="canonical"をもっともっと知りたい!
ホームページ、ブログの削除のしかた

 
ブログパーツ
トップページ 目次 サイト公開までのプロセス プロフィール お問い合わせ