我一次又一次地看到模板使用H1作为图像背景，而标记本身中没有任何内容，虽然这并不坏，但SEO也不好。标题标签应该是文本，并且可以被谷歌和其他搜索引擎阅读。

如果你看了一下你的，你会发现里面什么都没有-你应该先用文本缩进来解决这个问题。

更正您的H1

<h1><a class="customlogo" href="http://www.ctwinvestmentgroup.org/" title="Return Home">CTW Investment Group<a></h1>

将此添加到CSS

.customlogo {
    background: url("http://www.ctwinvestmentgroup.com/wordpress/wp-content/uploads/2013/01/CtWDiamond3.png") no-repeat scroll 0 0 transparent;
    height: 101px;
    width: 500px;
    text-indent: -9999em;
    display: block;}

现在，为了响应对背景图像的处理，您有两个选项，可以为每个设备大小提供不同的图像，也可以为相同的图像提供大小相同的图像。

为此，请使用媒体查询

768px以下的设备我们将徽标除以2/3

@media (max-width:768px){
.customlogo {
    height: 67px;
    width: 333px; }    
}

低于480的设备我们将徽标减半

@media (max-width:480px){
.customlogo {
    height: 51px;
    width: 250px; }
}

其他注意事项：

您的站点目前的响应速度较慢，因为您正在使用固定大小阻止它。

去除

#page {
width: 960px;
}

而且响应将再次开始工作：P希望这有帮助，记住H1不是图像！正如许多人尝试做的那样，使用H1 a href和图像和文本以获得最佳SEO:P

享受