【问题标题】:SEO - Display block anchor tag contains title and short desc vs. only title with jsSEO - 显示块锚标记包含标题和简短描述与仅带有 js 的标题
【发布时间】:2012-01-19 20:50:56
【问题描述】:

我正在使用显示块超链接来使整行像这样可点击,类似的东西可以在 youtube 链接上看到(右侧的视频列表)。我很担心,因为锚标签中有很多文字,除了标题之外,还有简短的描述和类别。

<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>

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

<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>

【问题讨论】:

  • “包括其他嘈杂的词”,那你为什么不直接链接标题?
  • 因为我希望整个块不仅可以点击标题

标签: javascript css seo


【解决方案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”类锚点的“display: block”。

(我个人会失去“
”,但那不是你要求的。)

【讨论】:

  • 该答案与我的第一个解决方案相同。关键是仅链接标题(SEO 事物)并能够单击整个块。没关系,我的解决方案是从超链接中删除 desc 和类别,并绝对定位它们。不完美,因为我不能有自定义高度块但可以忍受
猜你喜欢
  • 2021-02-05
  • 1970-01-01
  • 2015-06-05
  • 2017-02-09
  • 1970-01-01
  • 2020-09-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多