Гиперссылка (Hyperlink)

Гиперссылка (от англ. hyperlink), или просто ссылка, — это HTML-элемент, который связывает между собой страницы, документы и ресурсы в вебе. Одним кликом по гиперссылке пользователь переходит с одной страницы на другую, открывает PDF, запускает звонок, отправляет email или даже перематывает видео на нужную секунду. Гиперссылки — базовая единица навигации интернета: без них веб был бы не сетью, а набором изолированных документов. Слово hypertext, от которого произошло «гиперссылка», придумал Тед Нельсон в 1965 году, а первую рабочую реализацию HTML-ссылки сделал Тим Бернерс-Ли в CERN в 1989–1991 годах — это и стало моментом рождения World Wide Web.

В русском языке используются разные синонимы: гиперссылка, ссылка, линк (от англ. link), гиперлинк. Все они обозначают одно и то же — HTML-тег <a> с атрибутом href.

Как устроена HTML-ссылка

Любая гиперссылка в HTML — это тег <a> (от англ. anchor, «якорь») с обязательным атрибутом href (hypertext reference, «ссылка на гипертекст»):

<a href="https://example.com/page">Текст ссылки</a>

Из чего состоит ссылка:

• <a> — открывающий и закрывающий тег </a>.
• href="..." — URL-адрес назначения. Может быть абсолютным (https://example.com/page), относительным (/page), якорным (#section-1), email (mailto:hi@example.com), телефонным (tel:+380501234567).
• Анкорный текст — то, что видит и кликает пользователь. Между открывающим и закрывающим тегом.
• Дополнительные атрибуты — target, rel, title, download, hreflang и т.д.

Полный пример с атрибутами:

<a href="https://example.com/report.pdf"
   target="_blank"
   rel="noopener noreferrer"
   download
   title="Скачать PDF-отчёт">
  Отчёт за 2026 год (PDF, 2 МБ)
</a>

Виды ссылок в интернете

Хотя в HTML все ссылки создаются одним и тем же тегом <a>, они различаются по назначению, направлению и атрибутам. Базовая классификация:

По месту источника и цели

По типу адресата

• Веб-ссылки (https://…) — на другие страницы в интернете.
• Email-ссылки (mailto:hi@example.com) — открывают почтовый клиент.
• Телефонные ссылки (tel:+380501234567) — инициируют звонок (особенно важно на мобильных).
• SMS-ссылки (sms:+380501234567?body=Hello) — открывают SMS-приложение.
• Файловые ссылки — на PDF, DOC, XLS, ZIP с атрибутом download.
• Якорные (#id) — на фрагмент текущей страницы.
• JavaScript-ссылки (javascript:void(0)) — устаревшая практика, лучше использовать <button> для действий без перехода.

По типу анкорного текста

• Анкорные ссылки — содержат описательный текст: <a href="...">эффективная веб-аналитика</a>. Передают Google семантическую подсказку о теме целевой страницы.
• Безанкорные (URL anchor) — анкор содержит сам URL: <a href="https://example.com">https://example.com</a>. Большинство «сырых» ссылок именно такие.
• Брендовые — анкор содержит название бренда: «Analytics.net.ua», «Google».
• Generic — нейтральные слова: «здесь», «тут», «click here», «подробнее».
• Image-ссылки — обёртка тега <img> в <a>. Анкор для Google = alt-атрибут картинки.

По SEO-атрибутам rel

Атрибут rel сообщает Google, как именно интерпретировать ссылку:

С 10 сентября 2019 года атрибуты nofollow, sponsored и ugc стали для Google «подсказками» (hints), а не директивами — алгоритм может учесть или проигнорировать их по своему усмотрению.

Гиперссылка и target="_blank"

Атрибут target управляет тем, куда откроется новая страница:

• target="_self" (по умолчанию) — в текущей вкладке.
• target="_blank" — в новой вкладке/окне.
• target="_parent" — в родительском фрейме.
• target="_top" — в верхнем фрейме.

Важно по безопасности: ссылки с target="_blank" всегда должны иметь rel="noopener noreferrer". Без этого атрибута открытая страница технически может получить доступ к объекту window.opener и запустить фишинговую атаку (manipulation of original tab). С 2018 года все современные браузеры (Chrome, Safari, Firefox) применяют noopener неявно при target="_blank", но явно прописывать всё равно безопаснее.

Зачем гиперссылки нужны для SEO

Гиперссылки — не просто навигация. Они играют три ключевые роли в поисковом ранжировании:

1. Сканирование (crawling). Поисковые роботы обходят интернет именно по ссылкам — переходят с одной страницы на другую. Если на вашу страницу нет ни одной ссылки (ни внутренней, ни внешней), Google никогда её не найдёт.
2. Передача авторитета (link equity). Каждая гиперссылка передаёт некоторое количество «веса» (PageRank) от страницы-источника к странице-цели. Чем больше качественных ссылок указывает на страницу, тем выше её шансы попасть в топ выдачи.
3. Семантическая подсказка. Анкорный текст ссылки сообщает Google, о чём целевая страница. Десять ссылок с анкором «веб-аналитика» — мощный сигнал, что страница релевантна этому запросу.

По данным исследования Backlinko (анализ 11,8 млн результатов), страница на первой позиции в Google имеет в среднем в 3,8 раза больше обратных ссылок, чем страницы на позициях 2–10. Без гиперссылок современный поиск не работал бы вообще — именно на анализе ссылок был построен оригинальный алгоритм PageRank Google в 1998 году.

Гиперссылка vs URL vs URI

Часто эти термины используют как синонимы, но строго говоря они описывают разные сущности:

• URL (Uniform Resource Locator) — конкретный адрес ресурса в интернете: https://example.com/page?q=1#section. Это «координата» страницы.
• URI (Uniform Resource Identifier) — более широкое понятие, любой идентификатор ресурса. URL — частный случай URI.
• Гиперссылка — это HTML-элемент, оборачивающий URL в кликабельный объект, который пользователь может активировать. Гиперссылка содержит URL, но не равна ему.

Можно сказать: URL — это адрес, а гиперссылка — это «дверь» с этим адресом, через которую можно зайти.

Атрибуты доступности (a11y)

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

• Описательный анкор. «Скачать отчёт за 2026 год» лучше, чем «здесь».
• aria-label — для иконочных ссылок без видимого текста: <a href="/cart" aria-label="Перейти в корзину">🛒</a>.
• Видимый focus-стиль — для пользователей, которые навигируют по Tab-клавише.
• Не использовать <a href="#"> для кнопок-действий — это сбивает скринридеры. Для действий используйте <button>.
• Минимальный размер кликабельной области — 24×24 px по WCAG 2.2 AA, 44×44 px рекомендация Apple HIG для тача.

Битые ссылки (broken links)

Битая ссылка (broken link) — гиперссылка, которая ведёт на несуществующую страницу и возвращает HTTP-код 404 Not Found (или 410 Gone, 500 Server Error, DNS-ошибку). Парадоксально, но битые ссылки — основа отдельной SEO-тактики broken link building: вы находите битые ссылки на чужих сайтах, создаёте свой материал на ту же тему и предлагаете заменить мёртвую ссылку на свою.

Регулярная проверка собственного сайта на битые ссылки — стандартная гигиена. Инструменты:

• Google Search Console — раздел «Покрытие» / «Страницы».
• Screaming Frog SEO Spider — десктопный краулер.
• Ahrefs Site Audit, Semrush Site Audit — облачные сканеры.
• Broken Link Checker для WordPress, Dead Link Checker онлайн.

Битые внутренние ссылки нужно чинить (исправить URL или поставить 301-редирект на актуальную страницу). Битые внешние — заменить или удалить.

Гиперссылка в эпоху AI

С появлением AI Overviews в Google и ChatGPT Search роль гиперссылок начала меняться. AI-ассистенты дают пользователю готовый ответ, и часть кликов по органическим ссылкам теряется. По данным Ahrefs, CTR первой позиции на запросах с AI Overviews падает на 30–60%. Тем не менее, ссылки в источниках AI-ответов остаются важными — они формируют AI-цитирование, новый тип сигнала, под который ещё только формируются метрики и инструменты оптимизации.

Гиперссылка как технология за 35 лет существования веба не изменилась — изменился контекст её использования. Тег <a href> остаётся таким же базовым строительным блоком, каким его создал Тим Бернерс-Ли в 1991 году.