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

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

Есть три способа как это сделать и все они сводятся к использованию 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;}