web-dev-qa-db-ja.com

ロゴに対するschema.orgの正しい使用法は？

Googleは、ロゴをマークアップするために次の例を提供しています。

<div itemscope itemtype="http://schema.org/Organization">
  <a itemprop="url" href="http://www.example.com/">Home</a>
  <img itemprop="logo" src="http://www.example.com/logo.png" />
</div>

http://googlewebmastercentral.blogspot.ca/2013/05/using-schemaorg-markup-for-organization.html

しかし、その例にはアンカーの外側にimgがあります。それを内側に配置したいので、代わりに次のようにできますか？

<a itemscope itemtype="http://schema.org/Organization" href="http://www.example.com/">
  <img itemprop="logo" src="http://www.example.com/logo.png" />
</a>

これは有効ですか？ 注：URL itempropを取り出しました。

htmlmicrodata
5
Dustin

最終的に探しているマークアップである 'Organization'のitemprops内でロゴとURL itemscopeを使用するため、これは機能するはずです。

<div itemscope itemtype="http://schema.org/Organization">
    <a itemprop="url" href="http://www.example.com/">
        <img itemprop="logo" src="http://www.example.com/logo.png" />
    </a>
</div>

Googleのリッチスニペットテストツール を実行して確認すれば、これが機能すると期待しています。

7
zigojacko

Googleが提案したコードを使用することをお勧めします。

<div itemscope itemtype="http://schema.org/Organization">
  <a itemprop="url" href="http://www.example.com/">Home</a>
  <img itemprop="logo" src="http://www.example.com/logo.png" />
</div>

主な理由は、コードが適切に構造化されており、リンクと関連画像の範囲が明確であることです。提案した2番目のコードが機能するかどうかは完全にはわかりません。私は違うと思います。

itemprop="logo"プロパティは、srcの値に関連するURLを使用してロゴURLを定義します。

0
Ranaivo