Ссылки A Href: Что Это Такое и Как Их Использовать

Что такое ссылка A Href?

Ссылка «a href» (или «href-ссылка») — это HTML-код, который использует тег <a> и атрибут href для создания кликабельной гиперссылки.

Например, эта href-ссылка создает гиперссылку «Semrush»:

Существуют другие типы HTML-ссылок (например, тег <link>). И другие способы создания гиперссылок (например, с помощью JavaScript). Но большинство ссылок создается с использованием тегов <a>, также известных как якорные теги или якорные элементы.

Якорные элементы определяются начальным тегом <a> и конечным тегом </a>.

Атрибут href (атрибут гипертекстового ссылочного адреса) определяет назначение или цель ссылки. Это часто URL веб-страницы. Но возможны и другие значения.

Якорные теги также должны включать содержимое якоря — содержимое, к которому привязана ссылка. В большинстве случаев это якорный текст (например, «Semrush»). Но это может быть HTML-элемент, такой как изображение.

Ваша система управления контентом (CMS) может иметь инструменты, которые избавляют от необходимости вручную кодировать href-ссылки. Но полезно понимать, как они работают за кулисами.

Совет: Проверьте проблемы со ссылками и другие технические проблемы на вашем сайте с помощью инструмента Site Audit от Semrush. Вы можете проанализировать до 100 URL бесплатно.

Почему Ссылки Href Важны?

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

Есть два основных типа гиперссылок, которые вы можете добавить на свой сайт: внутренние ссылки и внешние ссылки. И href-ссылки позволяют создавать оба типа.

Внутренние ссылки — это гиперссылки на расположения или ресурсы в вашем домене.

Примеры включают:

• Навигационные ссылки на другие страницы вашего сайта
• Контекстные ссылки на другие страницы вашего сайта
• Якорные ссылки (или переходные ссылки) на ваших страницах
• Ссылки на файлы (например, электронные книги) на сервере вашего домена

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

Кроме того, внутренние ссылки помогают Google обнаруживать страницы в вашем домене. И понимать, как они связаны друг с другом. Это может привести к более высоким позициям в страницах результатов поисковых систем (SERP).

Внешние ссылки (или исходящие ссылки) — это гиперссылки на расположения или ресурсы за пределами вашего домена.

При правильном использовании внешние ссылки добавляют ценность вашему контенту.

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

Джон Мюллер из Google утверждает, что внешние ссылки на авторитетные сайты не помогают с ранжированием сайта. Но многие специалисты по SEO считают, что помогают.

5 Лучших Практик для Ссылок A Href

При создании href-ссылок следуйте этим лучшим практикам, чтобы убедиться, что ваши гиперссылки работают правильно. И приносят максимальную пользу вашему сайту.

1. Выберите Правильное Значение Атрибута Href

Значение атрибута href — это назначение ссылки. Это может быть веб-страница, часть веб-страницы, файл, адрес электронной почты или номер телефона, например.

Назначение ссылки размещается между кавычками атрибута href, как показано:

Давайте рассмотрим основные типы значений href:

Относительные URL

Относительный URL — это путь к ресурсу на том же сайте.

Например, логотип блога Semrush имеет значение href «/blog/»:

Некоторые веб-разработчики используют относительные URL для всех внутренних ссылок. Потому что они краткие. И они все еще работают после миграции сайта.

Однако мы рекомендуем использовать абсолютные URL для целей SEO.

Абсолютные URL

Абсолютный URL — это полный путь к URL, включая протокол, домен и любые дополнительные пути или параметры.

Например:

Вам нужно использовать абсолютные URL при добавлении внешних ссылок.

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

Это устраняет любую неоднозначность или путаницу для поисковых систем. Так что это может помочь вашему SEO.

В видео Google Джон Мюллер сказал, что ссылка на канонические URL «вероятно, имеет больше смысла, потому что тогда вам не нужно беспокоиться о вещах вроде доступа к не-WWW версии вашего сайта».

Якорные Ссылки

Якорные ссылки (или переходные ссылки) — это ссылки на разные части той же страницы.

Например, все ссылки в оглавлении этой статьи являются якорными ссылками.

Чтобы создать переходную ссылку, присвойте элементу, на который вы хотите ссылаться, атрибут id (id=»id-name»).

Как это:

Затем создайте ссылку, используя #id-name в качестве значения href.

Как показано:

Альтернативно, используйте href=»#top» или href=»#» для перехода в начало страницы.

Mailto-Ссылки

Атрибут href=»mailto:» создает mailto-ссылку, которая открывает новое письмо в программе электронной почты пользователя.

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

Например, в нижнем колонтитуле нашего сайта есть href-ссылка вроде этой:

Нажатие на гиперссылку создает черновик письма вроде этого:

Вы также можете добавить параметры, такие как тема, содержимое тела и адрес CC, в код a href.

Предположим, вы хотите, чтобы соискатели на работу отправляли свое резюме на jobs@example.com с темой «Роль Веб-Разработчика».

Чтобы упростить, вы можете добавить HTML-ссылку вроде этой:

Обратите внимание, что «%20» используется вместо пробелов. Это пример кодирования URL — процесса, который помогает обеспечить правильную работу параметров.

Tel-Ссылки

Чтобы создать tel-ссылку, используйте атрибут href=»tel:» в сочетании с номером телефона.

Как показано:

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

2. Используйте Другие Атрибуты Якорного Тега

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

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

Вот краткий обзор наиболее распространенных:

Атрибут Якоря	Назначение	Пример Якорного Тега
Download	Укажите браузеру скачать связанный ресурс вместо его открытия. Включите описательное имя файла между кавычками.	<a href=»example.pdf» download=»Filename»>Download </a>
Rel	Сообщите поисковым системам о связи вашего сайта с связанным ресурсом. Например, rel=“nofollow” просит поисковые системы не рассматривать ссылку как рекомендацию связанной страницы. (Это важная концепция в построении ссылок.)	<a href=»https://www.example.com/» rel=»nofollow»>Anchor Text</a>
Target	Укажите браузеру, где открыть ссылку. Например, target=»_blank» открывает ресурс в новой вкладке или окне. В то время как target=»_self» оставляет его в той же рамке.	<a href=»https://www.semrush.com/» target=»_blank»>Semrush</a>
Title	Показывайте подсказку, когда пользователь наводит курсор на ссылку. Включите текст подсказки между кавычками.	<a href=»https://www.semrush.com/» title=»Semrush homepage»>Semrush</a>

Совет: Некоторые виды ссылок с других сайтов (бэклинки) могут улучшить ваше SEO. С помощью инструмента Backlink Analytics от Semrush вы можете легко проанализировать свои бэклинки и сравнить их с конкурентами.