Относительная ссылка

Относительная ссылка — это адрес ресурса, указывающий путь к файлу или странице относительно текущего расположения документа, без указания полного домена и протокола. В Веб-разработке и SEO такие ссылки применяются для внутренней навигации сайта, упрощая перенос кода между доменами и ускоряя индексацию поисковыми роботами.

Главное

Адрес не содержит протокола и хоста, а строится от корня сайта или текущей папки.
Ссылка автоматически адаптируется к текущему домену, что делает Сайт переносимым между поддоменами и зеркалами.
Поисковые системы корректно обрабатывают внутренние переходы, если они ведут на страницы того же ресурса.
В отличие от абсолютных URL, относительные адреса сокращают объём HTML-кода и упрощают его поддержку.

Как работает Относительная ссылка

Механизм вычисления конечного адреса основан на базовом URL текущей страницы. Когда Браузер или Поисковый робот встречает такой путь, система берёт текущий Домен и протокол, затем добавляет к ним указанный Относительный путь. Если путь начинается с косой черты «/», он считается корневым и ведёт от главной страницы сайта; если с «../» — поднимается на уровень выше в структуре каталогов. Обработка происходит мгновенно, без дополнительных запросов к DNS, поскольку Домен уже известен из контекста. Для корректной работы важно, чтобы структура папок на сервере совпадала с логикой путей, иначе Переход приведёт к ошибке 404.

Зачем нужен Относительная ссылка

Необходимость использования обусловлена требованием создания гибкой и переносимой структуры сайта, которая не привязана к конкретному доменному имени. Это критично при тестировании страниц на staging-сервере, разработке на локальной машине или переезде на новый Домен — все внутренние переходы продолжают работать без правок. Такой подход уменьшает вес HTML-документа, что положительно влияет на Скорость загрузки и Поведенческие факторы. Маркетологам метод позволяет быстро менять Домен или добавлять UTM-метки вручную, не переписывая весь код. Кроме того, использование снижает риск дублей страниц, когда один и тот же Контент доступен по разным абсолютным адресам.

Какие бывают виды относительной ссылки

Классификация зависит от способа указания пути относительно текущей директории. Корневые адреса начинаются с символа «/» и всегда ведут от главной страницы домена, например «/catalog/item». Ссылки относительно текущего каталога не начинаются со слеша и указывают на файл в той же папке, например «page.HTML». Восходящие адреса используют конструкцию «../», поднимаясь на один или несколько уровней вверх по иерархии папок. Также существуют пустые адреса или якоря «#section», которые ведут к элементу на текущей странице. Каждый вид применяется в зависимости от глубины вложенности страницы и структуры каталогов.

Где используется Относительная ссылка

Применение преимущественно охватывает внутреннюю перелинковку сайтов, Навигационные меню, Хлебные крошки и шаблоны страниц. В системах управления контентом (CMS), таких как WordPress или Bitrix, адреса автоматически генерируются при создании внутренних материалов, что упрощает администрирование. Метод также применяется в HTML-разметке для подключения CSS-файлов, скриптов и изображений, когда ресурсы хранятся на том же домене. В Веб-аналитике такие переходы помогают корректно отслеживать Путь пользователя без привязки к конкретному хосту. Разработчики применяют их в SPA-приложениях для маршрутизации между виртуальными страницами.

Пример: установка и чтение относительной ссылки

Наглядное различие между абсолютным и относительным путём видно в исходном коде HTML. Абсолютный URL фиксирует полный путь, включая протокол и Домен, тогда как относительный использует только путь к ресурсу. Ниже представлен Фрагмент кода, демонстрирующий оба варианта подключения стилей и навигации.

HTML

<head>
  <link rel="stylesheet" href="/assets/css/style.css">
  <link rel="canonical" href="https://example.com/page">
</head>
<body>
  <a href="/about">О нас</a>
  <a href="https://example.com/contact">Контакты</a>
</body>

Используйте корневые пути (начинающиеся с /) для ресурсов, доступных из любой части сайта, чтобы избежать ошибок при вложенности страниц.

Часто задаваемые вопросы относительной ссылки

Часто задаваемые вопросы

Влияет ли тип ссылки на ранжирование?

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

Можно ли использовать относительные ссылки для внешних ресурсов?

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

Что будет при смене домена?

Если все Внутренние ссылки заданы относительно корня сайта, то при переезде на новый Домен код не потребует изменения. Адреса автоматически будут указывать на новый Хост, сохраняя работоспособность всей структуры.

Итоги

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

Адрес вычисляется браузером на основе текущего домена и протокола.
Обеспечивает переносимость сайта между средами разработки и продакшеном.
Снижает объём HTML-документа и упрощает техническую поддержку.
Включает корневые, каталоговые и восходящие варианты путей.
Является стандартом для подключения локальных ресурсов в CMS.
Правильное применение предотвращает появление технических дублей.
Требует точного соответствия файловой структуре сервера.