【エンジニアも最低限知っておきたい！】構造化データマークアップ入門 - Qiita
こんにちは！エイチーム引越し侍でインハウスSEO担当をしています、@tatechiです。 突然ですが、最近グーグル検索をして、「検索結果がゴージャスになってる！」と思うことはありませんか？ たとえば、「トマトパスタ レシピ」で検索したとき。 検索結果にトマトパスタの写真が出ていて、サイト名にアクセスしなくてもどんなトマトパスタを作るためのレシピがわかるようになっています。 「少し前はタイトルとディスクリプションしか出ていなかったのに…」と思うと、めちゃくちゃ豪華な検索結果になりましたよね？！ このゴージャスな検索結果のことをその名の通りリッチリザルトといいます。 これは全部、構造化データマークアップのおかげです そして近年、SEO界隈ではこの構造化データマークアップが盛り上がっています…！ 今回はエンジニアが最低限知っておくべき構造化データマークアップの基礎を紹介します。 検索エンジンのト
schemaorg.biz - このウェブサイトは販売用です！ - schemaorg リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
SEOのための構造化データ初心者向けガイド [中編] ――業種別サイトに最適なschema.orgまとめ | Moz - SEOとインバウンドマーケティングの実践情報
この記事は、前中後編の3回に分けてお届けしている。構造化データの実装方法について説明した前回に引き続き、今回は、さまざまな業種におけるschema.orgの使い方について見ていこう。 →まず前編を読んでおく 一般的なウェブサイトでのschema.orgの利用では、自社のサイトに適したschema.orgのTypeを判断するには、どうすればよいだろうか。これは、ビジネスやウェブサイトの種類によって変わってくる。 schema.orgのマークアップのTypeには、ほぼすべての企業にとって役立つものもあれば、特定のビジネスの特定のユースケースにのみ役立つものもある。 ほとんどのサイトで利用価値があるマークアップは次のとおりだ。 Organization ―― Organizationマークアップをトップページで使用すると、そのウェブサイトが特定のブランドのサイトであることを伝えられる。 ナレッジ
![SEOのための構造化データ初心者向けガイド [中編] ――業種別サイトに最適なschema.orgまとめ | Moz - SEOとインバウンドマーケティングの実践情報](https://cdn-ak-scissors.b.st-hatena.com/image/square/0608ab55b9ad90c4188d020d5681205bd9b65a41/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Fseomoz%2Fmoz_teaser_icon_1_200.png%3Fitok%3DCPk14RKP){kind=icon}
SEOのための構造化データ初心者向けガイド [前編]
SEOのために構造化データを実装する方法「SEOのための構造化データ初心者向けガイド――構造化データを実装する方法」にようこそ。 今ご覧になっているこの記事はガイド全体のパート2です。 パート1（日本語未訳）では、「構造化データとは何か」「SEOの取り組みをサポートするために構造化データをどのように利用できるか」について概要を説明した。 このパート2では、ウェブサイトでSEOのために構造化データを実装する手順について説明する。これは初心者向けガイドなので、利用可能な最も基本的な構造化データのマークアップとよくあるユースケースについて説明したい。また、実装の技術的な面について理解するための追加リソースを提供する。 構造化データの利用が適切かどうかを判断する一般的には、SEOのために構造化データを実装すれば、ほとんどの人にメリットがもたらされる。しかし、実装には一定の労力とリソースが必要だ。ま
Google検索結果での星表示にも対応させたレビューのまとめ表示カスタマイズ - FOXISM
… 基本的なデザインはGoogle Playストアの評価部分を参考にしました。ほぼアレです。 一応レスポンシブというか、横幅800px以下の時に画像と評価部分の横並びが解除されるようになってます。横幅800pxというのはこのブログの今の状態に合わせたものなので、導入の際は自分のブログに合わせてください。 html <div itemscope itemtype="http://schema.org/Product" class="review-ex"> [f:id:c-miya:20170704103615j:plain]<!-- 商品画像 --> <div class="review-ex-right"> <div itemprop="name" class="review-ex-title">Xiaomi Sling Bag</div><!-- 商品名 --> <div class="
Google、パンくずリストとサイト名をURLの代わりにモバイル検索結果で表示。構造化データで指定可能
[レベル: 中級] Googleはモバイル検索で、すべての結果にURLの代わりにパンくずリストを表示するように仕様を変更しました。 また、ドメイン名の代わりにサイト名を表示することがあります。 Official Google Webmaster Central Blog: Better presentation of URLs in search results モバイル検索結果ではパンくずリストを表示 下のモバイル検索結果では、URLのところがすべてパンくずリストで表示されています。 とはいえ、もともとPCからの検索でもパンくずリスト表示だったのなら、モバイル検索特有の機能とはいえません。 比較してみましょう。 こちらのPCからの検索結果では、通常どおりにURLがそのまま表示されています。 スマートフォンから検索するとこのようになります。 少々わかりづらいのですが、パンくずリストっぽく変
ディズニーが実装しているschema.orgとは at #SMX Advanced 2014
[対象: 上級] この記事では、SMX Advanced 2014で参加した「セマンティック・構造化データ」のセッションをレポートします。 スピーカーは、Disney IntaractiveのインハウスSEOをやっているJeff Preston（ジェフ・プレストン）氏です。 プレストン氏は、Disneyグループ全体のサイトを管理しています。 セッションでは、Disneyサイトが実装している以下の構造化データの実装について話しました。 Open Graph Twitter Cards schema.org 僕たちにとって、特に重要なschema.orgだけにフォーカスしてレポートします。 Disneyが実装しているschema.org 動画 動画 (schema.org/Movie) の構造化データを、たとえばMaleficentのページではマークアップしています。 schema.org/M
上級者向けSEOガイド3/9 : schema、エンティティ＆セマンティック検索対応 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
上級者向けのSEOガイドを紹介する記事シリーズ第三弾は、セマンティック検索対応について。相変わらず徹底的に網羅された内容です。知識としては何となく知っていても、本格的に対応している人やサイトはまだまだ少ないのが現状とは思いますが、とりあえずこの記事をブックマークしておけば何かの時には使えそうです。 — SEO Japan サイトはクロール可能 & インデックス可能になり、スピードも大幅にアップした。 チャプター 3ではさらにギアを上げ、新しい検索の要素を取り上げていく。検索は、セマンティックな“現実に近い”環境に向かって動きつつある。つまり、検索エンジンが人物、場所、映画、会社等の実際の物事の間の関係を理解する環境である。今すぐこの流れに乗り、ウェブサイトに反映していこう。 1. Schema.orgのメタデータを実装する schema.orgは世界共通のメタデータのマークアップであり、2
Microdata を使ってみよう。サンプルソースで学ぶ Microdata
HTML5 Advent Calendar 2012、7日目の記事として、Microdata （マイクロデータ） に触れてみます。サンプルソースを中心に、実際のページでどのように使えるのかを示しました。これから Microdata を使ってみたいという人に少しでも参考になればと思います。 HTML5 Advent Calendar 2012、7日目の記事です。なんか軽い気持ちで書いてみますとか言ってしまったんですが、緊張しますね… さて、タイトルの通りなのですが、HTML Microdata （マイクロデータ） について簡単に触れてみようかなと思います。この辺の話題に関して、Microdata とは何かとか、詳しい解説はすでに色々な方が書かれていますのでそちらを見ていただく （文末にまとめてあります） として、この記事では、そういう解説は置いといて、Blog や、企業の Web サイトなど
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Schema Markup Generator (JSON-LD) | TechnicalSEO.com