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>

我有以下问题/怀疑：

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

谢谢。（对不起这个问题很抱歉）

Answer 1

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

2）3）

如果数据被隐藏并且在JavaScript / AJAX中，那么Google很可能会看到它。

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

正确使用微格式

1 个答案: