Как закрыть исходящие ссылки: лучший способ!

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

Хм, а зачем вообще нужно прятать ссылки от поисковых систем? Ни для кого не секрет, чем меньше исходящих ссылок с вашего ресурса и наоборот, чем больше входящих качественных ссылок, тем лучше для Вашего сайта или блога!

В прошлой статье я объяснил Вам Как раскрутить свой блог. Это основа которую должен знать каждый начинающий веб-мастер.

Рекомендую прямо сейчас проанализировать Ваш сайт, на количество входящих и исходящих ссылок, с помощью онлайн сервисов, которые я использую сам!

Лучшие способы закрыть исходящие ссылки

Бывают такие моменты, когда ссылку на другой ресурс все-таки разместить нужно, но не хочется терять вес страницы, так как же быть, в такой ситуации? Выход тут один, нужно закрыть исходящие ссылки от Поисковых систем!

Способ №1 — не делать активных ссылок

Первый самый верный способ закрыть ссылку, это размещать ее обычным текстом, что-то вроде этого — https://savme.ru, но у такого способа есть и минус, это неудобство для посетителей!

Далеко не каждый скопирует ссылку в адресную строку браузера, а есть и такие читатели, которые смутно себе представляют, эту — адресную строку браузера =) А мы же хотим, чтобы посетителям было комфортно?! Тогда ищем другие способы...

Способ №2 — добавить атрибуты

Раньше, для того чтобы поставить запрет на индексацию исходящей ссылки, или просто тупо скрыть ее, использовали определенные теги и атрибуты — например:

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

Причем именно так, правильно прописывать теги на запрет индексации, дабы не серчать валидатора!

И все бы хорошо, только ходит мнение в интернете, что поисковые системы уже просто игнорируют данные теги и их мерзкий поисковый паучок, ну робот-паук =) все равно лазает по этим ссылкам, как у себя дома, хм! А что он делает с этими данными, какие выводы происходят в его крошечном электронном мозгу, как это влияет на ранжирование?! Кто его разберет...

Но я не хочу рисковать! Мое мнение таково, что если поисковые системы, находят теги на запрет индексации у вас на странице, значит Вы что то прячете от них!!! Что происходит дальше я не знаю, но явно ничего хорошего...

Кстати после того, как я убрал со своего блога все такие коды, по-моему мои позиции и скорость индексации улучшились, но возможно я ошибаюсь, все мы люди =)

Вариант №3 — Закрыть ссылки скриптом

Давайте я Вам объясню, как можно закрыть исходящие ссылки скриптом. Принцип работы скрипта следующий, он меняет значение, допустим <span> на <a>, вот и вся петрушка!

На самой странице, где гуляет паучок посланный поисковой системой, ссылок нет, там только атрибуты <span>, но после того, как страница генерируется для посетителя, скрипт начинает свою работу и меняет значения тега <span> на ссылку Во как!

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

Для правильного функционирования скрипта, требуется подключенная библиотека jQuery:

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

Инструкция установки скрипта на jQuery, который скрывает исходящие ссылки! Внедряйте на свои сайты и блоги:

Кликаем в меню WordPress, Внешний вид — Редактор, нам нужен footer.php, заходим туда и перед </body> пропишем код:

[sociallocker]

<script type="text/javascript">
jQuery (document).ready (function ($) {
$('.mylink').replaceWith (function (){
return '<a target="_blank" href="' + $(this).attr ('rel')
+ '" title="' + $(this).attr ('title')
+ '">' + $(this).html () + '</a>';
});
});
</script>

Если у Вас сайт или блог построен на HTML5, то берем этот код:

<script type="text/javascript">
jQuery (document).ready (function ($) {
$('.mylink').replaceWith (function (){
return '<a target="_blank" href="' + $(this).attr ('data-url')
+ '" title="' + $(this).attr ('title')
+ '">' + $(this).html () + '</a>';
});
});
</script>

Теперь заходим в редактор — style.css Вашей темы и в конце присвоим такие классы:

.mylink {
color: #0072bc; /* здесь можно указать цвет для ссылки */
text-decoration: underline; /* подчеркивание для ссылки */
cursor: pointer;
}

.mylink:hover {
color: #e20102; /* указать цвет ссылки при наведении */
}

[/sociallocker]

Вот и все готово! Теперь все исходящие ссылки, которые мы хотим спрятать и скрыть от ПС, пишем следующим образом:

<span class="mylink" rel="https://savme.ru">текст самой ссылки</span>

Если у Вас сайт или блог построен на HTML5, то используем этот код:

<span class="mylink" data-url="https://savme.ru">текст самой ссылки</span>

В следующей статье расскажу как сделать микроразметку Schema.org, не пропустите статью подпишитесь на мой блог...