Как закрыть ссылку от индексации – 100% способ закрытия внешних и внутренних ссылок на jQuery AJAX
Привет, друзья. Давно я вас не радовал новыми постами, тут дела, работа, стартапы, ну, вы понимаете. Зато сегодня будет более чем полезный и практический пост о том, как закрыть любую ссылку от индексации, внешнюю или внутреннюю, не важно, важно, что она не будет забирать и передавать вес.
Не я первый и не я последний, кто экспериментирует со скрытием ссылок. Много экспериментов уже было, в том числе много неуспешных. А наш успешный :) Иначе бы я и не поделился с вами результатами!
Сразу хочу выразить свою благодарность всем форумчанам, кто принимал участие в эксперименте, а особенно Паше Белоусову, вы его знаете по нику ПафНутиЙ. Паша предложил изначальный вариант, я его немного модифицировал, так или иначе, все варианты я выложу в посте, вы выберете понравившийся. Да, заходите в гости на Пашин блог и подписывайтесь на него в Тви ему будет приятно.
Итак, что нам понадобится для запрета индексации ссылок – подключенная библиотека jQuery (Паша говорит, что нужная версия 1.7+), HTML5 (но можно и без этого обойтись) и совсем базовые знания html и css. Короче, все проще простого.
Соответствующая тема на форуме и обсуждения — https://talk.alaev.info/topic/132/ История эксперимента и полезная информация — https://talk.alaev.info/topic/136/ Не стесняйтесь присоединяться на форуме, у нас там периодически возникают очень даже интересные темы.
Принцип работы метода предельно прост – при клике на определенный элемент (в нашем случае якобы ссылка) происходит открытие окна, т.е. то же самое, что и при клике на обычную ссылку. Важно указать, что закрывается от индексации только ссылка, ее анкор будет прекрасно индексироваться как обычный текст.
Способы запрета индексации ссылок
Приведу несколько вариантов, а вы выбирайте, какой вам по душе.
Все способы рабочие, принципиальной разници между ними нет никакой.
Вариант №1 — Самый первый предложенный Пашей способ на HTML5
Код ссылки на странице:
Скрипт, который будет обрабатывать ссылку и открывать ее:
В этом варианте вам не надо будет производить никаких дополнительных доработок стилей в css, наша ссылка будет выглядеть как и все остальные «нормальные» ссылки.
Вариант №2 — Альтернативный вариант от Паши без использования HTML5
Код ссылки на странице:
Скрипт, который будет обрабатывать ссылку и открывать ее:
Вариант №3 — Мой вариант без использования структуры <a href=""></a>
Код ссылки на странице:
<span data-link="http://goo.gl">внешняя ссылка</span>
Скрипт, который будет обрабатывать ссылку и открывать ее:
Мой вариант 100% не вызовет никаких подозрений у поисковика, так как даже структурно в коде нет ссылки, а просто кусок текста (он же анкор) выделен спаном <span>, что довольно часто используется при разметке документов.
Однако и отображаться такая «ссылка» будет как обычный текст на странице. Придется пошаманить с css, чтобы имитировать ссылку. Например, добавить в свой css:
UPD 13 ноября 2012
Вариант №4 — Еще один вариант скрытия ссылки (от Димы Dimox)
Код ссылки на странице (такой же как и в моем варианте):
<span data-link="http://goo.gl">внешняя ссылка</span>
Скрипт, который будет обрабатывать ссылку и открывать ее:
Отличие этого способа от моего в том, что js-скрипт меняет на странице html-код «якобы» ссылки на нормальную ссылку после полной загрузки документа. Поэтому никаких правок в css вносить не придется, а ссылка будет открываться как и обычная. Способ так же прошел проверку экспериментом — ссылка не индексируется и не видится поисковыми роботами и, соответстенно, не учитывается.
UPD 18 декабря 2012
Вариант №5 — Универсальный вариант скрытия любого контента, например, картинок
Вариант был предложен мне по почте одним из читателей, автором блога www.seorubl.ru:
Наткнулся на ваш пост, начал разбираться и столкнулся с проблемой того, что вариант предложенный Димой Dimox, не работает в том случае, если в анкоре ссылки стоит картинка. А такие варианты довольно часто встречаются: счётчики, информеры, партнёрские баннеры. Поэтому предлагаю использовать вместо метода .text () метод .html (), он будет более универсальным.
Код элемента, в данном случае ссылки, на странице, будет такой:
<span data-link="http://goo.gl">внешняя ссылка</span>
* — Чтобы закрыть картинку, в коде, указанном выше, необходимо заменить «внешняя ссылка» на код <img src="https://alaev.info/blog/post/"> .
Скрипт, который будет обрабатывать ссылку или любой другой элемент:
Как вы понимаете, отличие данного способа от всех других в том, что в скрипт можно «спрятать» не только ссылку, но и картинку со ссылкой или еще что-нибудь. Все проверено — все работает :)
NB: Тут в комментариях подсказали еще более универсальный вариант, при использовании которого на выходе получим и картинку и ссылку и тайтл к ссылке — #comment-13685.
UPD 6 декабря 2018
Вариант №6 — Новомодный Post-Redirect-Get способ
Вариант был предложен мне в комментарии пользователем DrMax, автором одноименного блога:
Алаич, привет! Долгое время (годы) отправлял на эту страницу всех жаждущих просветления в плане закрытия ссылок скриптами от индексации. Хочу предложить еще один способ, правда не скриптами, но дающий 100% гарантию, что ссылка не будет проиндексирована. Это новомодный Post-Redirect-Get способ, когда мы подсовываем посетителю вместо ссылки кнопку от формы (приведя её с помощью CSS к виду обычной ссылки) и отправляем POST запрос на сервер, получаем оттуда страницу для редиректа и выполняем GET запрос для обновления информации.
Полная техническая информация с примерами реализации вот здесь: https://drmax.su/prg-pattern-links.html.
Надеюсь это будет хорошим дополнением к этой прекрасной и нужной странице. ;)
Оставляю тут только ссылку на пост с подробным описанием Post-Redirect-Get метода, потому что процитировать его сюда не представляется возможным.
Как пользоваться и живой пример неиндексируемых ссылок
Коротко о том, как пользоваться всем этим хозяйством для закрытия внешних или внутренних ссылок. «Код ссылки на странице» — это надо вставлять в тексте, как и обычную ссылку, «Скрипт» — эту конструкцию можно добавить просто в конце текста на странице, или еще лучше сразу добавить в шапку сайта в <head> … </head>, там, где и остальные наши скрипты подключаются. Если вдруг что-то не работает, то попробуйте конструкцию со скриптом подключить в конце страницы, перед закрывающим </body>.
Теперь для наглядности вставлю все три варианта, описанных выше, чтобы вы могли их проверить, что все работает.
Вариант №3, ссылка – внешняя ссылка (ссылка выглядит как текст, т.к. я не прописывал стили)
Вариант №4, ссылка – внешняя ссылка
Протыкали и убедились, что ссылки работают? Отлично.
А что думают об этом поисковики?
Наверняка вас интересует, что же думают поисковики обо всем этом деле, разумеется, я покажу сейчас.
Во-первых, стоит сказать, что мы выбрали с ребятами подопытный сайт, без единой ссылки на него (смотрели в панели вебмастера). По данным на сегодняшний день (с момента начала эксперимента прошло уже более 20 дней) новых ссылок не появилось.
Сайты доноры, на страницах которых ставились «закрытые» ссылки, имели сквозную ссылку, то есть ссылка была на всех страницах и проиндексировалась в следующий же апдейт. Это можно было легко проверить, сделав поиск по анкору.
Я же со своего блога поставил только одну ссылку с одного из постов со своим уникальным анкором. Взглянем на результаты!
Запрос по уникальному анкору в Яндексе не дал никаких результатов, кроме моего же блога, что свидетельствует о том, что наша «ссылка» проиндексировалась:
Аналогичный запрос в Google показывает нам точно такую же картину:
Теперь о том, что бы было, если эксперимент провалился. Ожидаемо было бы увидеть «Найден по ссылке».
Вот пример для Яндекса, где я взял обычную ссылку из того же поста, где была ссылка-эксперимент и получил следующую картину:
Аналогично и для Google:
Надеюсь, это звучит и выглядит убедительно, согласны, друзья?
Теперь и вы знаете, как на 100% успешно можно закрыть ссылку от индексации довольно простым способом.
Что самое важное, этот способ отлично масштабируется на весь сайт, например, тот же DLE взять, можно в скрипте, который закрывает в leech внешние ссылки смастерить такую конструкцию, и вы избавитесь от ссылок полностью. Примеров, куда это применить, можно найти целую кучу, здесь только ваша фантазия!
Удачи в продвижении и оптимизации, друзья!
Вот уже 18 лет я профессионально занимаюсь созданием и продвижением сайтов и 13 лет с удовольствием пишу в любимый блог. Создал заслужившие доверие в seo-сообществе программы FastTrust и ComparseR и известный сервис для проверки траста сайтов CheckTrust.ru.
В 2014 основал веб-студию «АлаичЪ и Ко» в Краснодаре: 1 место в рейтинге агентств интернет-маркетинга (Рейтинг Рунета), 2 место в рейтинге SEO-компаний (CMSmagazine), 12 место в рейтинге известность бренда SEO-компаний в России (SeoNews).
Выступаю на профильных конференциях (All In Top, SEO Conference, SEMPRO, Baltic Digital Days). Веду канал в telegram про seo и бизнес. SEO-специалист года 2019 и 2020 (Sape).