2017-02-21 3 views
1

私はSchema.orgとRDFaを使ってHTMLページをマークアップしています。次のように私はイメージを持っている:Schema.org RDFa:ImageObjectとして<img>をマークアップしますか?

<div class="image_container"> 
    <a href="big_whatever.jpg"> 
     <img src="whatever.jpg" alt="A picture of Whatever" title="Whatever"> 
    </a> 
</div> 

これをマークアップするための正しい方法は何である、よう:ALTプロパティが説明になっ 1. big_whatever.jpg(リンクのhref)はcontentUrl なっ2. 3. titleプロパティは という名前になります。4.また、altプロパティもキャプションにするのが理想的です。

これはJSON-LDでも簡単ですが、この特定のケースではRDFaを使用することをお勧めします。

<div class="image_container" vocab="http://schema.org/" typeof="ImageObject"> 
    <a href="big_whatever.jpg"> 
     <img src="whatever.jpg" alt="A picture of Whatever" title="Whatever"> 
    </a> 
</div> 

答えて

1

RDFaの中altまたはtitle属性の値を使用することはできません。これは私がこれまで持っているものです。

あなたは「隠れた」meta要素とそれらを複製することができます:あなたはimg要素(例えば、thumbnailUrl用)にpropertyを必要としない場合、あなたは1を保存するためにproperty + contentを使用することができます

<div vocab="http://schema.org/" typeof="ImageObject"> 
    <a property="contentUrl" href="big_whatever.jpg"> 
    <img src="whatever.jpg" alt="A picture of Whatever" title="Whatever" /> 
    </a> 
    <meta property="description caption" content="A picture of Whatever" /> 
    <meta property="name" content="Whatever" /> 
</div> 

meta要素:content属性に

<div vocab="http://schema.org/" typeof="ImageObject"> 
    <a property="contentUrl" href="big_whatever.jpg"> 
    <img src="whatever.jpg" alt="A picture of Whatever" title="Whatever" property="name" content="Whatever" /> 
    </a> 
    <meta property="description caption" content="A picture of Whatever" /> 
</div> 

おかげで、RDFaのはsrc値を使用することはありません。しかし、私は最初のスニペットに行くことがより明らかだと思います。

+0

ありがとうございました。検索エンジンは、重要なコンテンツを隠し要素に配置することを妨げるため、「メタ」要素ソリューションを使用しないことを選択しました。私は最終的にJSON-LDを使用することを選択しました。これにより、メタデータをよりよく制御できるようになりました。 – Bintz

+0

@Bintz:そうだとはいえ、本当にこのようにする必要はありません。 * everything *はJSON-LDで隠されており、検索エンジンはこれを処理することができるので、RDFaの意図した(!)機能の使用には問題はありません。いくつかの公式の例(Schema.orgやGoogleなど)はSchema.orgを 'meta' /' link'要素に隠して使用しています。この考え方を「迷惑メール」に使うのではなく、RDFaで 'meta' /' link'を使うべき多くの妥当なケースがあります。あなたのケースの内容が実際にマークアップに存在するので、隠された要素を使用すると完全にうまくいきます。 – unor

+0

はい、ご理解いただき、このスレッドでこれらの点を作成していただきありがとうございます。 JSON-LDを選ぶ際の決定的な要因は、実際に私が好むことです。より洗練された、より論理的でデバッグしやすいことがわかりました。 RDFaは私が取り組んでいた特定の状況で使いやすくなると思っていましたが、最終的に追加の作業量は同等であることが判明しましたので、前回作業したJSON-LDを選択します。 – Bintz

関連する問題