Закрыть внешние ссылки от индексации в сайдбаре

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

Я часто размещаю баннеры о конкурсах, которые проходят на дружественных блогах. Мне присылают готовый баннер со ссылку на конкурсную страницу. Я вставляю его в виджет в сайдбаре – и готово! Конечно — бесплатно — из любви к ближнему!

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

Закрыть внешнюю ссылку от индексации в сайдбаре

У многих блогеров стоит плагин (у меня — WP-NoRef), который автоматически закрывает все внешние ссылки в постах и комментариях в тег noindex и добавляет к ним атрибут nofollow — прячет от поисковых систем. Настройка там элементарная – по сути её нет, как таковой и не надо каждый раз пыхтеть над html-кодами при написании постов, где мы ссылаемся на внешний источник.

Немного теории – не пугайтесь!

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

Для разных поисковых роботов есть разные запрещающие теги – для поискового робота Яндекса – это тег noindex – он прячет от индексации только текст (картинки и ссылки не закроет!).

Если его прописать обыкновенно:
<noindex>текст</noindex>, то многие редакторы (и wordpress тоже) посчитают этот тег не валидный. Правильно будет его прописать так:

<!-- noindex -->текст, который хотим спрятать от робота Яндекса<!--/ noindex -->

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

Для закрытия от индексации ссылок, используют атрибут nofollow (его одинаково читают роботы Гугла и Яндекса). Прописываем следующее:

<a href="http://домен" rel="nofollow">анкор (название ссылки)</a>

Немного уточню, что такое анкор — долго сама не могла понять. Для наглядности привожу пример (абсолютно условный!):
посмотреть мои контакты можете на отдельной странице. Так вот — слово «контакты» — это анкор или видимый текст ссылки. Часто в его роли используют ключевые слова.

Закрыть внешние ссылки от индексации атрибутом rel="nofollow«

Если Вы ещё не упали в обморок от этих страшных иероглифов, я Вам упрощу восприятие – просто напишу, как правильно оформить закрытую ссылку, например, на блог «Занимательная наука для детей»:

<a href=»http://naukaveselo.ru" rel="nofollow">фото-конкурс</a>

Как открыть ссылку в новом окне

Для того, чтобы при переходе по ссылке не закрывался ваш сайт, добавляем условие для ссылки — «открывать в новом окне». Это достигается новым атрибутом target="_blank" .

Наша ссылка будет выглядеть:

<a href="http://naukaveselo.ru" rel="nofollow" target="_blank" >фото-конкурс</a>

Теперь делаем ссылку не просто на блог, а на конкурсную статью, которая откроется в новом окне и будет закрыта для индексации:

<a href="http://naukaveselo.ru/foto-konkurs-vzroslyie-tozhe-umeyut-igrat.html" rel="nofollow" target="_blank" >фото-конкурс</a>.

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

<p style="text-align: center;"><a href="http://naukaveselo.ru/foto-konkurs-vzroslyie-tozhe-umeyut-igrat.html" target="_blank" rel="nofollow"><img class=" wp-image-1471 aligncenter" alt="foto_konkurs" src="http://naukaveselo.ru/wp-content/uploads/2014/08/foto_konkurs.jpg «/></a></p>

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

<!--noindex--><p style=»text-align: center;"><a href="http://naukaveselo.ru/foto-konkurs-vzroslyie-tozhe-umeyut-igrat.html"  target="_blank" rel="nofollow"><img class=" wp-image-1471 aligncenter" alt="foto_konkurs" src="http://naukaveselo.ru/wp-content/uploads/2014/08/foto_konkurs.jpg «/></a></p><!--/noindex-->

Для большей наглядности, добавляю рисунок с пошаговыми объяснениями (по пунктах — 1, 2, 3, 4).

Закрыть внешние ссылки от индексации в сайд-баре

Что нового узнали:

Если баннер сделан ссылкой, и расположен в сайдбаре, то плагин не закрывает внешние ссылки на чужие блоги в сайдбаре и придётся вручную делать следующие шаги:

1. Текстовую часть закрываем тегом noindex.
2. Внешние ссылки закрываем атрибутом nofollow.
3. Для открытия ссылки в новом окне используем атрибут target=»_blank"

Унифицировано это выглядит:

<!--noindex-->текст баннера в сайдбаре<!--/noindex-->

Надеюсь, что этот пост поможет вам правильно закрыть ссылки баннера в сайдбаре.
Есть расширение для браузера, с помощью которого я проверяю закрытые ссылки подсветкой.
Если кто-то хочет сделать себе баннер, а не знает как — рекомендую! — есть отличная статья на блоге Ирины Баталовой "Создание баннеров за пять минут".

А теперь прошу пройти в сайдбар и поиграться баннером «Фото-конкурс», посмотреть, откроется ли он в новом окне, а также пройти на конкурсную страницу и посмотреть, кто из читателей уже упал в детство — вдруг и вами шандарахнет!

Благодарность за мой каторжный труд принимаю в виде вашего нажатия на кнопочки соц. сетей. Только не оторвите!

С уважением и любовью,
Галина Нагорная, автор блога Смешная Школа Блогеров

<<<все популярные посты здесь>>>

Поделитесь с друзьями!!!

77 comments on “Закрыть внешние ссылки от индексации в сайдбаре

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

    Мне техническские моменты даются трудно, надо попыхтеть немного, а времени не хватает.

    спасибо, попробую разобраться с этими кодами.

    • Ольга, я в них вообще не разбиралась до последнего времени!

      Как-то само пришло — много читала, смотрела и пыталась понять!

      Не доходило!!! А в один прекрасный момент, я, вдруг поняла, что это — очень просто!

      Вы посмотрите на последний рисунок и сделайте аналогично... Я там всё разжевала.

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

    • Здравствуйте, Светлана!

      Если визуально всё нормально продемонстрировать, а в посте показать постепенные шаги, то — да! — просто...

      но я ещё зимой вообще не понимала разницы между тегами и атрибутами тегов... и не понимала, зачем надо их дублировать, если стоит плагин!

  3. Галина, здравствуйте! Прочитала вашу статью, написано замечательно. Только одно вызвало недоумение. В тегах пишутся комментарии. Я, конечно, не сильный знаток написания в HTMl кодах, но простенькие программы писала. Полезла для достоверности в литературу, да, там написано, что в такие теги записывают комментарии, где просто описываются действия выполняемые далее. Давайте спросим разъяснение у наших Гуру.

    • Софья, я с Вашего позволения удалила нашу переписку — она может запутать новичков. Извините. Да, в тегах пишутся и комментарии-разъяснения, но их заключают в титлы title = " Описание "

  4. У меня есть друг блогер- Надежда, она мне посоветовала поставить расширение для браузера, которое подсвечивает открытые ссылки. Очень удобно скажу я вам, сама в свое время в шоке была от того, сколько у меня открытых ссылок было... Экстренно все исправляла! Вы молодец, очень полезная статья

  5. Хороший урок, Галина! Уверен, новичку будет понятно что и как надо делать. По сути ни чего сложного, главное внимательно прочитать и вникнуть.

  6. Галина! Как же хорошо, что ты написала эту статью. Я эти ссылки все время не понимала, да что греха таить, и сейчас не понимаю. Зачем что-то от кого-то закрывать? Но вот прочла твою статью и до меня немного начало доходить. Еще законспектирую статью и попробую сделать, как ты написала.

    • Валентина, это для сайд-баров так (когда баннеры ставим), а для постов ставьте плагин WP-NoRef и можете не заморачиватся, он сам ВСЕ внешние ссылки закроит.

      Как настроить найдите через Гугл — там всё очень элементарно.

  7. Галина, я в восторге! Так еще никто не писал на эту тему (во всяком случае, мне не приходилось встречать)!

    И главное, польза в каждом предложении; воды нет, а весело!

    Спасибо!

  8. Галина!Выражаю огромную благодарность за разжевывание материала.Про закрытие ссылок начала задумываться совсем не давно, но не знала как сделать.Во многих местах такое размытое описание, а мне ведь надо пошагово.С утра прочитала статью, начала ставить у себя, что получилось или нет не знаю, почему то все равно подсветка показывает внешнюю ссылку.

  9. Ой а я тоже начала расширять свои знания уже третий день. Решила научиться создавать новые шаблоны для вордпресс. Так сложно! Но мне уже давно хотелось научиться этому ремеслу, понять что и как работает внутри. Наконец то нашла нормальные видео уроки, а то раньше начинала и сразу же бросала, потому что не могла понять, да и авторы курсов как то непонятно объясняли. Точку поставили поиски как создать красивые формы подписки. Искала долго но не могла найти. В фотошопе научилась рисовать, а как все вставить не поняла))) Так что месяца через 3-4 обращайтесь, если нужно что то подправить)))) Надеюсь у меня хватит терпения все довести до конца (я имею ввиду обучение).

    • Какая Вы молодец, Нонна!

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

      Так что желаю Вам дойти до конца обучения и стать Мастером шаблонов!

      • Галина спасибо за поддержку))) Просто я уже давно мечтала научиться этому ремеслу но не могла найти подходящие курсы: то слишком дорого, то отзывов много плохих

  10. Здравствуйте!

    Спасибо огромное за подробное пояснение!

    Воспользовалась Вашими рекомендациями, проверила dinews, Работает! Внешних ссылок =0 !

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

    • Спасибо, Анжелика!

      Там, если внимательно читать, показано, и как закрыть просто текст в самой статье — бывает, что мы даём цитату и её не надо индексировать — мы её закрываем.

  12. Галина, статья написана очень доступно! Так что, спасибо огромное за очень полезную инфу! Даже я кой-чего начала понимать :) Только вот возник к Вам вопрос, надеюсь, что просветите меня тугодума...

    Вот у меня стоят на блоге кнопки двух групп... открываются-то они новом окне... а вот от индексации их тоже закрывать нужно???? Или это касается только баннеров?

  13. Спасибо, что сделали на примере моего баннера. Но мой мозг пока не готов это переварить. Понимаю, что придется к этому еще ни один раз вернуться))

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

  15. Спасибо, что все разжевали да объяснили. Я вот уже не первый год веду свой блог, а то, что ссылки с сайдбара не закрываются плагином WP-NoRef и не подозревала. Я с кодом разобралась легко, если будет необходимость в его использовании, думаю справлюсь! Ну, и несомненно, ТВИТ за Ваш «каторжный труд»!

  16. Вроде все так просто!!)) но так муторно прописывать все эти nofollow, noindex)))

    Вы молодец, что владеете этим непростым умением))

  17. Еще раз добрый день, в банерах от Яндекса(пока приостановлены показы до подтверждения личных данных-по новым правилам) , было , переделала на < ! --noindex -- >,

    А еще, мои банеры теперь открываются в новом окне при помощи атрибута target = "_blank "

    Спасибо!

    • Молодец, Лидия! Я прямо возгордилась Вами!

      Всегда приятно, когда по твоему посту у блогера получается изменить что-то к лучшему...

      Вам спасибо за обратную связь по результатам!

  18. Спасибо, Галина, пойду у себя всё проверять.

    А насчёт конкурса Вы правильно намекнули, сейчас буду фотки подходящие искать — а то дед Виталя заявился на конкурс у Натальи, а теперь сидит, и «ни куёт ни мелет» © ;)

    • Рада видеть на блоге, Виталий!

      Да, уж — намекнула...

      Кстати, главные конкурентные темы — это Ваши и Ирины. Так что — подключайтесь по-немножку!

      А ссылки да — проверить надо...

  19. Здравствуйте!

    Всё когда-то бывает в первый раз и всему надо учиться. За то, когда научишься делать правильно (прятать ссылки), то уже пойдёт всё проще.

    Спасибо вам огромное, Галина, за вашу нескончаемую помощь!!!!

  20. Замечательная статья, ты так всё доступно и красиво объяснила, как правильно закрывать ссылки. Я на первых порах хранила образец, как закрывать ссылку, у себя в блокноте, пока не запомнила наизусть. Отдельное спасибо, за рекомендацию моей статьи по изготовлению баннеров. Мне очень приятно, за оценку от тебя!

    • Читаю и улыбаюсь: я точно также хранила образец в блокноте, Ирина!

      За рекомендацию не стоит благодарить — я часто рекомендую посты, которые качественные и могут быть полезны моим читателям.

  21. Очень всё доступно написано! Спасибо!

    Проверила ещё раз свои и благодаря вам в одном нашла ошибку. Спасибо!

    За создание баннеров тоже спасибо. Я делала в on-line. В программе, думаю, это лучший вариант.

    • Всё правильно, Андрей — я так же вставляю просто картинку, но у меня тема, как эту картинку ещё и ссылкой сделать на конкурсную страницу чужого блога.

      И мне стало интересно расписать из чего это состоит...

  22. гм...вроде писали на эту тему, много где, что закрытие ссылок в тег нофоллоу дает лишь «психологический» эффект: вес все равно со страницы уходит, но — в пустоту...

    если это так, то зачем тогда он нужен, этот нофоллоу? пусть уж уходит тогда по адресу...

  23. Галина, пост очень доступный и полезный. У меня блог другой тематики и проще когда азы технической стороны блоговедения за тебя постигает кто-то другой, а ты только пользуешься готовыми схемами))). Но жизнь такая штука, что знать и ковырять все равно нужно. Читала у Деваки, Ктонановенького, да и у Борисова тоже, что, гарантии неиндексации все равно нет. Но мы с Вами будем надеяться, что старичок «nofollow» не подведет).

    • А я читала опровержение на их статьи и объяснение такое — они известные блогеры.

      Здесь, как у артистов — приверни внимание любой ценой!

      И наводилась статья из Гугла, где чёрным по белому написано, что «nofollow» — работает...

      А как по-настоящему... фиг его знает!

  24. Могу сказать только одно.

    Замечательная и подробная статья для новичков не только о том как закрывать ссылки, но и по работе с ними.

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

  25. Труд, действительно, каторжный Галина! Я баннеры в сайд-барах делала через редактор в админ.панели — картинку скопирую, посмотрю код, подредактирую и в виджет.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>