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

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

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

• HTML тег <table> – подробное описание с примерами

• HTML тег <img> – подробное описание с примерами

• HTML тег <form> – подробное описание с примерами

• Как вставить музыку на сайте

• Как сделать карту изображений (карта ссылок)

• Как сделать слайдер

• Описание заголовочных тегов html

• Фреймы (теги <frame>, <frameset>, <noframe>, <iframe>)

• Атрибут position в HTML

• HTML тег <ul> – подробное описание с примерами


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

Читайте также:

Copy Protected by Chetan's WP-Copyprotect.