为 SEO 编码传入链接的正确方法是什么？

Question

我们的网站正在向我们的作者发放“徽章”。他们可以在他们的个人博客上发布这些内容，它们将作为我们网站的传入链接。

我们希望为 SEO 提供最好的代码，而不做任何会让我们被标记的事情。

我想知道您对以下 sn-p 代码的想法，以及是否有人对它有任何关于该做什么和不该做什么的明确建议。另外，让我知道是否有任何多余或不值得用于 SEO 目的。

我将 css 保持为内联，因为某些作者无权添加指向外部 css 的链接

我已经更改了实际值，但标题、alt 等将是描述性关键字，类似于我们的页面标题等（没有重载关键字或任何类似的关键字）

<div id="writer" style="width:100px;height:50px;>
<h1><strong style="float:left;text-indent:-9999px;overflow:hidden;margin:0;padding:0;">articles on x,y,z</strong>
    <a href="http://www.site.com/link-to-author" title="site description">
        <img style="border:none" src="http://www.site.com/images/badge.png" alt="description of articles" title="View my published work on site.com"/>
    </a>
</h1></div>

谢谢

Answer 1

使用H1 来包含您的“徽章”是一个非常糟糕的主意 - 不会对您的 网站的 SEO 产生负面影响，但它很可能会破坏可访问性 (以及作者网站的 SEO）。 H1-H6 用于通过语义分隔文档标题来提供文档结构。随机使用标题标签会混淆屏幕阅读器和网络爬虫。除了正确使用语义 HTML 标记之外，您在合法的 SEO 方面无能为力。

编辑：

这样的选择是最安全的：

<div id="writer-badge" style="width: 100px; height: 50px;">
    <strong>
        Articles on x,y,z
    </strong>
    <br />
    <a href="..." title="site description" rel="profile">
        <img style="border: none" src="..." alt="..."
            longdesc="http://site.com/badges-explained"
        />
    </a>
</div>

我在文本和图像之间放置了一个换行符，以将文本视为一种徽章标题。如果它不打算以这种方式显示，那么我将完全省略 <strong> 标签（以这种方式封装文本没有语义价值，任何样式都可以使用 DIV 或重量中性 @987654327 @元素）。

IMO 确实没有理由让成就徽章有自己的标题（它甚至不是文档的一部分，只是布局中的一个繁华），但如果你绝对必须，那么H6 会更多比H1 使用更合适且更安全。

就关键字接近度而言，这有点冒险进入 SEO 的灰帽区域（类似于关键字填充），我对此一无所知。我还没有遇到任何关于 Google 或其他搜索引擎如何处理关键字放置的可靠信息。我想如果你在图片和链接中正确使用alt、title、longdesc、rel、rev等标签属性，你会没事的。

Answer 2

我认为除了您的<h1> 标记之外，此代码没有任何问题。我可能会将其更改为 <h2> 只是因为页面应该每页只有 1 个 <h1> 标记。

如果您愿意，也可以使用 iFrame。这就是 SO 所做的，但我知道你不会得到那么多链接的好处。