AMPの発表から約1年が経ち、国内のGoogle検索でも正式対応されたことや、AMPに対応しているサービスやアプリの増加などから、AMP対応をしているサイトを見る機会が増えてきたように思います。以前は、AMPのプレビュー用検索ページでしか、AMP対応アイコンやAMP対応サイトがカルーセルに掲載されていることが確認できませんでしたが、正式対応されたことで、通常の検索ページからでもAMP対応ページが一目でわかるようになりました。 その中でも、カルーセルに掲載されたページは、タイトルやサムネイルが大きく表示されるため、よりユーザーの目を引くことが可能だと思われます。AMP対応ページをカルーセルに掲載させるためには、次の条件を満たす必要があります。 AMP HTMLが仕様に準拠して適切に記述されている AMP HTML内にJSON-LD形式の構造化データが適切に記述されている そこで、カルーセルへ
Intro 本サイトのメタ情報を整理するため、 HTML のメタタグの整理、 JSON-LD による schema.org 対応、 Facebook, Twitter を主とした Open Graph 対応を実施した。 これにより、既に AMP 対応していた本サイトが、 Google のモバイル検索でキャッシュの対象となる(クロール待ち)。 Meta Tag まず HTML の仕様に従い、基本的なメタ情報を <meta> により定義した。 https://dev.w3.org/html5/spec-preview/the-meta-element.html 各要素は、テンプレート生成時に利用した値を埋め込んでいるため、 本サイトの Atom RSS-feed などと同じ値である。 <meta name=author content=Jxck> <meta name=description
[レベル: 上級] ナレッジグラフでのソーシャルプロフィール リンクの表示機能の提供や新しい構造化データテストツールの公開と同時に、構造化データに関するガイドラインをGoogleは更新しました（今のところ英語だけでの提供）。 ひととおり目を通して僕が個人的に気になったことをこの記事では書きます。 JSON-LDをプッシュ schema.orgのシンタックスとして次の3つをGoogleはサポートしています。 Microdata RDFa (RDFa Lite) JSON-LD 新しいドキュメントでは、この3つのシンタックスのなかからJSON-LDの利用を推奨しています。 まずコードのサンプルがほぼすべてJSON-LDを使ったものです。 JSON-LDに加えて、Microdataも使った例がごく一部にあるだけです ナレッジグラフに表示するイベント講演者の説明ページでは次のように説明しています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
