我在网站上有4个链接。每个链接都会转到不同的页面(窗户,壁板,屋顶,日光室)。但是,我以不同于普通链接的方式设置链接。下面是一个片段:
<a href="windows.html">
<div id="img-block">
<div id="img-link">
<h1>Windows</h1>
</div>
</div>
</a>
CSS:
#img-block {
width:275px;
height:175px;
margin:25px 0;
background-image:url(images/windows.jpg);
}
#img-link {
height:40px;
width:275px;
margin:135px 0 0 0;
background-image:url(images/img-link-bg.png);
}
为什么我这样做的几个原因。
A)我希望图像和文本可以点击
B)H1,因为我读过谷歌给Headings更高的等级
C)还读到当有人点击链接时,措辞让谷歌知道它是相关的(点击“Windows”带你到一个关于Windows的页面,增加“Windows”的页面排名)
现在我的问题是,我是否完成了所有这些事情?显然我已经完成了目标A.但现在我不能再在图像上选择文本(“窗口”)(因为我的光标变为手形图标,通知我链接)...而且,当我拖动图像,它显示我将图像,img-link图像和文本全部拖动为一个,就像它是一个图像一样。
希望这很清楚,提前谢谢!
答案 0 :(得分:1)
你的一切都错了。
您不需要额外的div。
简单地将背景模式放在H1标签上(并设置当然的高度/宽度) SEO明智,这是一种可接受的做事方式。
你会没事的:)
答案 1 :(得分:-1)
优化搜索引擎优化的最佳方法是在网站上包含重要的本地化信息,如果您的网站是针对本地商家的,最好在每个网页上包含商家地址和电话号码,因为谷歌个性化其搜索结果大多数用户根据他们的位置和搜索字词上下文。如果我在费城并输入Vinyl Siding,我看到的结果将与在加利福尼亚输入相同内容的人不同。您不能只输入特定标题,并且神奇地将您显示在网站的第一页中,除非您的网站包含其他相关信息,并且广告客户始终在Google上获得首选待遇。使用谷歌为您提供的工具为您的网站编制索引。