初めてマイクロフォーマットを使用しています。
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=164506に示されている例のように、コードを変更しました。
これは、ページに存在していた既存のコードです。
<div class="evD mr10">
<div class="imgH fl"><img /></div>
<div class="infAr">
<h3><a href="event_URL">EVENT NAME</a></h3>
<h4><span>at</span>VENUE NAME</h4>
<p>Event Description</p>
<a class="tdd" href="#">Genre</a>
</div>
<div class="dth">
<div class="sfrD fl">
</div>
<div class="strE sn fl">
</div>
<div class="Buy">
<a class="bkT" href="buy_link"></a>
</div>
</div>
</div>
私が行った変更には以下が含まれます: doctype を html5 に変更し、microformat クラスを追加しました。
<div class="vevent evD mr10">
<div class="imgH fl"><img class="photo" /></div>
<div class="infAr">
<h3><a class="url summary" href="event_URL">EVENT NAME</a></h3>
<h4 class="location"><span>at</span>VENUE NAME</h4>
<p class="description">Event Description</p>
<a href="#" class="tdd category">Genre</a>
</div>
<div class="dth">
<div class="dtstart frD fl">DATE_START<span class="value-title" title="Date in ISO"></span></div>
<div class="dtend strE sn fl"><span class="value-title" title="Date in ISO"></span></div>
<div class="Buy tickets">
<a class="bkT offerurl" href="buy_link"></a>
</div>
</div>
</div>
次の質問/疑問があります。
- 上記のように既存のクラスを microformat タグと一緒に使用してもよろしいですか?
- http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=1093493#usageで述べたよう
display:none
に、コンテンツに使用することは許可されていません。ただし、関連するデータを表示する JavaScript を使用して、データ セットとページネーションを渡します。では、これらが無視されないようにするにはどうすればよいですか。 - 現在のページにある画像を読み込み、
src
空白のままにし、後でページが変更されたときに src を変更します。そのため、最初はイベントphoto
は空白です。空白として読み取られる検索エンジンに対抗するにはどうすればよいですか。
ありがとうございました。(質問が長くなってすみません)