Как скрыть исходящую ссылку от поисковой системы?

Миниатюра

 

Я предлагаю вам простой и надежный способ спрятать вашу внешнюю ссылку от поискового робота! Работающий лично у меня на блоге скрипт позволяет легко это сделать.

Добрый день, уважаемые читатели нашего блога!

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

Мне очень помогла статья уважаемого блогера Владимира Савельева, «Надежный способ скрыть ссылку от Поисковых систем». Почитать вы ее можете на блога автора тут.

Наткнулся я на нее, смотря результаты конкурса «Лучший блог 2014 года по мнению Александра Борисова». Блог Владимира Савельева понравился мне сразу и многим. Не буду вдаваться в подробности, скажу лишь что глубоко уважаю его качественный и интересный блог.

Для чего может понадобиться скрыть ссылку на вашем сайте? Вы никогда не задумывались об этом?

Если в ваших статьях есть ссылки на другие сайты, то поисковые роботы (специальные программы которые в автоматическом режиме стартуют на поисковых серверах компаний Google, Яндекс, Yahoo и т.п. и индексируют содержимое сайтов, чтобы выдавать страницы в поиске) эти ссылки индексируют и учитывают с своем рейтинге.

Что происходит с рейтингом сайта?

Рейтинг сайта в поисковой системе повышается за:

  1. Качество статьи.
  2. Большое Количество посетителей каждой статьи.
  3. Большое количество времени читатель проводит за просмотром статьи.
  4. Количество и качество ссылок, указывающих на статью.

Для каждой статьи и страницы ведется отдельный рейтинг. Суммарный рейтинг сайта складывается из рейтинга каждой статьи.

За что понижается рейтинг сайта? Рассмотрим рейтинг отдельной статьи:

  1. За низкое качество статьи, большое количество ключевых слов, мало смысла, или смысл не понятен. (такой способ написания статей называют черным SEO)
  2. Низкое количество посетителей.
  3. Посетитель не читает статью, а сразу ее закрывает
  4. Количество внешних ссылок в статье зашкаливает. Это признак черной SEO-статьи. Такую статью скоро исключат из поиска.

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

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

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

Многие новички, зная о таком положении вещей, внешнюю ссылку делают в виде http://braincolor.ru

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

Всем известен обычный в таких случаях простой рецепт, который предлагают новичкам на тысячах блогах, посвященных SEO.

А именно, вручную заменять код ссылки в тексте статьи на такой:

<!--noindex--><a href="http://savme.ru" rel="nofollow">Типо, скрыл ссылку ;)</a></--noindex-->

Я точно знаю, что такой способ не работает против некоторых поисковых систем, так как алгоритмы постоянно изменяют и политика поисковых систем так-же видоизменяется.

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

Таким образом, одна поисковая система учитывает теги <!--noindex-->, другая - rel="nofollow". А третья — ей пофиг на все теги, она все равно будет индексировать все ссылки!

Таким образом, чтобы защититься от произвола монстров поискового бизнеса, веб-мастера стали искать способы, чтобы «спрятать» ссылку.

Самый простой — скачать плагин для WordPress, коих развелось тьма-тьмущая. Эти плагины якобы возьмут всю работу по скрытию ссылок на себя.

Я лично не доверяю таким плагинам, так как отладить и изменить их код я не в силах из-за недостатка знаний. В некоторых используются непонятные Ajax и java программные скрипты, мало того, не удобо-читаемые.

Кроме того, я люблю в своих статьях вставлять большое количество таблиц с картинками и ссылками. Многие плагины (я лично это проверял!) НЕ ПОНИМАЮТ ТАБЛИЦ и не обрабатывают их!

Вам надо такое? А вдруг вы вставите ссылку в такой место Html-кода, который скрипт не сможет обработать?

Я лично за короткие и понятные скрипты. Скрипт должен быть коротким, понятным и работающим в ЛЮБОМ СЛУЧАЕ!

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

Итак, начнем!
Для правильной работы скрипта требуется подключить библиотеку jQuery. Это свободно-рапространяемая библиотека, доступная круглосуточно для подключения к любой странице. Код осуществляет подключение напрямую через сервер Google.

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

Если сервер Google упадет, придется скачать библиотеку и раздавать ее со своего сайта.

<script type='text/javascript' src='//braincolor.ru/javasript/jquery.min.js'></script>

Теперь, заходим в меню WordPress — внешний вид — Редактор, ищем footer.php или другой файл вашей темы, где присутствует тег </body>. Если нашли его, вставляйте код скрипта перед тегом:
<script type="text/javascript">
jQuery (document).ready (function ($) {
$('.mylink').replaceWith (function (){
return '<a href="' + $(this).attr ('rel')
+ '" title="' + $(this).attr ('title')
+ '">' + $(this).html () + '</a>';
});
});
</script>
Если ваш блог работает на Html 5 (мой блог как раз такой!) то вставляем следующий код:
<script type="text/javascript">
jQuery (document).ready (function ($) {
$('.mylink').replaceWith (function (){
return '<a href="' + $(this).attr ('data-url')
+ '" title="' + $(this).attr ('title')
+ '">' + $(this).html () + '</a>';
});
});
</script>
После  этого нам нужно зайти в редактор файла стилей темы  Style.php На моем сайте сложная тема и такой файл я долго искал, он был в отдельном модуле!
.mylink {
color: #0072bc; /* здесь можно указать цвет для ссылки */
text-decoration: underline; /* подчеркивание для ссылки */
cursor: pointer;
}
.mylink:hover {
color: #e20102; /* указать цвет ссылки при наведении */
}
Вот все и готово! Если вы хотите скрыть исходящую ссылку от индексирования поисковым роботом, то оформляем ссылку в коде статьи так:
<span class="mylink" rel="http://savme.ru" title="Подсказка к ссылке">текст самой ссылки</span>
Если у Вас сайт построен на HTML5 (как на моем блоге), то используем этот код:
<span class="mylink" data-url="http://savme.ru" title="Подсказка к ссылке">текст самой ссылки</span>
Хочу добавить маленькую хитрость!
В моем шаблоне WordPress не работает код в style.css, то есть ссылки не выделяются на фоне текста ни подчеркиванием, ни цветом. Как быть?
Все очень просто! Достаточно добавить выделение цветом и подчеркиванием в код скрипта! Вот код скрипта (красным выделены мои добавления):
<script type="text/javascript">
jQuery (document).ready (function ($) {
$('.mylink').replaceWith (function (){
return '<span style="text-decoration: underline;"><a href="' + $(this).attr ('data-url')
+ '" style="text-decoration: underline;" title="' + $(this).attr ('title')
+ '">' + $(this).html () + '</a></span>';
});
});
</script>
Теперь скрипт (при открытии статьи в браузере) автоматически добавляет к ссылке теги, выделяющие ссылку на фоне текста. Вот так выглядит ссылка в коде браузера:
<span style="text-decoration: underline;"><span class="mylink" title="Что такое Метрика" data-url="https://help.yandex.ru/metrika/">по заявлению Яндекса</span></span>

 

На последок прошу посмотреть небольшой комикс:
1. Как выглядят ссылки в визуальном редакторе WordPress, скрытые с помощью скрипта от поисковой системы

1. Как выглядят ссылки в визуальном редакторе WordPress, скрытые с помощью скрипта от поисковой системы

2. Как выглядят ссылки в окне браузера

2. Как выглядят ссылки в окне браузера

3. Как выглядит код закрытых от поискового робота ссылок

3. Как выглядит код закрытых от поискового робота ссылок

4. Вставляем код скрипта в код страницы

4. Вставляем код скрипта в код страницы

5. Мои добавки в код скрипта

5. Мои добавки в код скрипта

Ффух! Утомился пока писал эту статью. Хорошо поработал, правда?

В каждой статье я вставляю таблицы с картинками, получается комикс. Как вам такой стиль? Мне кажется достаточно доступно и удобно для просмотра статьи в виде комикса а также для чтения...

Всем до скорого, счастливо!

Теги: ,

>