WWW無人速報

HTMLのitempropって何？

itempropはマイクロデータっていうHTMLの属性の1つだよ

>>8 マイクロデータって何だよ

>>11 HTMLの要素にメタデータを埋め込むための仕様だよ

>>17 メタデータ？

>>18 ウェブページの内容を機械が理解しやすいように構造化されたデータのことだよ

itempropって具体的にどんな風に使うんだ？

>>34 例えば商品ページで<div itemprop="name">商品名</div>みたいに書くと その要素が商品名だってことを明示的に示せる

>>43 なるほど 検索エンジンとかにも認識されやすくなるのか

>>52 そういうこと クローラーがページの内容をより正確に理解できるようになる

itempropの使い方は他にもある？

>>69 itemscopeやitemtypeと組み合わせて使うのが一般的だね

>>73 itemscopeとitemtypeって何

>>80 itemscopeはマイクロデータの範囲を示す itemtypeはスキーマを指定する

>>88 スキーマって何だよ

>>95 そのマイクロデータがどういう種類のデータなのかを示す語彙だよ schema.orgとかで定義されてる

>>97 schema.orgがわからん

>>100 Googleとかが作ってる 構造化データのためのスキーマを集めたサイトだよ

>>101 つまりschema.orgで定義されてるスキーマ名をitemtypeで指定して使うのか

>>109 そういうこと 例えば<div itemscope itemtype="みたいに書くと">https://schema.org その要素が書籍についてのマイクロデータだって示せる

>>113 その中でitempropを使って タイトルとか著者名とか指定していくわけだな

>>123 そうそう <div itemprop="name">タイトル</div><div itemprop="author">著者名</div>みたいな感じで

itempropって何にでも使えるの？

>>132 うん どのHTML要素にも指定できる

>>140 divとかspanとかpとかulとかにも使える？

>>148 使えるぞ あとはtableの中のtdとかthにも使ったりする

マイクロデータを使うメリットってある？

>>158 検索エンジンがページ内容を正確に理解できるようになるから 検索結果に情報が豊富に表示されたりするようになるよ

>>161 リッチスニペットとかか

>>168 そうそう あとはGoogleナレッジグラフにも情報が取り込まれやすくなったりする

他にマイクロデータと同じようなのってある？

>>179 RDFaとかmicrodataとかあるね あとはJSONLDとか

>>182 JSONLDはマイクロデータとは別物なの？

>>185 JSONLDはJSON形式で構造化データを記述する方法だよ マイクロデータはHTMLに埋め込むけど JSONLDはHTMLとは別に書ける

>>188 JSONLDの方が新しい仕様なの？

>>193 うん　比較的新しいね 今はGoogleもJSONLDを推奨してるよ

>>202 じゃあこれからはJSONLD使えばいいのかな

>>204 サイトの要件とか好みによるけど シンプルにHTMLに埋め込みたいならマイクロデータ 柔軟に色々やりたいならJSONLDって感じかな

>>212 なるほど 使い分けが大事だな

マイクロデータか 勉強になったわ

>>220 ページのSEO対策にはマイクロデータは欠かせないからな