SEO：攝影師列表，一張照片加標題： <ul> 要么 <dl> ？

Question

我有一個攝影師名單，每人一張照片和一個標題。 結構如下：

<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由CSS display:none ，單擊上方的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”以某種方式出現一次或兩次，Google就不會過多注意嗎？

Answer 1

在這種情況下，語義無關緊要； 內容是一樣的。

不過，我要說的是，在dt或li元素上使用title標簽是極其多余的。 這實際上是為用戶提供服務嗎？ 隨着Google嚴厲打擊這種過度優化，您最好不問自己對誰有用。

如果您想利用攝影師擁有的“擁有”信息，則應使用微格式。 具體來說，hCard：

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

Answer 2

語義很重要！

要獲得100％的語義，然后改善SEO，您應該這樣做：

使用<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屬性中固定該數字