rel что такое html
Rel что такое html
Некоторые возможные значения перечислены ниже.
answer Ответ на вопрос. chapter Раздел или глава текущего документа. co-worker Ссылка на страницу коллеги по работе. colleague Ссылка на страницу коллеги (не по работе). contact Ссылка на страницу с контактной информацией. details Ссылка на страницу с подробностями. edit Редактируемая версия текущего документа. friend Ссылка на страницу друга. question Вопрос.
Весь список значений можно посмотреть по адресу http://wiki.whatwg.org/wiki/RelExtensions
В HTML5 поддерживается следующие значения.
archives Ссылка на архив сайта. author Ссылка на страницу об авторе на том же домене. bookmark Постоянная ссылка на раздел или запись. first Ссылка на первую страницу. help Ссылка на документ со справкой. index Ссылка на содержание. last Ссылка на последнюю страницу. license Ссылка на страницу с лицензионным соглашением или авторскими правами. me Ссылка на страницу автора на другом домене. next Ссылка на следующую страницу или раздел. nofollow Не передавать по ссылке ТИЦ и PR. noreferrer Не передавать по ссылке HTTP-заголовки. prefetch Указывает, что надо заранее кэшировать указанный ресурс. prev Ссылка на предыдущую страницу или раздел. search Ссылка на поиск. sidebar Добавить ссылку в избранное браузера. tag Указывает, что метка (тег) имеет отношение к текущему документу. up Ссылка на родительскую страницу.
Значение по умолчанию
HTML 4.01 IE Cr Op Sa Fx
HTML5 IE Cr Op Sa Fx
Браузеры
Атрибут rel
Атрибут rel в разметке HTML – это оператор тега ссылки «a», определяющий взаимоотношения между текущей страницей и документом, на который ведет ссылка, заданная атрибутом href. Современные браузеры не воспринимают и не обрабатывают атрибут rel. Несмотря на этот факт, веб-разработчики продолжают использовать связку rel=»nofollow». Ее применение позволяет заблокировать передачу PageRank и ИКС, что часто необходимо при продвижении в «Яндексе» и Google.
Синтаксис
Возможные значения
alternate – определение альтернативных вариантов позиционирования страницы;
author – указание ссылки на автора текущего материала;
bookmark – линк на ближайшую «родительскую» директорию;
help – ссылка на контекстные справочные материалы;
license – линк на лицензию, в соответствии с которой выполняется публикация и распространение контента;
next – указание на следующую часть разделенного документа;
nofollow – указание не переходить и не учитывать текущую ссылку при индексации;
noreferrer – требование отмены пересылки в заголовке Referer для пользовательского браузера;
prev – указание на предыдущую часть разделенного документа;
search – ссылка на сервис, который можно использовать для поиска информации внутри текущей страницы;
tag – метка указания принадлежности тега к открытому документу.
Теперь вы знаете, что такое атрибут rel в HTML, для чего он используется и какие значения может иметь. Умение пользоваться этим атрибутом – это важный навык для любого специалиста, который занимается поисковым продвижением сайтов.
Что такое HTML атрибут «rel=»?
Атрибуцию rel можно назвать некоторой аналогией семантической микроразметки Schema, описывающей свойства указанного контента на веб-страницах.
В нашем случае атрибут rel часто используется в значении nofollow, указывающим поисковым роботам-индексаторам, что ссылочный вес и параметры PageRank, тИЦ между связанными документами не передаются и не должны учитываться в процессе ранжирования веб-страниц и сайтов.
Иначе, атрибут rel может подсказывать поисковым роботам, что цитируемый документ является версией для печати, либо переводом на другой язык, либо стандартным оформлением для RSS-подписки.
HTML-атрибуция rel, с одной стороны, является частью on-page SEO (внутренней оптимизации), а в расширенном смысле предназначена для улучшения взаимоотношений веб-страницы со всеми сторонними ресурсами – социальными сетями, онлайн-инструментами и сервисами.
То есть, сторонняя система, вместо того, чтобы тратить время на попытки понять смысл гиперссылочной взаимосвязи, получает точное описание и указание – что как и почему.
Такое уточнение позволяет избежать ошибок и возможных негативных последствий.
Например, определенного типа бэклинки могут быть рассмотрены поисковыми системами как seo-ссылки (серая оптимизация), переназначенные для искусственной накрутки «пузомерок», что приведет к ухудшению ранжирования сайта в поисковой выдаче.
В этой ситуации rel=“nofollow” говорит поисковой системе, что данная гиперссылка имеет служебные задачи и не является пользовательским цитированием контента (так называемым «расшариванием»), которое считается важным фактором поискового ранжирования.
Что касается веб-браузеров, то атрибут для них не предназначен, а потому большинство современных интернет-обозревателей его никак не воспринимают и на него не реагируют.
Синтаксис атрибуции rel может быть в следующих форматах:
Ниже приведены некоторые часто применяемые значения атрибута rel.
rel=nofollow
Запрет на передачу PageRank по ссылке, указание для поискового робота. Ссылка индексируется, но не будет учтена при ранжировании сайта.
rel=canonical
Указывает поисковому роботу на одну значимую страницу из серии дублей, которая должна быть проиндексирована для участия в поиске. Размешается в части Head кода HTML.
rel=alternate
Направление к адресу страницы, выполненному в ином формате. Это может быть форматирование для распечатки на принтере (документ PDF).
Параметр rel-атрибута hreflang указывает на иноязычную версию веб-страницы.
rel=author
Указание на страницу со сведениями о создателе, разработчике контента, проекта.
rel=bookmark
Указание на фиксированный, неизменный адрес файла.
rel=help
Адресация в помощи, разъяснениям, справке. Например, относительно комментариев. Такой атрибут частично обрабатывается браузером, который ищет родительский контейнер, содержащий ссылку.
Здесь ссылка указывает на дополнительные сведения о контенте, сохраненном в отдельном файле комментария.
rel=license
Указание на лицензирующие документы относительно содержимого веб-страницы. Ссылка размещается внутри основного содержания документа в теге main и указанная лицензия относится только у контенту внутри этого раздела.
rel=dns-prefetch, prefetch, preload preconnect
Указание на дополнительную важную информацию, которая с большой степенью вероятности может заинтересовать читателя. Браузер может предварительно сохранять эти сведения в кэш для ускорения доступа.
rel=search
Атрибут обозначает ссылку на форму поиска по сайту.
rel=tag
Указание на признаки, ключевики либо субразделы ресурса.
rel=first, last, prev, next, up
Это пример модуля для последовательной навигации по страницам сайта. Параметр next указвает переход на последующую страницу, prev – на предшествующую.
rel=external
Атрибут открытия ссылки в другом окне браузера. Часто применяется совместно с атрибутом nofollow. На платформе WordPress задействуется в комментариях.
rel=icon
Атрибут помогает привязать и адаптировать фавикон проекта к его контенту, реализуется посредством тега link.
Свойства данного атрибута допускают фиксацию размеров фавикона за счет применения параметра size.
Грамотное применение описанного атрибута помогает сделать ссылочные связи веб-ресурса осмысленными и определенными, за счет чего повышается качество пользовательского опыта и улучшаются маркетинговые шансы интернет-проекта.
Расширенный список значений атрибута rel можно посмотреть в HTML-справочнике.
Что такое «rel=»?
В HTML атрибут rel (от англ. «relationship» ‒ «отношение, взаимосвязь») определяет взаимосвязь между текущим и связанным с ним ссылкой документом.
Когда ссылка ведет нас к ресурсу, атрибут rel объясняет, почему ссылка ведет к этому адресу. Ссылаться можно, например, на файл стилей, который нужно задействовать с документом. Или на страницу, которая наполнена тем же содержанием, что и исходный документ, но отображается в стандартном формате для подписки на RSS-новости. Также адрес может быть языковым переводом или PDF-версией. Ссылочные отношения применяются также, если ссылка ведет на предыдущие или последующие страницы электронной книги.
Большинство современных браузеров не реагируют на значения этого атрибута, но им руководствуются поисковые роботы при индексировании страниц сайтов. Веб-службы, вроде социальных сетей или инструментов языкового перевода также лучше поймут ваш сайт, если на нем определены типы ссылок. Может применяться как к ссылке с тегом с таким синтаксисом:
Сейчас чаще всего используют значение «nofollow», которое запрещает поисковой системе переходить по конкретной ссылке, то есть, не передает им тИЦ и PR, и «canonical», которая определяет предпочитаемый адрес для индексации поисковыми системами. Но использование атрибута rel не ограничивается только значениями «nofollow» и «canonical»:
rel=nofollow
Значение предназначено для поисковых систем: указывает им, что ссылка не передает свой вес той странице, на которую ссылается. Пример:
rel=canonical
Указывает на предпочитаемый адрес, который будет участвовать в поиске. Используется в теге в хэдере:
Подробнее об использовании rel=canonical в нашей статье о комплексном аудите сайта.
rel=alternate
Указывает на то, что по этой ссылкой располагается альтернативный вид отображения страницы. Например, это может быть PDF-версия, или версия для печати:
Также у этого типа можно задать hreflang, который указывает на то, что по этой ссылке находится страница другой языковой версии:
rel=author
Сообщает, что за ссылкой находится информация об авторе сайта или страницы:
rel=bookmark
Говорит, что ссылка является постоянной и адрес этой страницы не меняется никогда:
rel=help
Такая ссылка ведет к контенту справочного характера. Браузер сопоставляет эту справочную информацию с родительским контейнером, в котором была размещена эта ссылка.
В этом примере ссылка ведет на справочную информацию о контенте, который расположен в родительском элементе ссылки, а именно в форме комментария.
rel=license
Используется, когда ссылка ведет на лицензионное соглашение основного контента страницы. Ссылка должна быть размещена в пределах тега main сайта. Лицензионное соглашение относится только к тому контенту, которое размещено в пределах этой секции. Оно не будет относится к тому, что находится, например, в футере:
rel=dns-prefetch, preconnect, prefetch, preload
Используйте ссылки этого типа, когда ссылаетесь на внешние ресурсы, которые пользователь откроет с большой вероятностью. Браузер кэширует заранее эту ссылку и она откроется быстрее:
О тонкостях использования этих значений — в статье на Хабре.
rel=search
Этот тип сообщает, что ссылка ведет на интерфейс поиска:
rel=tag
Ссылка этого типа ведет дает определения ключевого слова или категории сайта:
rel=first, next, up, last, prev
Эти значения используется в постраничной навигации. Например, ссылка на следующую страницу имеет значение next, а на предыдущую – prev:
rel=external
Означает, что ссылка будет открыта в новом окне. А сама ссылка будет индексироваться, передавать вес. В WordPress этот атрибут весьма широко применяется в комментариях. Может использоваться совместно с nofollow, чтобы ссылка не передавала вес:
rel=icon
Используется для ассоциации иконки сайта с его содержимым. Указывается в теге :
Большинство браузеров не конфликтуют с этим атрибутом, привязывая иконку сайта к его страницам. Также есть возможность определять размер изображения иконки при помощи size:
Это далеко не все возможные значения атрибута rel, подробнее читайте в справочнике HTML.
Не пренебрегайте использованием атрибута rel, он позволяет легко добавить в ваши ссылки больше семантического смысла и создать связи между страницами сайта, которые затем будут обработаны поисковыми роботами, агрегаторами и браузерами.
Атрибут «rel=»: что он собой представляет и для чего нужен
Атрибут «rel=» активно используется разработчиками сайтов для взаимодействия с поисковыми системами. Он включает в себя несколько значений, например nofollow или canonical. Каждый из них предназначен для решения определенных задач.
В сегодняшней статье я подробно разберу атрибут «rel=» и покажу на примерах, в каких случаях его лучше всего использовать.
Атрибут «rel=»: определение и предназначение
Rel (от англ. «relationship» – отношение) – это атрибут HTML, описывающий ссылку. Он обозначает, что это за ссылка и на какой адрес она ведет. Работает это следующим образом: когда ссылка направляет пользователя на адрес, атрибут рассказывает поисковым системам, почему ссылка ведет на этот адрес. Например, ссылаться можно на файл стилей, который взаимодействует со страницей.
Еще ссылка может вести на PDF или иноязычную версию документа. Ссылка, как взаимосвязь между текущим и иным документом, часто используется в электронных книгах для переадресации на следующую или предыдущую страницу.
Современные браузеры чаще всего не обращают внимание на атрибут rel, но вот поисковые системы, напротив, уделяют этому пристальное внимание. Кроме того, социальные сети будут лучше взаимодействовать с веб-ресурсом, если его ссылки будут определены.
Атрибут rel может использовать вместе с тегом :
Значения атрибута «rel=»
Если мы говорим об атрибуте rel, то чаще всего под ним подразумевается использование значения «nofollow», но есть и другие не менее важные значения.
rel=nofollow
Используется, когда нужно, чтобы страница, на которую ссылается пользователь, не увеличила свой ссылочный вес благодаря этой ссылке. Другими словами, по этой ссылке не передается индекс цитирования, используемый Яндексом, и PageRank, используемый Google.
Использование такого значения оправдано на сайтах с формами для комментариев: пользователи могут оставлять ссылки на некачественные ресурсы, а из-за этого сайт рискует потерять доверие поисковых систем.
rel=alternate
Используется для указания того, что ссылка ведет на альтернативное изображение страницы:
Также есть еще одна вариация:
Она помогает поисковой системе понять геопринадлежность страницы, чтобы предоставить пользователю нужную языковую версию в результатах поиска. С ее помощью мы показываем поисковым роботам, что на сайте один и тот же контент доступен на разных языках. Благодаря этому поисковики могут автоматически показывать корректную языковую версию на основе географических и языковых данных.
rel=canonical
Указывает на предпочитаемый адрес, который будет участвовать в поиске. Используется в теге :
rel=author
Указывает на то, что приведенная ссылка относится к информации об авторе данной страницы или статьи.
rel=bookmark
Обозначает, что эта ссылка является якорем и ведет на какую-то часть в этом же документе. Также она говорит поисковым системам, что эта ссылка постоянная.
rel=help
Такое значение используется для обозначения справочников. Браузер сопоставляет эту справочную информацию с родительским контейнером, в котором была размещена эта ссылка.
Например, в форме на сайте это прописывается через тег :
rel=license
Указывает на то, что по ссылке размещено лицензионное соглашение, которое относится к основному тексту страницы.
rel=dns-prefetch, preconnect, prefetch, preload
Ссылки с такими значениями пригодятся в тех случаях, когда нужно сослаться на внешние ресурсы, которые пользователь откроет с большой вероятностью. Браузер кэширует эту ссылку заранее, поэтому она открывается быстрее:
rel=tag
Определяет категорию сайта или ключевой запрос:
rel=search
Этот тип сообщает, что ссылка ведет на интерфейс поиска:
rel=icon
Необходим для того, чтобы связать содержимое сайта с иконкой:
rel=external
Означает, что ссылка ведет на другой сайт, будет индексироваться и передавать вес. В WordPress этот атрибут часто используется в комментариях. Может функционировать совместно с nofollow, чтобы ссылка не передавала вес:
rel=first, up, prev, next, last
Такие значения необходимо прописывать для тех ссылок, которые используются для навигации по странице. Они ведут в начало, конец, на предыдущую или последующую страницу:
Заключение
Атрибут rel позволяет улучшить связь между страницами и сделать их более привлекательными для поисковых роботов. В результате это может заметно сказаться на посещаемости ресурса. Не бойтесь использовать данный атрибут – он может существенно улучшить показатели вашего сайта.