我们的网站向我们的作者发放'徽章'。他们可以在他们的个人博客上发布这些内容，他们将作为我们网站的传入链接。
我们希望为SEO做出最好的代码，而不做任何让我们被标记的内容。
我想知道您对以下代码段的想法是什么，如果有人对dos和donts有任何DEFINITE建议。另外，让我知道是否有任何冗余或不值得为SEO目的。
我保持css内联，因为有些作者无法访问添加到外部css的链接
我已经更改了实际值，但title，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>
感谢
答案 0 :(得分：2)
使用H1附上您的“徽章”是一个非常糟糕的主意 - 不会因为它会对您的网站的搜索引擎优化产生负面影响，但它很可能会毁掉作者网站的可访问性（以及SEO）。 H1 - H6用于通过语义分隔文档标题来提供文档结构。随机使用标题标签可能会混淆屏幕阅读器和网络浏览器。除了正确使用语义HTML标记之外，在合法搜索引擎优化方面你所能做的并不多。
修改
这样的事情是最安全的选择：
<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或权重来完成 - 中立的SPAN元素。）
IMO真的没有理由让成就徽章有自己的标题（它甚至不是文档的一部分，只是布局中的蓬勃发展），但如果你绝对必须，那么H6会使用比H1更合适，更安全。
就关键词的接近程度而言，这是一种冒险进入SEO的灰帽区域（类似于关键词填充），我对此一无所知。我还没有看到有关Google或其他搜索引擎如何处理关键字展示位置的任何可靠信息。我想如果您在图片和链接中正确使用了alt，title，longdesc，rel，rev等标记属性，那么您将成为正常的。
答案 1 :(得分：1)
除了<h1>标记之外，我认为此代码没有任何问题。我可能会将其更改为<h2>，因为页面应该每页只有1 <h1>个标记。
如果您愿意，也可以使用iFrame。这就是SO所做的，但我知道你不会得到那么多的优点。