Опубликовано пользователем admin
Что такое атрибуты тега <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>, содержащий координаты клиентской карты-изображения
