html – 搜索引擎优化:显示:无

前端之家收集整理的这篇文章主要介绍了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排名.

猜你在找的HTML相关文章