SEO在标头元素中使用<i>是不好的做法吗？

11

为了创建一个用户友好的网站，我必须在以下<h>元素中使用一些Font Awesome字体：

<h2>
<i style="color: rgb(102, 149, 45); vertical-align: inherit;" class="fa fa-gear"></i>
 Performance
</h2>

实际上，这是一篇评论文章。是否确定把这些字体（或<i>要素）的头元素等的内部HTML <h1>，<h2>，<h3>，等？

也请提供您的资源或一些文档，因为这对我来说确实很重要；我不想在这个话题上犯任何错误。

seo html heading

— 阿米尔雷扎·纳西里（Amirreza Nasiri）
source

3

更好地将它<span>用于FontAwesome，使用<i>Using的愚蠢效果<h2><span class="fa fa-gear"> </span></h2>也一样。

— 西蒙·海特

11

我会说这不会有多大伤害，也不会增加任何东西。我更喜欢保持标题标签干净，并且不会添加i。内联样式将是一个更大的问题，这并不是一个大问题。

您可以直接将齿轮图标添加到H2中，而不必这样做：

h2.Geared:before{
    display: inline-block;
    color: rgb(102, 149, 45); 
    font-family: "FontAwesome";
    content: "\f013"; /*The actual character FontAwesome uses */
}

<h2 class="Geared">This text will have the gear</h2>

— 马丁
source

3

用户确实应该使用CSS而不是夸大其HTML。设置标头标记的样式不会引起任何不适，但会导致膨胀的HTML。

— closetnoc

1

我在某种程度上不同意。因为您都忽略了一个事实，即您只是减少了HTML但又增加了CSS，实际上您增加的多于减少的多。如果这样做消耗的字节少得多，则使用SASS并在CSS中使用单数行，如下所示：.h2.geared:before, .fa-gear:before,.fa-cog:before{content:"\f013"}此外，使用<h2>Title <span class="fa fa-gear"> <span></h2>完全有效也不会有问题，并且丝毫不会损害SEO。

— 西蒙·海特

尽管类名选择不当，但是您可以轻松地将齿轮更改为另一个图标，而无需更改所有CSS。您可以使用CSS更改外观，然后将其放置在样式表中。我同意你的建议，IMO也不算坏。

— Martijn

建议使用sass可以减少html和css是荒谬的。Sass扩展为css，因此仅键入就不会节省带宽。这很有价值，可以肯定，但与当前的讨论无关。

— Nate

6

Google几乎不关注您最近使用的标签。Google关心页面对用户的外观。它关心哪个文本很大。它关心哪个文本突出显示。它关心哪些文本被隐藏。最近的SEO测试表明，就谷歌而言<div>，使用样式看起来像标题的<h1>标签与使用标签之间没有区别。

我不赞成使用斜体标签而不是CSS。它混合了语义和表示。但是，从SEO的角度来看，不应有负面或正面的影响。

— 斯蒂芬·奥斯特米勒
source

这就是答案。<i>是标准的HTML元素，绝不会影响您的SEO。此外，CSS样式将不会影响SEO，除非它用于隐藏内容。最重要的关键永远是内容，内容，内容。

— 罗布

-1

是的，这是一个坏主意。使用清晰的声明<h>标签，这是Google的规则之一。

— 用户6521985
source

2

这个答案是不正确的

— 约翰·孔德

1

我从未听说过<h>标签，更不用说跨Google的规则来使用它们了。您可以链接到一些文档吗？

— Stephen Ostermiller