前端之家收集整理的这篇文章主要介绍了
html – 搜索引擎优化：显示：无，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
关于
SEO,Google会检测并处理< h1>< / h1>内的
内容,隐藏着display：none CSS
属性？
HTML：
<header>
<h1>
<a><span>Title</span></a>
</h1>
</header>
CSS：
header h1 a span{
display: none;
}
header h1 a{
display: inline-block;
width: 300px;
height: 50px;
background: url('../img/image.png');
}
Google将忽略任何未
显示的
内容.
请记住,Google使用源
代码不是结果,所以除了服务器端之外,您在源
代码中执行的任何操作都是公开的.
即使他们检测到在蓝色背景上显示蓝色字词,谷歌也可能会忽略,但是没有保证,你不会受到这种技术的惩罚.
有一个显示：没有没有那么严重,因为我们知道有时它的使用是不能避免的.但是有时在jQ中有更好的交换内容的方法是toggle().尝试增强您的代码以包含更少或不显示不显示的内容,并且在SEO的观点来看可以.
第一次渲染页面应该不会显示不显示的内容,所以Google不会发现任何腥味或黑帽子.之后,您可以对JS做任何事情,它不会影响SERP排名.
原文链接：https://www.f2er.com/html/224366.html
