Матвей Земсков

Заметки веб-мастера

Понедельник, 13 апреля 2015 14:45

Скрытие внешних ссылок при помощи JavaScript

Оцените материал
(1 Голосовать)

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

Один из способов скрытия ссылок – добавление внутрь тега ссылки атрибута rel со значением “nofollow”, а также обрамление ссылки тегом <noindex>.

HTML

<noindex><a href="http://site.ru" rel="nofollow">site.ru</a></noindex>

На самом деле - это не очень правильное решение. Дело в том, что при наличии такой ссылки на странице, страница теряет вес, а это совсем неблагоприятно сказывается на вашем сайте.

Есть более элегантный способ: он заключается в использовании решения на языке javaScript.

Работает следующим образом: при публикации какого-либо контента на сайте, вы вместо ссылок вы вставляете другой HTML-тег (обычно - это <span>).

У этого элемента, как и у всех остальных, заменяющих ссылки на сайте, должен быть какой-то определенный класс. В нашем случае, он будет иметь имя “j-link”

В этот тег добавляете атрибут с URL, куда должна вести ссылка.

HTML

<span class="j-link" data-link="http://www.site.ru/">site.ru</span>

Если вы желаете, чтобы ссылка открывалась в новой вкладке, то необходимо добавить еще один data-атрибут. Назовем его data-target, а значение его будет ровняться “blank”.

HTML

<span class="j-link" data-link="http://www.site.ru/" data-target="blank">site.ru</span>

Теперь осталось только добавить скрипт, который будет «превращать» указанные элементы в ссылки. Его размещаем в отдельном JS-файле (например, с именем jslink.js) и добавляем в разделе “<head>” шаблона нашего сайта.

JavaScript

	function js_link() {
		$('.j-link').replaceWith(function(){return'<a href="'+$(this).data('link')+'"'+(typeof $(this).data('target')!='undefined' ? ' target="_blank"' : '')+'>'+$(this).html()+'';})
	}

	$(function(){ js_link();});

Не забудьте перед подключением этого файла подключить jQuery.

Глядя на эти строки кода, несложно догадаться, что скрипт будет срабатывать при каждой загрузке страницы и заменять все элементы <span> с классом “j-link” на ссылки на основе значений data-атрибутов.

Вот таким довольно простым и оригинальным способом можно скрыть внешние ссылки от поисковых систем.

Прочитано 3494 раз

Добавить комментарий


Защитный код
Обновить

Мои услуги

Предлагаю следующие услуги:

  • Верстка шаблона сайта из дизайн-макета для CMS «1С-Битрикс Управление сайтом» и CMS “Joomla”
  • Создание форм различной сложности (обратная связь, анкеты и тп) для указанных CMS
  • Настройка и кастомизация компонентов и модулей для указанных CMS
  • Доработка модулей и компонентов для указанных CMS, добавление нестандартного функционала
  • Разработка лендингов (landing-pages)

По все вопросам обращайтесь через форму обратной связи

Скачать

Предлагаю вашему вниманию: