seo - 图像和 h1

Question

我有一种情况，我想坚持使用我的徽标而不是 h1 标签的实际文本。如果我将关键字放在 alt 标签中，而不是实际编写，我会在 SEO 上受到影响吗？文本和图像同时存在更好吗？想法？

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

Answer 1

SEO 充其量只是投机性的。

一般来说，公认的惯例是在适当的地方使用，这样你就不会受苦。例如，你的代码我会写成这样：

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

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

注意：alt + 标题应该是描述性的，所以不要只在那里塞一堆关键词，否则你会受到SEO的影响。

Answer 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;
}

如果使用得当，这对搜索引擎是完全友好的。

注意，有很多不同的图像替换技术，这是 Scott Kellum 方法，如下所示 http://css-tricks.com/examples/ImageReplacement/

您可能想看看并进行实验，看看哪种技术最适合您的情况，使用不同的方法有不同的缺点。

Answer 3

是的，对于 SEO 而言，最好有文本，因为爬虫无法读取图像内的文本，但使用 alt 会以某种方式有所帮助（与文本效果不同），但肯定会有所帮助。

Answer 4

我建议您只在替代项中放置相关标题，并使用 meta 作为关键字。希望有帮助。对于那些不能或不想看到图像的人来说，替代项实际上会显示出来。它还有助于可访问性。在替代项中放置无关的关键字可能会损害可访问性。

Answer 5

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

但是，当您确实需要在 H1 中放置图像时，您最好提供尽可能多的标题和 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>

希望这有帮助。