0

それぞれ 1 枚の写真と 1 つのキャプションを持つ写真家のリストがあります。構造は次のようになります。

<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」が 1 回か 2 回存在する限り、Google はあまり注意を払っていませんか?

4

2 に答える 2

0

この場合のセマンティクスは重要ではありません。内容は同じです。

ただし、dtorli要素で title タグを使用するのは非常に冗長です。これは実際にユーザーにサービスを提供していますか? Google がこのように過剰な最適化を取り締まっているので、誰にとって役立つのかを自問したほうがよいでしょう。

写真家が自分の情報を「所有」していることを利用したい場合は、マイクロフォーマットを使用する必要があります。具体的には、hCard:

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

于 2012-08-12T13:42:37.927 に答える
0

セマンティクスが重要!!

100% セマンティックにして SEO も改善するには、次のようにします。

<dl>用語 (名前) とその用語の定義 (写真) があるため、 a を使用します。

<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 に答える