Скрываем ссылки от поисковых систем с использованием jQuery

hidden-link-mini

В статье “Закрываем внешние ссылки от индексации”  я рассказал о способах закрытия исходящих ссылок с помощью атрибутов rel=”nofolow” и <noindex>. Благодаря этому приёму поисковый бот не переходит на сайт-получатель, а продолжает индексировать ваш ресурс. Кроме того, сайтам-получателям не переходит статический “вес” (PR и ТИЦ) ваших страниц.

Самое грустное в сложившейся ситуации то, что “пузомерки” вашего сайта всё-равно “улетучиваются”, но в этом случае – в пустоту, равномерно распределяясь между внутренними и внешними ссылками установленными на странице. Перед вебмастером ставится задача:  сделать исходящие ссылки невидимыми для поисковых систем, а поможет в этом подключение к вашему сайту библиотеки jQuery.hidden-link-300x243

Подключение jQuery к сайту.

jQuery  — является библиотекой JavaScript, которая взаимодействует с HTML , CSS и Ajax, позволяя обращение к серверу без видимой перезагрузки страницы. Любые задачи (визуальные эффекты), для выполнения которых нужны код или функция – с применением jQuery можно решить одной строкой.

jQuery используют  Яндекс и Google, и подключить её к сайту можно с их серверов.

Для подключения  jQuery с сервера Яндекс, скопируйте эту строку:

<script type="text/javascript" src="http://yandex.st/jquery/1.6.0/jquery.min.js"></script>

или эту для подключения к серверу Google

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

Откройте для редактирования файл Header.php шаблона сайта с помощью FTP или в панели администратора сайта и вставьте скопированную строку до закрывающего тега </head>.

Библиотека jQuery к вашему сайту подключена, переходим к следующему шагу.

Прячем ссылку от индексации  с применением Ajax.

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

Читать также:  Я написал статью, что делать дальше?

Данный способ полностью исключает применение стандартной структуры ссылки <ahref=“http://dialogomoney.ru“></a> — благодаря чему, любая ссылка ведущая на внешний ресурс распознаётся поисковыми системами, как простой текст.

Скопируйте и сохраните в текстовом документе код, в который надо вставить ссылку

<span class="external-reference" data-link="http://sitename.ru">анкор</span>

Как вы поняли, в представленном коде необходимо изменить URL и вставить анкор. Когда в качестве анкора вставляется простой URL – для Яндекса данный код надо закрыть тегом noindex.

<!--noindex--><span class="external-reference" data-link="http://sitename.ru">анкор</span><!--/noindex-->

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

Чтобы ссылка имела естественный вид, скопируйте следующий код

span.external-reference {
 color: #5355FA; 
 text-decoration: underline; 
 cursor: pointer; 
}

Этот код  отредактируйте по своему желанию или в соответствии с дизайном вашего сайта:

  • Color  — настраиваете цвет ссылки.  Для выбора HTML-кода цвета воспользуйтесь программой “HTML Colors2000″.
  • Text-decoration – оформление текста ссылки. В коде установлено подчёркивание, можете установить “none”.
  • Cursors – изменение курсора при наведении.

Вставьте этот код в  файл Style.css, шаблона вашего сайта.

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

Представленный ниже код необходимо вставить в файл 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>

Довольно часто возникает необходимость вставить исходящую ссылку в публикуемое изображение. Учитывая тему  статьи понимаем, что такую ссылку также необходимо скрыть от поисковых систем используя jQuery и Ajax.

Применяем такой же код, как и в первом случае, но вместо анкора добавляется изображение. Скопируйте представленный код

<span class="external-reference" data-link="http://sitename.ru"><img title="название изображения" alt="alt для изображения" src="URL изображения" width="шир" height="выс" /></span>

Вот пример такого изображения

programmer2Вебмастерам с небольшим опытом считаю долгом напомнить, что представленные выше коды необходимо вставлять в режиме “Текст”, в редакторе записей или страниц, в панели администратора сайта.

Читать также:  Поисковое продвижение и оптимизация сайта

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

P.S.

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

На этом всё. Желаю удачи.

Закладка постоянная ссылка.

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

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