Атрибуты тега <a></a> в HTML. Влияние ссылок на продвижение сайтов

Гуща Тарас - SEO-cпеціаліст з досвідом
Тарас Гуща
Специалист по SEO, SMM, PPC и CPA. Опыт более 20 лет.
Спикер на десятках ИТ-конференциях.
Организатор конференций Guruconf, Dvoma, Easyconf
Написано: 20.03.23
Обновлено: 20.03.23
Просмотров: 125
Комментариев: 0

Что такое атрибуты тега <a></a> в HTML? И с чем едят атрибуты ссылок для SEO? Как сделать линки уникальными с помощью HTML и CSS? Все это в данном материале, надеемся он будет для интересен и полезен. Многие SEO-специалисте забывают о HTML, CSS и JS, но это основа основ SEO. Мы рекомендуем заниматься не только линкбилдингом и лонгридами, но улучшать качество кода сайтов. Именно такой подход дает хорошие результаты в поисковой выдаче.

Ранее мы рассказывали про линкбилдинг 80lvl-ла и о том какие ссылки вообще бывают при прожвижении сайтов. Теперь настала пора углубиться в HTML и увидеть какие возможности язык разметки дает нам с тегом <a></a>. Все сеошники знают про атрибут rel и значение "nofollow", реже встретишь знание о "UGC" и "sponsored", а если спросишь о charset или hspace, то большинство SEO-специалистов разведут руками. Ниже под видео мы приводим список атрибутов, которые прямо или косвенно могут влиять на верстку, поисковое продвижение сайта, мобильную адаптивность или параметры PageSpeed, CLS и/или LCP.

Атрибуты тега <a></a>

  • rel – директива для поисковиков

    • Nofollow
    • UGC
    • Sponsored
  • charset - кодирование
  • class - класс CSS
  • dir – направление текста в таблице: слева направо (LTR) или справа налево (RTL)
  • id – id элемента
  • lang – код языка согласно RFC 1766
  • name - имя языка
  • style – прямой стиль CSS
  • title - заглавие ссылки за наведение
  • type - тип, например audio/mp3 если ссылка на файл аудио
  • target – цель

    • <не указано> - значение по умолчанию открывает ссылку в том окне браузера.
    • <Выходящее окно> - откроется в новом активном окне с заданными параметрами.
    • _blank – новое окно, открывшееся в новом окне (на новой вкладке браузера, если браузер поддерживает вкладки).
    • _self – текущее окно, открывшееся в активном окне.
    • _top – главное окно, используемое при работе с кадрами и позволяющее открыть страницу в окне браузера, заменяя собой все кадры, которые были на странице; если на текущей странице кадров нет, то действие аналогично значению _self.
    • _parent - родительское окно, применяемое при работе с кадрами и позволяющее открыть страницу в родительском кадре; если на текущей странице кадров нет, то действие аналогично значению _self

Атрибуты изображений могут быть ссылками:

  • align – определяет выравнивание рисунка краем и способ обтекания текстом
  • alt – альтернативный текст для изображения
  • border – толщина кадра вокруг изображения
  • height – высота изображения
  • hspace – горизонтальное отступление от изображения к окружающему содержимому
  • ismap – говорит браузеру, что изображение является серверной картой-изображением
  • longdesc – указывает адрес документа, где содержится инструкция к картинке
  • lowsrc – адрес низкого качества изображения
  • src – путь к графическому файлу
  • vspace – вертикальное отступление от изображения к окружающему контенту
  • width - ширина изображения
  • usemap – ссылка на тег <map>, содержащий координаты клиентской карты-изображения
Средняя: 2.9 (28 оценки)