0

我有一份摄影师名单，每人一张照片和一个标题。结构如下所示：

<ul>
<li title='John Doe'>
    <div class='item' id='123'>
        <span class='left'>John Doe</span>
        <span class='right'>USA</span>
    </div>
    <div class='expand'>
        <img class='photo' src='' alt='John Doe'/>
        <p>The caption</p>
    </div>
</li>
</ul>

（.expand是display:noneCSS，点击上面的div设置图片源，图片一加载就用JS向下滑动内容。）

现在，就 SEO 而言，这样构建列表会更好吗？

<dl>
<dt title='John Doe' id='123'>
    <span class='left'>John Doe</span>
    <span class='right'>USA</span>
</dt>
<dd>
    <img class='photo' src='' alt='John Doe'/>
    <p>The caption</p>
</dd>
</dl>

或者只要查询“John Doe”以某种方式出现一次或两次，谷歌就不会给予太多关注吗？

4

2 回答 2

0

在这种情况下，语义无关紧要。内容是一样的。

不过，我会说，在dtorli元素上使用标题标签是非常多余的。这实际上是在为用户提供服务吗？随着谷歌打击这样的过度优化，你最好问问自己它对谁有用。

如果您想利用摄影师对他们信息的“占有”，您应该使用微格式。具体来说，hCard：

http://microformats.org/code/hcard/creator

于 2012-08-12T13:42:37.927 回答
0

语义很重要！！

要实现 100% 语义化并改善 SEO，您应该这样做：

使用 a <dl>，因为您有一个术语（名称）和该术语的定义（照片）

<dl>
<dt title='John Doe' id='123'>//id's can never be a number
    <span class='left'>John Doe</span>
    <span class='right'>USA</span>
</dt>
<dd>
  <figure>
    <img class='photo' src='' alt='John Doe'>// no closing slash needed
    <figcaption>The caption</figcaption>
  <figure>
</dd>
</dl>

您应该在 id 属性中修复该数字

于 2012-08-12T14:17:23.777 回答