html - 正确使用微格式

Question

我是第一次使用微格式。

所以在 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，并添加了微格式类。

<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>

我有以下问题/疑问:

1. 可以像上面那样将现有类与微格式标签一起使用吗？
2. 如 http://support.google.com/webmasters/bin/answer.py?hl=en&answer=1093493#usage 所述, 不允许在内容上有 display:none。但是，我使用 javascript 传递数据集和分页，在其中显示相关数据。那么我如何确保这些不被忽略。
3. 我加载当前页面上的图像，将 src 留空，然后在页面更改时更改 src。所以最初事件的 photo 是空白的。我如何反击搜索引擎读取为空白。

谢谢。(抱歉问题这么长)

Answer 1

1) 那没问题。您甚至可以在同一标签上组合多种类型的语义标记。

2) 3)

如果数据是隐藏的并且在 JavaScript/AJAX 中，那么 Google 极不可能看到它。

您可能需要重组您的架构以使您的内容可抓取。这是一个很大的课题。我建议查找“渐进增强”，这是我目前认为最好的方法。