我一直在努力做出这个决定,我想知道是否有任何结构或语义上的理由来妥善处理它:
因此,请考虑大多数网站都有徽标(有时称为标头),我通常会为此元素使用h1
,然后隐藏该对象的文本,因为它通常是图像。
但是后来出现的情况是我会在页面上有一个真正的标题,在我们的例子中说它是“产品”,那么这应该是h2
吗?还是应该是h1
?我被告知页面上不应该有多个h1
,但它似乎是最重要的,因为h1
永远不会改变。
是否有任何搜索引擎优化考虑或其他原因我想以某种方式处理这个问题?任何意见都将不胜感激。
澄清一下,当我说我隐藏文字时,我通常会在我的CSS中将徽标设为background-image
,然后我通常会使用ol text-indent:-99999px
隐藏文字。我一直认为这是让谷歌正确索引的最好方法。
答案 0 :(得分:2)
我想首先说我不是这方面的专家,这只是我被许多消息来源告知的事情。
我认为h1标签只能用于标题。原因是他们是一个伟大的SEO工具。就页面的相关性而言,h1是一个高级元素。
在图片周围放置h1不会对您的页面产生任何影响,除非您说,在其中放置一些描述性文字。将隐藏文本放在h1标签内的问题是Google机器人比这更聪明。他们要么完全省略标签,要么将你置于黑名单中(通常需要为此发生多个实例,但通常尝试使用隐藏元素提升搜索排名,排除元标记是个坏主意。)
因此,将您的“产品”标题放在h1中。在没有标题的任何其他页面上,我会在页面内放置一个描述性句子,并将其设置为与周围文本匹配。这将确保机器人知道标签中的单词与页面相关。
无论您使用的是display:none
还是left-margin:-99999px
,它仍然不是一个好主意。这是隐藏文字或元素的常用方法,我确信谷歌并不陌生;)