SEO - изображения и h1 - PullRequest
Новая
       19

SEO - изображения и h1

4 голосов
/ 03 февраля 2012

У меня есть ситуация, в которой я хотел бы использовать свой логотип вместо реального текста для моих тегов h1. если я вставлю свои ключевые слова в тэг alt, вместо того, чтобы писать, я буду страдать в SEO. Лучше иметь как текст, так и изображение? Мысли 

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

Ответы [ 5 ]

8 голосов
/ 03 февраля 2012

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.

2 голосов
/ 14 августа 2014

Если у вас есть доступ к CSS, идеальным подходом является замена тега h1 изображением с помощью css.

Итак, у вас есть этот 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. Существует довольно много различных методов замены изображений, это метод Скотта Келлума, как показано здесь

Возможно, вы захотите посмотреть и поэкспериментировать, чтобы определить, какая техника лучше всего подходит для вашей ситуации. Существуют различные недостатки использования разных методов.

1 голос
/ 03 февраля 2012

Да, для SEO лучше иметь текст, так как сканер не может читать текст внутри изображений, но использование alts как-то поможет (не такой же эффект, как текст), но определенно поможет.

0 голосов
/ 03 февраля 2012

Лучшее для 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>

Надеюсь, это поможет.

0 голосов
/ 03 февраля 2012

Я бы посоветовал вам поместить только соответствующий заголовок в alt и использовать meta для ключевых слов Надеюсь, это поможет. Альт действительно появится для людей, которые не могут или не хотели бы видеть изображения. Это также помогает доступности. Помещение в alt посторонних ключевых слов потенциально может повредить доступности.

...