css - 不仅仅是文本的链接，对 SEO 有用吗？

Question

我在一个网站上有 4 个链接。每个链接都指向不同的页面( window 、壁板、屋顶、日光浴室)。但是，我设置链接的方式与普通链接不同。这是一个片段:

<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 因为我读到谷歌给标题更高的排名
C) 另请阅读，当有人点击链接时，该措辞会让谷歌知道它是相关的(点击“Windows”会将您带到有关 Windows 的页面，从而提高“Windows”的页面排名)

现在我的问题是，我是否完成了所有这些事情？显然我已经完成了目标 A。但是现在我不能再选择图像顶部的文本(“windows”)(因为我的光标变为手形图标，通知我有链接)...另外，当我拖动图片，它显示我正在拖动图片，img-link图片和文本作为一个整体，就好像它是一个图像一样。

希望这已经足够清楚了，提前致谢!

Answer 1

你的做法全错了。

你不需要额外的 div。

只需将背景图像放在 H1 标签本身上(当然还要设置高度/宽度)在 SEO 方面，这是一种可以接受的做事方式。

你会没事的:)