ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5 のマイクロデータの概要と検索エンジンでの使用例_html5 チュートリアル スキル

HTML5 のマイクロデータの概要と検索エンジンでの使用例_html5 チュートリアル スキル

WBOY
WBOYオリジナル
2016-05-16 15:49:481639ブラウズ

私は 1 か月近くウェブサイトの最適化を行っており、SEO の一般的な技術をある程度理解しています。数日前から Google のウェブマスター ツールを使い始めましたが、その中には Baidu ウェブマスター ツールにはないコンテンツがたくさんありました。 , 「構造化データ」「この項目は「最適化」の欄に表示されます。この構造化データがGoogle検索の最適化手法となることが考えられますか?自分のサイトを追加する このページに入ると、私の Web サイトでは構造化データが検出されなかったというメッセージが表示されます。しかし、Web サイト最適化の初心者である私たちは、このような概念のない言葉をどうやって理解できるでしょうか?
Google の「ヘルプ」ページに入ると、Google は「リッチ Web スニペット (マイクロデータ、マイクロフォーマット、RDFa、データ ハイライター)」について言及しました。このうちマイクロデータは Google が推奨する最適化手法であり、このマイクロデータは現在ルーキー HTML5 に新機能を追加しています。 Web ページのセマンティクスを強化し、プログラムとユーザーの両方にとってより価値のあるデータ駆動型 Web の構築を目指します。

HTML5 マイクロデータ仕様は、コメント、個人情報、アクティビティなどの特定の種類の情報を記述するためにコンテンツをマークアップする方法です。各タイプの情報は、人物、アクティビティ、レビューなどの特定のタイプのアイテムを説明します。たとえば、イベントには、会場、開始時間、名前、カテゴリの属性を含めることができます。

Microdata は、HTML タグ (多くの場合、 または

) で単純な属性を使用して、項目やプロパティに簡潔でわかりやすい名前を付けます。次の例は、Bob Smith の基本的な連絡先情報を表示する HTML テキストの短いブロックです。

コードをコピーします
コードは次のとおりです。

>私の名前はワン XX ですが、みんなは私のことをワンキングと呼んでいます。私のホームページは次のとおりです:
www.jb51.net
私は武漢に住んでいます。私はプログラマーで、現在は Fifth Dynamics で働いています。


これは、microdata でタグ付けされた同じ HTML コンテンツです。


コードをコピーしますコードは次のとおりです:

私の名前は 王 XX
でもみんなは私を www.jb51.net
私は武漢に住んでいます。私は プログラマー
現在 Fifth Dynamics で働いています。


この例については以下で詳しく説明します。
1. 最初の行の itemscope は、
のコンテンツがアイテムであることを示します。 itemtype="http://data-vocabulary.org/person" は、アイテムが人物であることを示します。
2. 人物アイテムの各属性は、itemprop 属性によって識別されます。

簡単な使用法を紹介します。その効果を見てみましょう。この種のマークアップは (ユーザーにとって) Web ページに何の影響もありません。そのため、次のような効果があります。 Google テスト ツール:
これは、私のホームページの構造化データ テストの結果です。Google がページ内の対応する要素に追加した後の画像タイトルは、この構造化マークアップを使用します。最も効果的な情報を迅速に取得するには、それがウェブサイトのランキングに影響を与えるかどうかについては、最初に最適化して効果を確認することしかできません。 itemprop タイプを定義する際に公式のタグが設定されていないため、一部の業界の一部の属性値しか提供されていないため、ここは改善を待つ必要があります。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。