Как скрыть ссылку от Яндекса и Google? Как спрятать ссылки от поисковиков

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

Есть три способа как это сделать и все они сводятся к использованию JavaScript. Рассмотри каждый из них в отдельности.

1. Вывод контента с ссылкой через JavaScript. Этот способ не удобен тем, что под каждую ссылку нужно создавать java-файл (если ссылки на каждой странице разные). Ещё минусом этого метода является то, что Google научился индексировать JavaScript и поэтому этот способ является не удобным. Более подробно про этот способ читайте здесь.

2. Вывод контента с ссылкой через AJAX. Этот метод имеет тот же недостаток, что и предыдущий: под каждую ссылку придется создавать отдельный файлик. Более подробно про этот способ я написал здесь.

3. Подмена тега на ссылку. Это очень хитрый способ для скрытия ссылки. В месте где будет стоять ссылка пишем следующее:

<span class="link" title="ssilka">Анкор</span>

Пока что это просто текст, поэтому чтобы тег <span> превращался в ссылку нужно в документ подгрузить следующий текст JavaScript:

<script>
$(document).ready(function(){
 $(".link").each(function(){
$(this).replaceWith('<a href="'+$(this).attr("title")+'">'+$(this).html()+'</a>');  
 });
})
</script>

Чтобы не писать на каждой странице этот одинаковый код, предлагаю использовать один общий файл JavaSript. Для того чтобы подгрузить его, нужно сохранить этот код в файл с расширением .js (например, span.js), а далее подключить этот явафайлик в любом месте тела или в заголовке html-документа:

<script type="text/javascript" language="JavaScript" 
src="span.js"></script>

Поскольку этот метод использует функции AJAX, то нужно подключить методы AJAX. Для этого в заголовочный тег head напишите следующие:

<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>

Примечание
Ссылке можно прописать стиль CSS. Например, такой:

.link { text-decoration: none; cursor: pointer; color: red;}

← Перейти в каталог html уроков и советов

Как скрыть ссылку от поисковых систем