Как закрыть исходящие ссылки: лучший способ!
Привет-привет друзья! Напишу-ка я сегодня короткую, но важную статью о том, как закрыть исходящие ссылки от Поисковых систем!
Хм, а зачем вообще нужно прятать ссылки от поисковых систем? Ни для кого не секрет, чем меньше исходящих ссылок с вашего ресурса и наоборот, чем больше входящих качественных ссылок, тем лучше для Вашего сайта или блога!
В прошлой статье я объяснил Вам Как раскрутить свой блог. Это основа которую должен знать каждый начинающий веб-мастер.
Рекомендую прямо сейчас проанализировать Ваш сайт, на количество входящих и исходящих ссылок, с помощью онлайн сервисов, которые я использую сам!
Лучшие способы закрыть исходящие ссылки
Бывают такие моменты, когда ссылку на другой ресурс все-таки разместить нужно, но не хочется терять вес страницы, так как же быть, в такой ситуации? Выход тут один, нужно закрыть исходящие ссылки от Поисковых систем!
Способ №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, не пропустите статью подпишитесь на мой блог...