Как правильно использовать атрибут - секреты SEO. Что такое атрибут nofollow? Rel=nofollow и Яндекс

Рад приветствовать Вас на блоге сайт! В сегодняшней статье мы начнем говорить о языке гипертекстовой разметки html . Данная публикация будет первой в своем роде (и далеко не последней), так как прежде я ничего подобного не писал.

План поста:

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

Вообще, стоит отметить, что теги ссылок просто необходимы в работе оптимизаторов, потому что их хлеб, это как раз поисковая оптимизация и , и естественно без ссылок гуру в области SEO скорее всего не обходятся, что уж говорить про обычных блоггеров:).

Пожалуй, html тег ссылки A является одним из моих самых используемых, на ряду, с тегом img, который необходим для вывода изображений в тексте. В среднем, в каждой публикуемой мной статье, проставляется примерно пять ссылок, как на внутренние страницы, так и на внешние.

Не стоит забывать о том, что теги для сайта html используются не только при написании постов. Также, они будут нужны при изменении кода установленного Вами шаблона на CMS WordPress или любой другой системы управления сайтом.

Поэтому, нужно изучить хотя бы самые основные html теги , чтобы в дальнейшем не иметь проблем при работе со ссылками. К примеру, если Вы пользуетесь «Визуальным редактором», когда пишите свои статьи, то это не очень хорошо, потому как, если данный редактор не будет работать, Вы даже не будете знать элементарного кода, чтобы проставить ссылку.

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

Также существует еще очень много нюансов, которые облегчат Вам работу, и о которых, Вы прочитаете ниже в моей статье – это и rel=” nofollow” , и target=“_ blank” , и много еще чего интересного связанного со ссылками.

Тег ссылки А – создаем гиперссылку в html документе с анкором и без него

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

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

Анкор html тега ссылки А весомый фактор, который учитывают поисковые роботы, поэтому на него нужно обратить особое внимание. Я рекомендую использовать в анкоре ключевые слова, по которым Вы хотите, чтобы Ваша статья попала на первые позиции в выдаче.

Разобравшись немного с теорией гиперссылок в html документе, можно приступить и к наглядным примерам. Вот такой код будет иметь ссылка:

Здесь должен быть текст Вашей гиперссылки, то есть анкор

Как видите, ссылка начинается с открывающейся скобки «<», затем идет html тег A, после него должен быть обязательный атрибут href и знак равенства. Далее, следуют две скобки следующего типа – «”», между ними нужно указать URL адрес ссылающегося ресурса, при использовании «http://». Затем, нужно указать анкор ссылки и в конце концов закрыть тег ссылки А при помощи «».

Также, я советую Вам использовать безанкорные ссылки, так как, если на Ваш ресурс будут вести только гиперссылки с анкором это может вызвать вопросы у поисковых систем и привести к плохим последствиям. Наверняка, Вы слышали о нашумевшем алгоритме Google, который имеет устрашающее название Пингвин:).

Открытие ссылки в новом окне. Атрибут target _blank

Что же, с html тегом А разобрались, но это еще не все. Существует еще множество атрибутов, которые будут полезны Вам при работе со ссылками. Один из них – атрибут target _blank .

Нужен он для того, чтобы вставленная Вами в html документ ссылка открывалась в новом окне интернет-браузера. Это очень полезно, когда Вы пишите одну объемную статью и ссылаетесь на свои прошлые публикации. Таким образом, читаемая страница пользователем остается открытой, а ссылки открываются уже на других вкладках в браузере.

Target blank в html используют очень часто так, как это помогает, в плане поведения посетителей на Вашем сайте, то есть влияет на его поведенческие факторы. Поэтому, если Вы до сих пор не используете атрибут target с параметром _blank, рекомендую очень внимательно прочитать данный раздел.

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

Атрибут rel nofollow и тег noindex. Закрываем ссылку от индексации

Приступим к работе с атрибутом ссылок rel в html документе. Данный атрибут с параметром nofollow служит для того, чтобы не передавать вес Вашей страницы на какую-либо другую.

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

Поэтому, чтобы внутренний вес Ваших страниц не уплывал от Вас, некоторые ссылки нужно заключать атрибутом rel nofollow . Ссылки, включающие в себя, данный атрибут не будут передавать вес другим сайтам.

Естественно, атрибут rel nofollow не стоит использовать, когда Вы ссылаетесь на внутренние страницы Вашего сайта, так как грамотная внутренняя перелинковка залог успешной оптимизации ресурса и дальнейшего его развития.

Я использую вышеупомянутый атрибут только, если ссылаюсь на внешние сайты. К примеру, как Вы могли заметить, часто в конце своих статей я предлагаю постетилям стать моим читателем в твиттере (), и даю ссылку на свой аккаунт, естественно эту ссылку я заключаю в rel nofollow. Выглядит это следующим образом:

Становитесь моим фолловером

Опять таки, где будет размещен rel с параметром nofollow, перед атрибутом href или после него, не имеет значения. Также в таких ссылках не стоит прописывать ключевые слова в анкоре, так как это не имеет никакого смысла, ведь мы предварительно делаем ссылку nofollow , а значит она не передает вес.

Теперь стоит обсудить тег noindex . Он служит для того, чтобы поисковые роботы не индексировали не нужные элементы страницы. При чем, это касается не только гиперссылок, но и определенных участков текста.

Становитесь моим фолловером

Кстати, я зайдя на любой сайт сразу вижу, где гиперссылка закрыта от индексации, а где наоборот открытая. Все благодаря, отличному дополнению для браузера Opera . Также, с помощью данного плагина я могу отслеживать и другие параметры ресурсов, такие как , а также AlexaRank.

Ссылка якорь и как ее сделать. Атрибут Name

А сейчас я, возможно, для многих открою весьма занимательную вещь при работе со ссылками. Лично я узнал о ней лишь после того, как более полугода пользовался WordPress. Так вот, сейчас речь пойдет о якоре ссылок .

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

Сначала, нужно в статье, на которую Вы хотите сослаться выбрать участок текста, до которого будет прокручиваться страница в интернет браузере. То есть, если Вы даете ссылку, допустим о настройке (не является примером якоря), то и атрибут name должен размещаться в необходимом участке публикации.

Как видите, атрибут name не имеет анкора, так как якорь состоит из открывающегося и закрывающегося тега A. Параметр атрибута Вы должны задать сами, указывается он после знака равенства и скобок, как показано выше на примере.

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

Анкор

После этого читатели Вашего сайта смогут, переходя по таким ссылкам, добираться сразу до определенного участка на странице.

Что же, на этом у меня все, если возникли какие-либо вопросы, задавайте их в комментариях. Отмечу, что эта не последняя статья по html, в обозримом будущем будут еще публикации на эту тему.

Видео-эпилог: художник очень быстро рисует картины на стекле

В ней освещается использование атрибутов rel и rev, а также некоторые микроформаты.

Часть HTML-тегов и атрибуты мы используем каждый день в свой работе. Заголовки, параграфы, списки и картинки являются основой разметки каждого веб-разработчика. Но наиболее распространенным элементом, наверное, будет ссылка — простой тег, который связывает воедино все страницы, создавая ту самую беспорядочную структуру, которую мы называем Всемирная Сеть Интернет (WWW).

Ссылка как она есть

Весь потенциал ссылок заключается в атрибуте href , сокращение от hypertext reference . Он создает одностороннюю связь текущей страницы с другим ресурсом, обычно другой такой же страницей в интернете:

Атрибут href находится в открывающем теге a , между открывающим и закрывающим тегами находится текст для описания ссылки:

Drew McLellan

«Ну и что», — скажите вы. — «Это я все и так знаю», — и будете абсолютно правы! Но у ссылки есть еще кое-что, кроме атрибута href .

Теория относительности (rel ativity)

Может быть, вы уже читали про атрибут rel у ссылки. Я готов поспорить, что в секции head ваших страниц будет располагаться что-нибудь типа этого:

Атрибут rel описывает связь между текущим документом и тем, на который он указывает. В этом случае, значением атрибута rel является stylesheet . Это означает, что связанный документ является таблицей стилей для текущего: между ними именно такая связь.

Еще одно распространенное употребление rel:

В данном случае связь между текущим документом и связанным — RSS-лентой — указана как alternate: альтернативное преставление текущего документа.

Оба этих примера используют тег link , но вы можете использовать атрибут rel и у обычных ссылок. Например, мы ссылаетесь на вашу RSS-ленту из секции:

Подпишитесь на мою RSS-ленту.

Вы можете добавить дополнительную информацию к этой ссылке, используя атрибут rel:

Подпишитесь на мою RSS-ленту.

Не существует определенного списка значений для атрибута rel , поэтому вы можете использовать все, что посчитаете семантически разумным. Например, если у вас сложное коммерческое веб-приложение, в котором присутствует ссылка на подсказку, то вы можете определить связь между текущей страницей и этой подсказкой, используя значение help:

нужна подсказка?

Элементарные микроформаты

Хотя вы абсолютно свободны в использовании значений атрибута rel , существует уже некоторые общепринятые значения при использовании микроформатов . Некоторые из простейших микроформатов предлагают варианты грамотного использования rel . Например, если вы ссылаетесь на лицензию, под которой опубликован данный документ, используйте микроформат rel-license :

Распространяется под лицензией Creative Commons

Эта конструкция описывает, что текущая страница ссылается на документ, помеченный как «лицензия».

Микроформат rel-tag идет немного дальше. Он используется для указания на то, что последняя часть URL"а у ссылки является «меткой» для текущего документа:

Прочитайте про семантическую верстку

В данном случае для этого документа добавлена метка «Microformats».

XFN (XHTML Friends Network) является способом описания отношений между людьми:

Drew McLellan

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

Drew McLellan

Таким образом я указываю, что Drew мой друг, я с ним встречался, и он мой коллега (ведь мы оба фанатеем от интернета (Web monkies )).

«Мы — хотим перемен» (rev olution)

Если rel описывает связь между текущей страницей и той, на которую она ссылается, (прим.: текущая страница -> другая страница ) то rev используется для обратной зависимости: он определяет вид связи страницы, на которую ссылаются, с текущей (прим.: текущая страница <- другая страница ). Ниже приведен пример, который может быть использован в help.html:

вернуться в магазин

Атрибут rev указывает, что текущая страница является страницей помощи, подсказкой для той, на которую она ссылается.

Микроформат vote-links позволяет вам использовать атрибут rev для уточнения ваших ссылок. Например, определяя значение vote-for , вы можете указать, что ваш документ поддерживает тот, на который ссылается:

Я согласен с Richard Dawkins.

Есть и соответствующее значение vote-against . Оно означает, что хоть вы и ссылаетесь на этот документ, но вы явно указываете, что с ним не согласны.

Я согласен с Richard Dawkins
по поводу креационистов.

Естественно, ничего не мешает использовать в одной ссылке и rel , и rev:

Richard Dawkins

Разумность большинства

За легкостью использования rel и rev скрывается богатый потенциал. Они позволяет относительно легко добавить в ваши ссылки больше семантического смысла, что создает связи, которые затем могут быть обработы поисковыми роботами, агрегаторами или браузерами. Пусть вашим следующим шагом станет тесное знакомство с этими атрибутами и расширение возможностей ссылок.

В данной заметке напишу о таком «популярном» атрибуте ссылок (тегов .. ), как rel=nofollow . Кратко я упомянул о нём в статье « «.

Вообще, на самом деле атрибутом является rel , а nofollow — это лишь одно из его значений. Также как, например, author и другие. Но так уж повелось, что просто говорят «атрибут nofollow» и всё.

С английского «no follow» буквально переводится как «не следовать» . Фактически, это указание поисковым роботам (появилось в 2005 году) не следовать (т.е. не переходить) по адресу, указанному после href= в HTML-теге ссылки. Например, сайт Яндекса — указание роботу не заходить на сайт Яндекса.

Смысл атрибута rel=nofollow

Смысл здесь простой: показать поисковикам, что сайт, на который вы ставите ссылку, не пользуется вашим доверием . Звучит несколько абстрактно, но суть в том, что если ресурс, на который вы ссылаетесь, не так хорош, как ваш, то вашему ресурсу от этого плохо .

«Плохо» — это означает то, что вам будет не очень просто и весело.

Кроме того, это один из способов защиты . Ведь ссылка с проставленным атрибутом nofollow не передает ссылочный вес и не влияет . Поэтому-то на всех биржах по продаже ссылок (как вечных, так и с месячной оплатой) покупаются ссылки без этого атрибута. И поэтому же можно приписывать ноуфолоу к — для манипуляций с ссылочным весом.

Например, всем известная Wikipedia в своё время позволяла оставлять авторам прямые ссылки (не закрытые от индексации) на любой сайт. Т.к. у Википедии , то её начали спамить — для наращивания ссылочной массы — и качество статей на ней ухудшилось. Вот и пришлось закрыть ссылки, добавив к ним атрибуты rel nofollow.

Точно ли поисковые роботы не переходят по ссылкам с nofollow?

В сети можно встретить разговоры о том, что на самом деле роботы поисковиков «бегают» по таким ссылкам . На самом деле если и бегают, то плохого от этого ничего нет — ведь для них есть указание не воспринимать подобные ссылки. Так что можно не беспокоиться и не придумывать редиректы и т.п для всех . Лучше посмотреть видео из первоисточника.

Как Google относится к сайтам, где все внешние ссылки закрыты атрибутом nofollow:

В общем, нормально относится и вес по ссылкам не передаётся, влияния на ранжирование они не оказывают.

Nofollow в Яндекс

Yandex стал учитывать этот атрибут относительно недавно и раньше вебмастерам, при закрытии ссылок, приходилось принимать во внимание как «предпочтения» Гугла, так и Яндекса. Но теперь можно закрывать ссылки универсальным способом — через rel=nofollow.

Вообще, все актуальные на данный момент поисковые системы — Google, Яндекс, Bing.com ну и Mail.ru — правильно воспринимают атрибут nofollow и можно не «подстраиваться» под каждую из них в отдельности.

Стоит отметить, что в последнее время идёт некая стандартизация поисковых механизмов. Конечно, в «глубине души» поисковики очень разные, и выдачи могут совсем уж сильно различаться. Но это как у автомобилей — и BMW и Toyota ездят на бензине, например, стандартной марки АИ-95, а не каждый на своём собственном .

Термин rel в переводе с английского обозначает взаимосвязь. В HTML он его суть заключается в том, чтобы давать информацию, насколько текущий документ связан с тем, на который он содержит ссылку.

Когда определенная ссылка переводит нас на другой ресурс, атрибут rel используется для объяснения логики – почему именно на этот адрес. Ссылаться можно на страницу, содержание которой взаимосвязано с текущим документом, или на файл, который нужно использовать с этим документом. Еще ссылка может быть PDF или иноязычной версией документа. Ссылка, как взаимосвязь между текущим и иным документом используется часто в электронных книгах для переадресации на следующую (предыдущую) страницу.

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

...

Также возможно использование , который отвечает за связь с другим документом. В этой ситуации синтаксис будет таким:

Сегодня активно используют «nofollow». Это значение создает запрет на переход поисковой системы по определенной ссылке. Другими словами не передает им PR и тИЦ. Также используют и другие значения, такие как «canonical». Оно определяет, какой адрес является предпочтительным для поисковых машин. Использование rel может применяться более широко: