Ссылка и гиперссылка: что это такое и как она работает в SEO

Что такое гиперссылка?

Если опираться на документацию MDN, гиперссылки превращают интернет в сеть: они позволяют связать документ с любым другим документом или ресурсом, а также с его конкретной частью. Адрес назначения может указывать на страницу, изображение, видео, текстовый документ или файл, который браузер предложит открыть или скачать.

Определение из образовательного материала 1PS звучит так: гиперссылка это элемент веб-страницы, который позволяет перейти к другому ресурсу. Внешний вид при этом необязателен. Браузеры часто рисуют текстовые ссылки синим цветом с подчёркиванием, но оформление полностью меняется через CSS, и кнопка в шапке проекта такая же полноценная ссылка, как слово в абзаце.

Для владельца проекта у ссылки три практические задачи. Она ведёт человека по маршруту от статьи к услуге, контактам и заявке. Она связывает близкие по теме страницы в понятную структуру. И она даёт поисковой системе путь к новым адресам: в том же материале 1PS отмечено, что поисковики используют ссылки для обнаружения и обхода URL. В обиходе слова «ссылка» и «гиперссылка» почти синонимы. В SEO под «ссылкой» часто имеют в виду именно переход с другого ресурса.

Из чего состоит ссылка в HTML?

Простая ссылка создаётся оборачиванием текста или другого содержимого в тег a и добавлением атрибута href с адресом назначения, как описано в документации MDN. Текст между открывающим и закрывающим тегом называют анкором. Вокруг этой пары вырос набор дополнительных атрибутов:

• href: адрес, куда ведёт ссылка, обязательная часть;
• анкор: видимый текст, картинка или иконка, по которым кликает человек;
• title: подсказка при наведении, но при управлении с клавиатуры она недоступна, поэтому важное в ней прятать нельзя;
• target со значением _blank: открывает ресурс в новой вкладке или окне;
• rel: отношение страницы к ресурсу назначения, например nofollow или sponsored.

Для поиска форма записи имеет значение. В рекомендациях Google сказано, что роботы обычно сканируют ссылки, записанные как элемент a с атрибутом href. Ссылки на скриптовых событиях и теги a без href Google не умеет эффективно разбирать. Если меню собрано на кнопках с обработчиком клика, для робота эти разделы выглядят как пустое место, хотя человек по ним переходит спокойно.

Ещё одно различие: абсолютные и относительные адреса. Абсолютный содержит протокол и домен и всегда ведёт в одно и то же место. Относительный указывает путь от текущего файла и меняет назначение при переносе страницы, о чём предупреждает MDN. Для ссылок внутри проекта там советуют относительные: они короче и проще читаются, а для чужих ресурсов нужен полный адрес. Остальные элементы разметки собраны в статье про html-теги.

Какие бывают ссылки: внутренние, внешние, якорные

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

Внутренние ссылки легко недооценить, поэтому полезен эксперимент. Компания SearchPilot, которая проводит контролируемые SEO-тесты, взяла проект примерно с 8 000 региональных страниц без системной перелинковки. На каждую региональную страницу добавили ссылки на шесть ближайших соседних, и в среднем каждая страница из тестовой группы получила двенадцать новых внутренних ссылок. В описании теста сказано, что органический трафик к этим страницам вырос на 7% относительно контрольной группы. После этого блоки ссылок расширили на все региональные страницы.

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

Есть и ссылки, которые открывают не страницу. Как показывает MDN, ссылка с префиксом mailto открывает новое письмо в почтовой программе, а при пустом адресе её можно использовать для кнопки «Поделиться». Такие варианты хорошо подписывать явно, чтобы человек понимал результат клика.

Что такое анкор и как его писать?

Анкор это видимый текст ссылки. По словам Google, он даёт и людям, и поисковой системе примерное представление о содержании страницы назначения. Если ссылкой служит картинка, роль анкора берёт на себя атрибут alt, поэтому описание в нём нужно писать так же внимательно, как и текст.

Хороший анкор информативен и лаконичен, а плохой не говорит ничего. В рекомендациях Google в число неудачных попали «Нажмите на ссылку», «Подробнее…» и слова вроде «сайт» или «статья». Предпочтительный вариант описывает назначение: «список сортов сыра» понятен ещё до клика. Слишком длинный анкор тоже мешает: в примере Google лучше выделить ссылкой только название заведения и оставить фразу о скидках обычным текстом.

• описывайте страницу назначения, а не действие: «тарифы на доставку» вместо «перейти»;
• оставляйте в анкоре суть и выносите детали в окружающий текст;
• не вставляйте все ключевые слова страницы: избыточное количество нарушает правила Google о спаме;
• не ставьте ссылки вплотную друг к другу, иначе читатель их не различит.

Требование «поставить точное вхождение ключа в каждый анкор» лучше игнорировать. В материале 1PS подчёркнуто, что цель ссылок: удобная структура, и ставить их на каждое вхождение одного и того же слова ради SEO не нужно. Если ссылка не помогает читателю, её лучше не добавлять.

У анкора есть и вопрос доступности. MDN напоминает, что читатели с программами экрана часто вызывают список ссылок, и несколько одинаковых «нажмите здесь» с разными адресами превращаются для них в загадку. Слово «ссылка» в тексте тоже лишнее: программа и так проговаривает, что это ссылка.

Что такое nofollow, sponsored и ugc?

Это значения атрибута rel, которыми владелец проекта объясняет поисковику, как относиться к ссылке. По рассказу Google, nofollow придумали, чтобы бороться со спамом в комментариях, затем им стали помечать рекламные ссылки, а позже добавили два уточняющих значения.

Разграничение такое. Платные и рекламные ссылки помечают значением sponsored, в справке Google именно оно названо основным для них. Ссылки, которые оставляют пользователи в комментариях и на форумах, получают ugc. Значение nofollow подходит, когда два других не годятся и вы не хотите связывать свой проект с целевой страницей. Значения можно объединять через пробел, например ugc nofollow.

Показательна история самого nofollow. Сначала алгоритмы Google вообще игнорировали ссылки с этим атрибутом. После нововведения все три значения стали сигналами, которые, как пишут Дэнни Салливан и Гэри Ийеш, помогают решить, учитывать ли ссылку в поиске. Для сканирования и индексирования nofollow тоже стал подсказкой с отложенной даты.

сигналы, которые указывают, учитывать ссылку в Поиске или нет

Дэнни Салливан и Гэри Ийеш, Google, о значениях sponsored, ugc и nofollow

Из этого следуют два вывода. Первый: nofollow не запрет на обнаружение страницы. В том же материале Google отмечено, что робот может найти её по карте сайта или по ссылке с другого ресурса, а чтобы закрыть страницу, нужны надёжные механизмы вроде правил в robots.txt. Второй: платные ссылки без пометки опасны, потому что Google советует помечать их, чтобы избежать мер за участие в схемах обмена ссылками. Не нужно ставить nofollow на каждую внешнюю ссылку подряд: Google просит применять его, когда вы не доверяете источнику.

Как ссылки работают в SEO и перелинковке?

Поиск использует ссылки двумя способами: по ним он находит новые страницы и по ним же оценивает, насколько страница релевантна. Поэтому Google просит, чтобы на каждую важную страницу вела хотя бы одна другая страница проекта. Внутренние ссылки к тому же распределяют вес между страницами, а внешние с авторитетных ресурсов могут усиливать доверие поисковых систем к проекту. Разобраться в месте перелинковки среди других задач продвижения поможет статья про основы SEO-продвижения.

Как это выглядит в цифрах, показал ещё один тест SearchPilot. У клиента из электронной торговли в блоке связанных статей на страницах контентного хаба стояло по две ссылки, и команда увеличила их до четырёх. В отчёте указано, что страницы-доноры, с которых ушли новые ссылки, выросли по органическому трафику на 16%, а общий прирост по обеим группам составил 11% при уверенности 90%. У страниц-получателей заметного эффекта не нашли: у них слишком мало трафика, чтобы выборка что-то показала. Команда оставила изменение.

Практический вывод: начинайте с аудита. Порядок простой:

1. Выгрузите страницы, на которые не ведёт ни одна внутренняя ссылка.
2. Для каждой выберите две-три близкие по теме страницы, откуда её можно естественно упомянуть.
3. Напишите описательные анкоры и поставьте ссылки внутри абзацев, а не только в блоках внизу.
4. Через несколько недель сравните трафик этих страниц с остальными.

Какие ошибки со ссылками встречаются чаще всего?

Частая ошибка перелинковки: страниц без входящих ссылок слишком много. Об этом рассказывает сервис LinkStorm о проекте eCommerce Fastlane. За годы там накопилось больше 14 000 статей, и старые материалы оказались глубоко закопаны под новыми. Ручная расстановка ссылок была бы нереальной, и сервис нашёл 43 305 возможностей для внутренних ссылок. Команда просмотрела их за два часа и приняла больше 42 000. За следующие шесть недель число пользователей выросло с 45 до 64 тысяч. Это история самого поставщика инструмента, поэтому цифры стоит сравнивать со своими данными.

За два часа мы просмотрели более 43 000 возможностей перелинковки

Стив Хатт, основатель eCommerce Fastlane

Начнём с нерабочих ссылок. В справке Яндекса такая ссылка определена как ведущая на неверную страницу или в ошибку. Сам Яндекс Вебмастер советует периодически проверять такие ссылки и исправлять их. Источником ошибок становятся удалённые страницы, опечатки в адресах и баги в коде. Если страницу убрали, поставьте переадресацию на близкую по смыслу, как описано в статье про редирект.

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

Третья группа касается текста и окружения. Это безликие «подробнее» и «здесь», цепочки ссылок подряд, один и тот же анкор для разных страниц. Ещё одна ловушка: если текст ссылки добавляется скриптом, Google просит проверить в инструменте проверки URL, что он виден на отрисованной странице.

Перед публикацией полезен короткий чек-лист:

• все ссылки записаны как a с href и открываются;
• анкор понятен без контекста и не повторяется у разных адресов;
• платные ссылки помечены sponsored, пользовательские ugc;
• внутренние ссылки ведут на главное зеркало, без цепочек редиректов;
• у важных страниц есть хотя бы одна входящая ссылка из проекта.

Если ссылка ведёт в никуда, посетитель попадает на страницу ошибки, а как её оформить, разобрано в материале про страницу «не найдено».

Частые вопросы