SEO — как правильно верстать ссылки?

Question

[Cheizer]

Друзья, сточки зрения оптимизации для поисковых систем, как грамотно верстать ссылки?

Например есть группа товаров, вот один из них:
Можно сверстать так
Вариант 1

<div class="item">
<a href="/....."><img src="/рисунок-товара" alt=""/></a>
<a href="/.....">Название товара</a>
</div>

или так
Вариант 2

<a href="/.....">
<div class="item">
<img src="/рисунок-товара" alt=""/>
<h4>Название товара</h4>
</div>
</a>

Или вот так
Вариант 3

<a href="/.....">
<div class="item">
<a href="/....."><img src="/рисунок-товара" alt=""/></a>
<a href="/.....">Название товара</a>
</div>
</a>

Ссылкой охватываем весь блок для лучшего взаимодействия с пользователем, бывает необходимо.

Вот как лучше по вашему?

Comments

[Cheizer]

Как я понял, лучше всего сделать так, ссылку "оберетку" оставить пустой в абсолютной позиции.

Вот так лучше всего мне кажется. 4 вариант

<div class="item">
<a class="item-link" href="/....."></a>
<a href="/....."><img src="/рисунок-товара" alt=""/></a>
<a href="/.....">Название товара</a>
</div>

[Rustam Bainazarov]

Как хотите, кроме ошибочного третьего. На индексацию другое влияет.

[Cheizer]

Рустам Байназаров, а что влияет на индексацию?

[Rustam Bainazarov]

Роман Кузнецов, я для сих пор не знаю, SEO-шники знают. Ну и микроразметка, конечно. Валидная HTML-разметка как априори.

[Виталий Першин]

Роман Кузнецов, Мне недавно пришла задача от сеошника сделать обязательно второй вариант, мол поисковики поймут что это ссылка на товар, а все что внутри якобы они расценят, как краткое описание.

[Cheizer]

Виталий, о как, спасибо.

Answer 1

[profesor08]

Третий невозможен, ссылка в ссылке работать не будет.

Answer 2

[Евгений Юдин]

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

Также вы правильно заметили что когда ссылка охватывает весь блок, то это более юзер-френдли, поэтому лучше делать именно так.

Comments

[Cheizer]

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

[Евгений Юдин]

На самом деле ПС сейчас значительно более умные, чем все думают. Им без разницы какой из вариантов вы выберете. Но для успокоения, конечно, можно сделать так как вы решили, от этого хуже тоже не будет 100% :)

[Cheizer]

Евгений Юдин, я почему так решил сделать, посмотрел примеры на двух сайтах. там ссылки отдельно, и заглушка ссылка тез текста.

[Евгений Юдин]

Окей. Но просто знайте что можно делать как угодно. Но, конечно, этот вариант надежней если сайты примеры точно висят в топе.

[Cheizer]

Евгений Юдин, да, я в спортивной теме, доверяю им, https://www.runlab.ru и сайт спорт марафона https://sport-marafon.ru но вот например Декатлона сайт, там все в одной ссылке например, в куче все. Но он и не в топах сильно. Спортмарафон по снаряге в топах, и триалспорта сайт https://trial-sport.ru но на последнем тоже по отдельности в основном названия товаров и фото. Я в итоге понял, делаю по разному, где имена товаров пересекаются с ключевыми словами, делаю отдельно ссылкой, названия категорий на странице то в h4+ ссылка, и всегда делаю заглушку ссылку без текста, как обертку. А например новостные блоки сваливаю название и картинку в одну ссылку. Текст типа подробнее, не делаю вообще ссылками. Как то так.

[profesor08]

Роман Кузнецов, все ситуативно и зависит от поставленных целей, если хочешь чтоб клик по блоку куда-то вел, делай его ссылкой.

Answer 3

[WebReklamist]

Можно использовать 1-й, но лучше мой вариант:

<div class="item">
<a href="/....."><img src="/рисунок-товара" alt="Название товара"/>Название товара</a>
</div>

Так всё работает и индексируется, но главное, при таком варианте не создаются лишние ссылки на тот же адрес, которые дублируются в других работающих вариантах. Внешний вид оформляется стилями.