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

我们的网站正在向我们的作者发放“徽章”。他们可以在个人博客上发布这些信息，并作为我们网站的链接

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

我想知道你对下面这段代码的想法，以及是否有人对它的应做和不应做有任何明确的建议。另外，让我知道，如果它是多余的或不值得为搜索引擎优化的目的

我一直保持css的内联，因为一些编写者无法添加指向外部css的链接

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

---

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

如果需要，也可以使用iFrame。这就是为什么这么做，但我知道你不会得到那么多的链接好处。
使用
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>



关于x、y、z的文章




我在文本和图像之间放了一个断线，将文本视为某种徽章标题。如果不是这样显示的，那么我将完全省略
标记（以这种方式封装文本没有语义价值，任何样式都可以使用
DIV
或权重中性
SPAN
元素）

在我看来，成就徽章确实没有理由有自己的标题（它甚至不是文档的一部分，只是布局上的一个亮点），但如果你一定要这样做，那么
H6
比
H1
更合适、更安全

至于关键词接近度，这是一种冒险进入搜索引擎优化的灰色帽子领域（类似于关键词填充），我对此一无所知。关于谷歌或其他搜索引擎如何处理关键词放置，我还没有找到任何可靠的信息。我想如果你在图片和链接中正确地使用标签属性，比如
alt
，
title
，
longdesc
，
rel
，
rev
，你会没事的。
谢谢你的回答，你可能想在这里发布这篇文章-你能告诉我你用什么方式编码吗？如果我们删除h1，在图像链接旁边留下标记有什么价值吗？（是否有任何额外的权重来自于相近的关键字？）？（因为它将是该文本的标题）如果您要在徽章中添加文本，那么一个章节标题可能是合理的，但我会选择最不重要的标题级别，因为徽章本身不可能是文档的一部分。谢谢-每个人都假设它只是将图像链接到我们的网站，但关键是，我们有能力添加额外的标记，而不仅仅是图像，因此我们希望获得最佳的搜索引擎优化效果。我认为它在h1上听起来是正确的-因此解决方案可能是更改为h6，并添加一个文本元素以与标题匹配，这样html结构将是正确的。毕竟，网站在h1和h2元素中嵌入链接，并始终在内部使用图像替换-例如主徽标或部分标题。h1上的优点-可能h4或更低更合适
<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>