Здравствуйте! Всем известно, что много открытых для индексации внешних ссылок на блоге – это не есть хорошо. В одной из статей я писал, как их можно закрыть с помощью тегов 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>
Нужно отметить то, что данный код открывает ссылку в новом окне. Если же Вам это не надо, уберите из скрипта следующий участок:
c20fe4d15af0964d809db16d1f3835ab000
Переходим, непосредственно, к скрытию самой ссылки. Стандартный вид ее имеет вид
<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 за маскировку.
Share the post "Как спрятать ссылку от индексации"
Андрей, способ действительно неплохой, уже не первый раз на него натыкаюсь, но сам не использую пока. Интересно, на сколько долго он будет актуален 😕
Еще вопрос не по теме поста, Андрей: как в твоем блоге реализован блок подписки и репоста в соц. сети, который расположен после каждой статьи? Возможно, вопрос примитивный, но почему-то никак не найду информацию на эту тему, хотя у многих вижу данный блок. Это наверно какой-то плагин?
Привет, Володь! Я и nofollow и скрипт использую для закрытия ссылок.А насчет блока репоста и подписки — все просто. Тут все без плагина. Светло голубой блок в котором они находятся, это блок div. На него даже стили CSS не надо. Подписку и скрипт соцсетей в него воткнул, потом методом проб и ошибок чето получилось. Ты просто открой код моей любой страницы, найди этот блог div и возьми себе. Тебе я разрешаю! ➡ 😉 Там и цвет можешь поменять. Думаю разберешься, а если что пиши.
Спасибо, Андрей, попробую сделать нечто подобное ➡
Спасибо за полезную информацию. Я пользуюсь плагином.
Пожалуйста, Елена! Я тоже пользовался плагином, но потом от него отказался.
Про Яндекс не скажу, а вот Google давно уже успешно анализирует AJAX. И если честно, AJAX я здесь как-то не заметил, обычный jQuery — и ничего больше.
А где обещанный AJAX? Уже был такой вопрос и нет ответа.
Аякс совсем для такой процедуры не нужен. А вопрос остается актуальным — какой скрипт лучше прячет ссылки?
почему не работает скрипт, пишет
Uncaught SyntaxError: Unexpected token return