Как скрыть ссылку от поисковых систем
Иногда бывает нужно скрыть ссылку от поисковых систем. В этой статье я расскажу о всех известных мне методах скрытия ссылок. Но для начала скажу, что обманывать поисковые машины нехорошо и поэтому не стоит этим злоупотреблять лишний раз.
Есть три способа как это сделать и все они сводятся к использованию 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;}
Читайте также:
• Добавление счетчика посещений на сайт
• Как сделать выпадающие меню
• Как сделать favicon
• Как сделать красивую подсказку для ссылок
• Как увеличивать изображения (все способы)
• Коды символов для HTML
• Добавление социальных кнопок на сайт
← Перейти в каталог html уроков и советов
|