Html 2列标签及其项目

SEO呈现2列布局的最佳标记方法是什么：1列用于标签，第2列用于其项目

我写了两个例子：我认为DT/DD最合适，因为他们已经将一个标题与一个定义结合在一起，并且他们不需要使用标签标签将项目结合在一起；但我也使用ULs和标签作为第二个示例

JS小提琴链接：

<dl>
    <dt>Silly</dt>
    <dd>Puppies</dd>
    <dt>Silly</dt>
    <dd>Puppies</dd>
    <dt>Silly</dt>
    <dd>Puppies</dd>
</dl>

<ul id="label-test">
    <li><label for="campers" class="labels">Happy</label>
        <span id="campers">Campers</span></li>
    <li><label for="puppies" class="labels">Silly</label>
        <span id="puppies">Puppies</span></li>
</ul>

愚蠢的
小狗
愚蠢的
小狗
愚蠢的
小狗

<dl>
    <dt>Silly</dt>
    <dd>Puppies</dd>
    <dt>Silly</dt>
    <dd>Puppies</dd>
    <dt>Silly</dt>
    <dd>Puppies</dd>
</dl>

<ul id="label-test">
    <li><label for="campers" class="labels">Happy</label>
        <span id="campers">Campers</span></li>
    <li><label for="puppies" class="labels">Silly</label>
        <span id="puppies">Puppies</span></li>
</ul>

高兴的
露营者
愚蠢的
小狗

DT/DD方法更具语义，通常看起来是显示所呈现信息的最佳方式。在特殊情况下，可以在父元素上使用微格式或微数据来提供额外的SEO好处，UL/LI方法将提供您需要的结构