schema.org は Web(HTML) で利用するメタデータを定義する団体です。あるいはそのメタデータのフォーマットを指します。最大の特徴は Google, Yahoo, Bing(MS) の検索大手が共同で取り組んでいることです。ここでは schema.org の位置づけや導入するメリットについて解説します。このページを読む

Google が示す schema.org 形式のパンくずリストの構造について解説します。特に Thing 型が明示されないにもかかわらず、リストに含まれる URL が Thing 型の値として扱われる点に注意します。item プロパティが Thing 型を要求する点に注目します。このページを読む

canonical の高度な設定について例を挙げます。(1)canonical は異なるドメインのページを示すことができます。(2)アーカイブページに canonical を設定する。(3)単独のコンテンツが連続する複数のページに分割されるときは pre / next を設定し、canonical は使わない。このページを読む

rel="canonoical" の必要性や具体的な例について説明します。canonical は合わせて指定された URL のページをインデックスするように検索エンジンに指示を出します。色違いの商品ページなど似たページが複数ある場合。CMSなどから自動生成されるページが複数のURLを持つ場合に効果的です。このページを読む

role 属性の役割、参照するべき公式資料、設定しておきたい値などを紹介します。role はページを構成する要素が持つ役割を強く明示するための属性です。HTML5 以降のいくつかの要素は暗黙的に role 属性を示します。landmark カテゴリに属する role はページ全体の構成を示すため導入が容易です。このページを読む