首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >网站图片为标题,谷歌不识别图片

网站图片为标题,谷歌不识别图片
EN

Stack Overflow用户
提问于 2012-12-05 23:56:27
回答 3查看 188关注 0票数 0

我目前有一张图片作为我网站的标题。Google不会将此作为标题,而且它显示的内容不是我在google搜索中想要的内容。我想添加下面的h1 / link...

代码语言:javascript
复制
<a href="/">
<h1 style="postion:absolute;margin:-1000px -1000px;">my title</h1>
<img src="images/logo.jpg" alt="my title"/>
</a>

然而,这并没有像我想要的那样隐藏标题。有什么建议吗?

EN

回答 3

Stack Overflow用户

发布于 2012-12-06 00:05:08

谷歌放在搜索结果中的标题不是由<h1>-tag定义的,而是由文档头中的<title>标记定义的。

所以在<head></head>标记中尝试这样做:

代码语言:javascript
复制
<title>my title</title>

<h1>-tag被谷歌接收,但与谷歌显示为你的网站标题的内容无关,图片也没有关系。

此外,出于搜索引擎优化和可访问性的原因,您永远不应该只使用<img>作为标题图形。

如果你想定义Google放在搜索结果标题下的文本,就去寻找元描述,并把它放在文档头中:

代码语言:javascript
复制
<meta name="description" content="The description of your site, as it will appear on Google Search." />
票数 3
EN

Stack Overflow用户

发布于 2012-12-06 00:02:23

h1 =/=标题

您需要在页面的头部添加一个title标签。另外,我不知道你是否可以用一张真实的图片来做这件事(我真的不明白你为什么要把图片作为你的标题,或者它有什么作用)。也许你在想一个喜欢的图标?

而且,当你使用title标签时,不需要隐藏页面的标题。因为它在你的头中,所以它实际上不会显示在正文中。

票数 0
EN

Stack Overflow用户

发布于 2012-12-06 00:03:06

CSS

代码语言:javascript
复制
h1 { height:200px; background:url('logo.jpg'); width:300px }
h1 span { display:none }

HTML

代码语言:javascript
复制
<h1><span>My Title</span></h1>

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13727226

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档