Seo-Бизнес блог Progress-project

Все о создании, продвижении сайтов и заработке в интернете

Обновлённый дизайн блога Progress-project
logotip «Progress-project»
logotip «Progress-project»

Как скрыть от индексации ссылки — подгрузка линков при помощи jQuery AJAX

Здравствуйте, сегодня на «Progress-project», речь пойдёт о том, как можно скрыть от поисковых систем ссылку или картинку при помощи «jQuery» библиотеки, путём запросов «ajax». В одной из прошлых статей мы уже рассмотрели способ скрытия счётчиков посещений от посетителей и поисковых роботов и чтобы далеко не отходить от данной темы сегодня я решил рассказать ещё и о таком способе.

В каких случаях это нам может быть полезно? На любом блоге имеются ссылки которые не желательны для индексации, например в сайдбаре, на страницы с архивами, рубриками или на блоки с тегами и ещё целым рядом дополнительных вспомогательных элементов таких, как постраничная навигация, следующая и предыдущая статьи, ссылки на которые поисковые системы расценивают, как дубли, что в последствии может привести к дополнительным сложностям в продвижении ресурса. Конечно часть из перечисленного можно спокойно закрыть от индексации в robots.txt. Но, что-же касаемо ссылок и картинок то здесь данный способ будет, как нельзя лучше.

Работает — Ajax с помощью JavaScript подгружая какой либо элемент, текст, изображения или ссылки на страницы, при этом визуально контент (ссылка) на странице имеется но при этом в исходном коде сайта – его не будет, так, как подгрузка происходит после того, как браузер сформирует страницу. Чтобы воспользоваться данным способом скрытия, через Ajax на вашем ресурсе обязательно должна быть подключена библиотека jQuery.

Как подключить библиотеку jQuery к блогу

Воспользуемся наиболее простым способом подключения библиотеки jQuery, который нам предоставляет — «Google».
Подключается jQuery в файле темы вашего сайта под названием «header.php», открываем его для редактирования и перед тегом </head> прописываем:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Всё библиотека на нашем блоге подключена и мы уже можем приступить к скрытию исходящих ссылок.

Скрытие исходящих ссылок при помощи AJAX

Конечно-же вариантов скрытия ссылок данным способом очень много, но я считаю самым надёжным вариант без применения <a href.
Итак ссылка или даже вернее код нашей будущей скрытой ссылки у нас должен быть следующего вида:

<span class="outbound-link" data-link="https://ВАША ССЫЛКА">анкор ссылки</span>

Так же, как вы сами можете видеть в структуре кода у нас задан класс «outbound-link» для css стилей, что переводится, как «исходящая ссылка» это позволяет нам придать нашему Ajax линку более натуральный (естественный) вид. Открываем файл нашей темы style.css и в низу прописываем следующее:

span.outbound-link {
 color: #5151FF; /* цвет ссылки */
 text-decoration: underline; /* подчеркивание ссылки*/
 cursor: pointer; /* курсор при наведении*/
}

Теперь, чтобы привести ссылку в рабочее состояние нам необходим спец-скрипт который и будет производить обработку указанного в коде URL.
Открываем для редактирования «footer.php» где перед значком </body> вставляем скрипт:

<script>$('.outbound-link').replaceWith (function (){return'<a onclick="return !window.open(this.href)" href="'+$(this).data ('link')+'" title="'+$(this).text ()+'">'+$(this).html ()+'</a>';})</script>

Пример подобной (скрытой) ссылки: «Картинка при наведении на ссылку».

Если вам необходимо открытие скрытой ссылке в той-же а не в новой вкладке браузера просто убираем из кода:

onclick="return !window.open(this.href)"

Для однократного использования маскировки url с помощью ajax, скрипт можно вставить непосредственно в статью переключившись в html режим.

Скрываем от индексации ссылку-картинку

Очень часто случаются ситуации когда необходимо на блоге установить картинку при клике по которой посетитель перенаправляется в определённый раздел ресурса или-же вовсе за его пределы. И здесь сразу появляется вполне резонный вопрос, как-же в подобной ситуации грамотно организовать скрытие ссылки?

И здесь лучше всего подходит всё тот-же вариант, но вместо анкора линка мы пропишем путь к изображению:

<span class="outbound-link" data-link="https://ВАША ССЫЛКА"><img title="title для изображения" alt="alt для изображения" src="ПОЛНЫЙ ПУТЬ ДО ИЗОБРАЖЕНИЯ" width="400" height="256" /></span>

Пример скрытой ссылки-картинки:

Вот так достаточно просто мы с вами спрятали с помощью jQuery AJAX от поисковых систем нежелательные для индексации ссылки блога. Делитесь своим мнением о данном варианте и какой способ на своём ресурсе используете вы? У меня на сегодня всё желаю всего доброго, до новых встреч!

С уважением, автор блога!
© progress-project
★Обновлено:2016-05-25

Введите свой e-mail:

Вы можете поделиться статьёй в социальных сетях:

Ваш комментарий

Внимание! Перед тем, как вставить в комментарий: html, php либо JavaScript, преобразуйте его в HTML сущность!

» Подписаться на комментарии по RSS
Поиск по блогу

Введите свой e-mail:

ВКонтакте Google+ Facebook RSS-лента сайта abrek-ad-abra.ru

Топ комментаторов

Виктор(6)
seoonly.ru(4)
Иван(3)
Олег(3)
Николай(3)

© 2015-2017

SEO-Бизнес блог «Progress-project».

Все материалы, опубликованные на сайте: принадлежат автору и охраняются в соответствии с законодательством РФ.

При использовании материалов сайта гиперссылка на обязательна!



seo-блог