Как спрятать ссылку от индексации


скрытие внешней ссылки jQuery AJAXЗдравствуйте! Всем известно, что много открытых для индексации внешних ссылок на блоге – это не есть хорошо. В одной из статей я писал, как их можно закрыть с помощью тегов noindex и rel=”nofollow”. Но при этом вес страницы все равно снимается.

Сайт-донор, с каждой открытой ссылкой, отдает определенную часть веса страницы сайту-акцептору (на который ссылаются). При использовании rel=”nofollow” вес не отдается сайту-акцептору, а уходит в никуда, потому что  поисковики прекрасно видят эту ссылку.

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

 jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML.

AJAX (Asynchronous JavaScript and XML) – это подход к построению пользовательских интерфейсов web-приложений, при котором страница, не перезагружаясь, выдает запрашиваемые пользователем данные.

Наглядным примером применения AJAX является карты Google Maps. Используя курсор, мы перемещаемся по карте и при этом картинка, почти мгновенно меняется, но сама web-страница не перезагружается. Тоже самое при увеличении масштаба карты.

Итак, чтобы скрыть ссылку, сначала надо подключить jQuery.

Как подключить библиотеку jQuery к сайту

Очень просто! В этом нам поможет поисковая система Google. Подключив, она, возможно, послужит Вам не раз. Функциональность библиотеки позволяет использовать  ее для широкого круга задач. jQuery включается в web-страницу как внешний JavaScript –файл. Вставлять его будем в файл header.php. Для этого переходим в редактор через админпанель сайта или через FTP-клиент и перед закрывающим тегом </head>  вставляем следующий код:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

На этом, действие по подключению jQuery закончено. Идем дальше.

Закрываем ссылку от индексации с помощью AJAX

Но для начала установим скрипт, который будет заниматься обработкой запроса. Открываем файл footer.php и в самом конце, перед закрывающим тегом </body> вставляем следующее:

<script>$('.external-reference').replaceWith (function (){return'<a onclick="return !window.open(this.href)" href="'+$(this).data ('link')+'" title="'+$(this).text ()+'">'+$(this).html ()+'</a>';})</script>

Нужно отметить то, что данный код открывает ссылку в новом окне. Если же Вам это не надо, уберите из скрипта следующий участок:

377f82cbece707f2163333af32151431000

Переходим, непосредственно, к скрытию самой ссылки. Стандартный вид ее имеет вид

<a href=»https://barbadosmaney.ru/ «> </a>. Новый вид ссылки будет выглядеть немного по другому.

Вот тот код в который нужно обернуть ссылку с использованием тега <span>:

<span class="external-reference" data-link="http://site.ru/">анкор ссылки</span>

где,

site.ru – адрес ссылки с http://

class=»external-reference» – класс оформления ссылки.

Без данного класса ссылка будет выглядеть как обычный текст не только для поисковиков, но и для посетителей. Чтобы задать ей вид, переходим в файл style.css и вставляем следующий код:

onclick="return !window.open(this.href)"

Цвет можете задать свой.

Теперь ссылку поисковик примет за обычный текст. Но есть один нюанс: если вместо анкора использовать сам URL адрес сайта, то от робота Яндекса можно спрятать тегом noindex:

<!--noindex--><span data-link="Ссылка с http">URL адрес</span><!--/noindex-->

Скрываем от индексации изображение в виде ссылки

Часто требуется скрыть ссылку в картинке. Например, в роли таковых выступают изображения RSS-каналов или социальных сетей.

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

<span class="external-reference" data-link="Ссылка с http"><img title="title для картинки" alt="alt для картинки" src="http://site.ru/kartinka.jpg" width="200" height="200" /></span>

Ну, вот и все, что хотелось написать по данной теме. Метод скрытия ссылок с помощью jQuery и AJAX мне понравился  и пока он актуален. Посмотрим, что будет дальше.

Примечание. Данный метод больше не актуален, т.к ведет к санкциям со стороны Google за маскировку.

8 комментариев

  1. Андрей, способ действительно неплохой, уже не первый раз на него натыкаюсь, но сам не использую пока. Интересно, на сколько долго он будет актуален 😕
    Еще вопрос не по теме поста, Андрей: как в твоем блоге реализован блок подписки и репоста в соц. сети, который расположен после каждой статьи? Возможно, вопрос примитивный, но почему-то никак не найду информацию на эту тему, хотя у многих вижу данный блок. Это наверно какой-то плагин? :mrgreen:

    1. Привет, Володь! Я и nofollow и скрипт использую для закрытия ссылок.А насчет блока репоста и подписки — все просто. Тут все без плагина. Светло голубой блок в котором они находятся, это блок div. На него даже стили CSS не надо. Подписку и скрипт соцсетей в него воткнул, потом методом проб и ошибок чето получилось. Ты просто открой код моей любой страницы, найди этот блог div и возьми себе. Тебе я разрешаю! ➡ 😉 Там и цвет можешь поменять. Думаю разберешься, а если что пиши.

  2. Пожалуйста, Елена! Я тоже пользовался плагином, но потом от него отказался.

  3. Про Яндекс не скажу, а вот Google давно уже успешно анализирует AJAX. И если честно, AJAX я здесь как-то не заметил, обычный jQuery — и ничего больше.

  4. А где обещанный AJAX? Уже был такой вопрос и нет ответа.
    Аякс совсем для такой процедуры не нужен. А вопрос остается актуальным — какой скрипт лучше прячет ссылки?

Оставьте ответ

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