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

<header>
   <h1>
        <a><span>title</span></a>
   </h1>
</header>

header h1 a span{
    display: none;
}
header h1 a{
    display: inline-block;
    width: 300px;
    height: 50px;
    BACkground: url('../img/image.png');
}

Google将忽略任何未显示的内容.
请记住,Google使用源代码不是结果,所以除了服务器端之外,您在源代码中执行的任何操作都是公开的. @H_675_2@即使他们检测到在蓝色背景上显示蓝色字词,谷歌也可能会忽略,但是没有保证,你不会受到这种技术的惩罚.

@H_675_2@有一个显示：没有没有那么严重,因为我们知道有时它的使用是不能避免的.但是有时在jQ中有更好的交换内容的方法是toggle().尝试增强您的代码以包含更少或不显示不显示的内容,并且在SEO的观点来看可以.

@H_675_2@第一次渲染页面应该不会显示不显示的内容,所以Google不会发现任何腥味或黑帽子.之后,您可以对JS做任何事情,它不会影响SERP排名.