seo - images和h1

时间:2012-02-03 15:08:55

标签: html css image drupal seo

我有一种情况,我想坚持使用我的徽标而不是我的h1标签的实际文本。如果我在alt标签中放入我的关键字,而不是实际写入,我会在SEO中受苦。同时拥有文字和图像会更好吗?想法?

<div id="hdr-top-logo">
 <h1>                   
  <a href="/">
   <img src="logo.jpg" alt="keywords and title" />
  </a>
 </h1>
</div>

5 个答案:

答案 0 :(得分:8)

SEO充其量只是猜测。

通常,公认的惯例是在适当的地方使用,您不会受到影响。例如,你的代码我会这样写:

<div id="hdr-top-logo">
 <h1>                   
  <a href="/" title="Blahblah.com logo">
   <img src="logo.jpg" alt="Blahblah logo" />
  </a>
 </h1>
</div>

如果有的话,实际使用文本而不是徽标的好处不会太多。

注意:alt + title应该是描述性的,所以不要只是在那里填充一堆关键字,否则你会遭遇SEO明智。

答案 1 :(得分:2)

如果您可以访问CSS,理想的方法是通过css将图像替换为h1标记。

所以你有这个html:

 <h1 id="hdr-top-logo">                   
  <a href="/">
  </a>
 </h1>

和这个css:

#hdr-top-logo { 
width: width of logo.png here; 
height: height of logo.png here; 
background: url(logo.png); 
text-indent: 100%; 
white-space: nowrap; 
overflow: hidden;
}

如果使用得当,这对搜索引擎非常友好。

NB有很多不同的图像替换技术,这是Scott Kellum方法,如http://css-tricks.com/examples/ImageReplacement/

你可能想看一看并试验哪种技术最适合你的情况,使用不同的方法有不同的缺点。

答案 2 :(得分:1)

对于搜索引擎优化是的,最好有文字,因为爬虫无法读取图像内的文字,但使用阿尔特会以某种方式帮助(与文本效果不同),但肯定有帮助。

答案 3 :(得分:0)

我建议您只在alt中添加相关标题,并使用meta作为关键字。希望有所帮助。 alt实际上会显示给那些不喜欢或不想看图像的人。它还有助于访问。在alt中放置无关的关键字可能会损害可访问性。

答案 4 :(得分:0)

SEO的最佳选择是将文本放在H1标签中,并在每个页面上创建一个唯一的H1。尝试将H1标签限制为每页仅1个,并让它描述该页面的内容,包括该特定页面的所有次要关键字。尽可能将这些关键字放在H1的开头。

但是当你真的需要在H1中放置一个图像时,你最好提供尽可能多的title和alt属性,并让它们包含你的关键字。

所以请使用它,例如:

<h1> 
  <a href="http://your.url" title="some text with keywords"> 
    <img src="logo.jpg" title="some text with keywords" alt="some keyword" /> 
  </a>
</h1>

希望这有帮助。