javascript - SEO - 显示 block anchor 标记包含标题和短描述与仅带有 js 的标题

Question

我正在使用显示 block 超链接使整行像这样可以点击，在 youtube 链接(右侧的视频列表)上可以看到类似的内容。我很担心，因为 anchor 标记中有很多文本，除了标题之外，还有简短的描述和类别。

<style type="text/css">
a.listarticle {display:block}
a.listarticle .title {font-weight:bold} 
</style>

<a class="listarticle" href="url">
    <span class="title" title="Article Title"><strong>Article Title</strong></span>
    <br />
    <span class="desc">Article short description</span>
    <span class="categories">Music, Animals...</span>
</a>

这会是更好的解决方案吗？现在 anchor 只包含文章标题，并且整行都可以通过 javascript 单击 - anchor 仍然存在吗？我对此很困惑。我更喜欢第一个解决方案，但我不确定第一个解决方案是否会对搜索引擎产生负面影响，因为除了标题之外，还有很多其他嘈杂的词。

<div onclick="window.location='url'">
    <a href="url">Article Title</a>
    <br />   
    <span class="desc">Article short description</span>
    <br />
    <span class="categories">Music, Animals...</span>
</div>

Answer 1

你不应该需要涉及 JS。这应该能满足您的需求。

<div>
    <a href="url">
        <span class="title" title="Article Title"><strong>Article Title</strong></span>
        <br />
        <span class="desc">Article short description</span>
        <br />
        <span class="categories">Music, Animals...</span>
    </a>
</div>

对于具有“.myBigLink”类的 anchor ，您甚至可以取消“

”元素和“display:block”。

(我个人会丢掉“
”，但这不是你要求的。)

关于javascript - SEO - 显示 block anchor 标记包含标题和短描述与仅带有 js 的标题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8933098/