6

最近、Adaptive Webdesignという本を読んでいて、hcard、hcalendarという本に出くわし、それぞれのドキュメントページにアクセスしました。今の問題は、これがどのように機能するかを理解していないということですか？人を表すために使用されます。マークアップは次のようになります。

<div class="vcard">
    <a class="url fn" href="http://tantek.com/">Tantek Çelik</a>
</div>

urlこれらのクラスには、特定のリンクがユーザーをWebページに誘導し、fnフォーマットされた名前を示すなどの意味があることがわかりました。

したがって、これらのクラスは、コンテンツがhCardであるか、レンダリングが異なることなどを検索エンジンに示します。これがどのように機能するか、その利点は何ですか。これはSEOの観点から重要であり、これらのクラスです。事前定義？

編集：では、これらのクラスは予約されていますか？それらを他の要素に使用するとどうなりますか？onclickまた、コンピューター/ユーザーデバイスにvcardを保存するためのボタンを呼び出すことができるjavvascriptはありますか？

4

5 に答える 5

3

この概念により、マシンはコンテンツに関する詳細情報を取得できます。それは非常に簡単です、あなたは与えられた名前が何であるかを知っています。マシンはしません...:)

したがって、HTMLに含まれるデータの種類をマシンに通知する方法が必要です。

例：以下の例のようにデータを強化し、おそらくAdressbook-Applicationで、入力する必要のあるフィールドに関する詳細情報を取得できるようにすることができます。

<div class="vcard">
    <a class="url fn" href="http://tantek.com/">
        <span class="family-name">Tantek</span>
        <span class="given-name">Çelik</span>
    </a>
</div>

このスニペットは、Adressbook-Appを許可します。名を簡単に見つけて正しいフィールドに設定します。ここでは順序は関係ありません。

「リッチスニペット」をテストします：http ：//www.google.com/webmasters/tools/richsnippets

于 2012-10-12T13:47:49.570 に答える
2

（クラスを使用して） hCard構文を使用していることを宣言していない場合は、vcard任意のクラス名を自由に使用できます。hCard microformatの使用を開始した場合でも、microformatは表示スタイルに関連していないため、スタイルは暗黙的に適用されません。

microformatsを使用する目的は、メタデータを公開するためのインターフェースを開くことです。標準化されたマイクロフォーマットでデータを提供することにより、Webサイトを解析するすべての人が、マイクロフォーマットを使用して関連情報を見つけることができます。

検索エンジンは、結果ページで特定のリソースに関する詳細情報を提供できるため、特にこのメリットを享受できます。

于 2012-10-12T15:52:04.323 に答える
1

hcardとhcalendarについては正確にはわかりませんが、たとえば、GoogleでStack Overflowの質問を検索すると、投稿された時刻がコンテンツの横に表示されます。多くのサイトでは、著者。

つまり、Googleはこれらのマイクロフォーマットを使用して、ページから解析された検索のメタデータを提供することにより、検索エクスペリエンスを向上させます。

あなたはグーグルを助けます、彼らはあなたを助けます。

于 2012-10-12T13:43:44.110 に答える
1

vCardは、電子名刺の標準です。hCardはこれらのラベルを受け取り、HTMLのデータの周りのクラス名として使用します。すべてのhCardは、class="vcard"を持つブロック内で始まります。

これらのタイプの一部にはサブプロパティがあります。たとえば、「tel」値には「type」と「value」が含まれます。このようにして、自宅と会社の電話番号を別々に指定できます。'adr'タイプには、多くのサブプロパティ（post-office-box、extended-address、street-address、locality、region、postal-code、country-name、type、value）があります。

<div class="vcard">
   <div class="fn">xxxxx</div>
   <div class="adr">
      <span class="locality">yyyy</span>,
      <span class="country-name">zzzzz</span>
   </div>
</div>

クラス名は、ページ内で何かを意味する必要はありません。ただし、いつでもそれらを利用して連絡先情報のスタイルを設定できます。また、ブラウザのユーザースタイルシートでスタイルを設定して、Webサーフィン中に見つけられるようにすることもできます。（元のソース）

SEOの側面に関しては、この記事をチェックしてくださいあなたのサイトのためのローカル検索エンジン最適化のためのヒント

于 2012-10-18T10:04:35.837 に答える
0

microformatsにはhttp://schema.org/を使用することをお勧めします。Googleはこれを使用することを公式に推奨しており、Bingや他の多くの検索エンジンでも完全にサポートされています。schema.org microformatsを使用すると、検索エンジンのクローラーはマークアップからデータエンティティを抽出し、対応する方法で検索結果に表示します。

そうです、microformatsを使用することには利点があります。それらを使用することで、検索エンジンクローラーの動作を改善でき、コンテンツは適切にインデックス化され、さらに重要なことに、適切に分類されるため、カスタマイズされた検索に表示されます。

于 2012-10-12T13:44:20.043 に答える