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'); }
即使他们检测到在蓝色背景上显示蓝色字词,谷歌也可能会忽略,但是没有保证,你不会受到这种技术的惩罚.
有一个显示:没有没有那么严重,因为我们知道有时它的使用是不能避免的.但是有时在jQ中有更好的交换内容的方法是toggle().尝试增强您的代码以包含更少或不显示不显示的内容,并且在SEO的观点来看可以.
第一次渲染页面应该不会显示不显示的内容,所以Google不会发现任何腥味或黑帽子.之后,您可以对JS做任何事情,它不会影响SERP排名.