Question

我目前有一个图片作为我网站的标题。谷歌并不认为这是一个标题，它显示的东西不是我想要的谷歌搜索。我想也许可以添加下面的h1 / link ...

<a href="/">
<h1 style="postion:absolute;margin:-1000px -1000px;">my title</h1>
<img src="images/logo.jpg" alt="my title"/>
</a>

然而，这并不像我想要的那样隐藏标题。有什么建议吗？

Answer 1

Google在其搜索结果中添加的标题不是由<h1> - 标记定义的，而是由文档头部中的<title>标记定义的。

请在<head></head>代码中尝试：

<title>my title</title>

<h1> - 标记由Google提取，但与Google显示为您网站标题的内容无关，图片也不显示。

除此之外：对于搜索引擎优化和可访问性原因，您绝不应仅使用<img>作为标题图。

如果您要定义Google在搜索结果标题下添加的文字，请转到元描述并将其放在文档头中：

<meta name="description" content="The description of your site, as it will appear on Google Search." />

Answer 2

h1 = / = title

页面顶部需要标题标记。此外，我不知道你是否可以用实际图像做到这一点（我真的不明白为什么你想把图像作为你的标题或它将用于什么目的）。也许你在考虑一个图标？

此外，使用标题标签时，无需隐藏页面标题。由于它在你的标题中，它实际上并没有显示在身体上。

Answer 3

CSS

h1 { height:200px; background:url('logo.jpg'); width:300px }
h1 span { display:none }

HTML

<h1><span>My Title</span></h1>

user1394965是正确的。 <title>将推动Google列出的内容。