Ссылка без анкора на сайте для SEO — хорошо или плохо?

Question

[weranda]

Приветствую.
На сайте есть HTML код блока:

<div class="box">
    <a href="url" alt="Заголовок"></a>
    <h2>Заголовок</h2>
    <div>Описание</div>
    <img src="url" alt="Описание картинки">
</div>

Оптимизатор говорит, что внутри ссылки должен быть какой-либо анкор. Вопрос к вам — должен? Как считаете? Как лучше сделать? Валидатор, вроде, не ругается, а оптимизатор ругается.

Почему в разметке именно ссылка без анкора? — Просто для того, чтобы внутри ссылки не было нагромождения из заголовка, описания и картинки. Ссылка спозиционирована стилями по всему объему блоку, т. е.

position: absolute; left: 0; right: 0; bottom: 0; top: 0;

и получается, что при наведении в любое место блока переходим по ссылке.

Можно было бы внутри ссылки продублировать заголовок, скрыть его стилями вот так:

<div class="box">
    <a href="url" alt="Заголовок">
        <div class="link_text">Заголовок</div>
    </a>
    <h2>Заголовок</h2>
    <div>Описание</div>
    <img src="url" alt="Описание картинки">
</div>

.link_text{
position: absolute;
left: -99999px;
}

Но это же дублирование текста. Зачем оно...не знаю. Поделитесь опытом.

Comments

[Ankhena]

<div class="box" data-text="Заголовок">
    <a href="url">
        <h2 class="visually-hidden">Заголовок</h2>
    </a>
    <div>Описание</div>
    <img src="url" alt="Описание картинки">
</div>

Для box задать грид.
Ссылку вниз на все строки грида.
В ::before вывести текст из data
Всем, кроме ссылки задать pointer-events: none

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

Альтернатива: оборачиваете заголовок в в ссылку. Ссылке задает псевдо, чтобы растянуть зону клика. И overflow для карточки.

[weranda]

Ankhena, Ваша идея мне нравится.

Answer 1

[Виктор Петров]

Безанкорные ссылки в рамках сайта не нужны. Это пустая ссылка, она никак не описывает страницу-реципиент. Разумеется, никто наказывать за такое не будет, но вы попросту сливаете ссылочный вес в пустоту.
Если вам так уж важна кликабельность всего блока - продублируйте ссылку. Пусть она оборачивает div, но в рамках div будет нормальная анкорная ссылка (у вас - на заголовке).
Это нормальная практика.

Comments

[Михаил Р.]

Если вам так уж важна кликабельность всего блока - продублируйте ссылку. Пусть она оборачивает div, но в рамках div будет нормальная анкорная ссылка (у вас - на заголовке).

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

[Виктор Петров]

Михаил Р., понятно, что и PR, и BR просчитывают шанс перехода. Он, собственно, и определяет вес. Чем дурнее ссылка - тем меньше шансов.
Но в данном случае, судя по всему, речь идёт именно о важности анкора в рамках текстовой оптимизации. Для Яндекса это имеет значение как одна из коммерческих метрик. "Веса" как таковые можно в принципе проигнорировать, в этом плане псевдо-ссылки ничуть не хуже обычных.

Answer 2

[Михаил Р.]

Оптимизатор говорит, что внутри ссылки должен быть какой-либо анкор. Вопрос к вам — должен?

Если Вы хотите передать больший ссылочный вес по ссылке - должен.

Comments

[weranda]

Но как тогда оформить эту ссылку?
Гугл в своей справке не рекомендует: «Оформлять в качестве ссылки длинные предложения и тем более целые абзацы», но при наведении на любую часть блока должна открываться страница по ссылке.
Вариант с абсолютным позиционированием текста ссылки, вроде, тоже не очень приветствуется, так как скрывает контент от пользователя.
Какие варианты посоветуете?

[szQocks]

weranda, а чё у ссылок alt есть ?

картинку добавь в ссылку, и часть текста тоже добавь в ссылку, что бы было 2 одинаковых ссылки, так часто делают, можешь глянуть интернет магазины в топах поиска

[weranda]

szQocks, Есть, но как выяснилось он там не нужон.

[Михаил Р.]

weranda,

но при наведении на любую часть блока должна открываться страница по ссылке

Кому должна? ТЗ такое? Если да, то делайте по тз, предупредив заказчика о последствиях.

[weranda]

Михаил Р., Визуально это выглядит примерно так:

При клике на любую часть блока должно переходить по ссылке, а не только по заголовку, описанию, или картинке.

[Михаил Р.]

weranda,

Какие варианты посоветуете?

Делайте, как реализовали в бутстрапе - https://getbootstrap.com/docs/5.3/helpers/stretche...

Answer 3

[Олег]

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

Answer 4

[Евгений Молдовану]

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

<div class="box">
    <a href="url" alt="Заголовок">
        <div class="link_text">Заголовок</div>
  
    <h2>Заголовок</h2>
    <div>Описание</div>
    <img src="url" alt="Описание картинки">  </a>
</div>

В таком случае и анкорный вес будет передан.