Скрыть url в ссылках на сайте через Java Script

Иногда вебмастеру требуется замаскировать ссылки на своем сайте по разным причинам. Но чаще всего они квалифицируются по двум типам: скрытие от индексации поисковиками и второе - декоративное скрытие ссылок, чтобы они не были видны в дизайне. Но вполне можно совместить и оба метода вместе.

Начнем с замаскировывания ссылок

Этот способ подразумевает скрытие ссылки в дизайне, но от поисковых машин она никуда не денется. Для этого можно использовать css, например: <a style="display:none" href="домен.ру">текст_ссылки</a>. Здесь мы добавили к ссылке стиль style="display:none", который скрывает ее отображение. Но можно использовать еще множество способов для той же задачи. Самые популярные способы:

<a style="position: absolute;z-index: -99999;left: -8000px;top: -8000px;" href="домен.ру">текст_ссылки</a> - выносим ссылку за видимую область экрана
<a style="color: #fff;" href="домен.ру">текст_ссылки</a> - делаем цвет ссылки равным цвету фона сайта (в данном случае белый)
<a style="opacity: 0;" href="домен.ру">текст_ссылки</a> - устанавливает прозрачность ссылки на 100%
<a style="font-size: 0px;" href="домен.ру">текст_ссылки</a> - ставим шрифт ссылки в 0px

Последние 4 метода не рекомендую использовать часто, так как многим поисковикам этот ход не нравится. Лучше использовать стандартный display:none.

Закрытие ссылок от индексации

Если нам нужно просто скрыть ссылки от индексации используйте тег noindex и атрибут nofollow. Подробно об этом я писал здесь. В этом случае ссылка будет выглядеть так: <noindex><a rel="nofollow" href="ваша_ссылка">текст_ссылки</a></noindex>.

Маскировка ссылок

И, теперь самая интересная часть. Как же более продвинуто замаскировать ссылки на своем сайте?

Рассмотрим способ с onclick: <a href="/" onclick="this.href='http://домен.ру'">текст_ссылки</a>

Здесь стоит / - которая бы переадресовывала пользователя на главную страницу вашего сайта. Так и видит поисковик данную ссылку и индексирует именно / Но строка onclick="this.href='http://домен.ру' берет управление на себя и пользователь перейдет на эту страницу, например, сайт вашего партнера. Ссылка на него, напрямую не будет индексироваться.

Кстати, с таким же успехом можно использовать и любой другой тег, например, label замаскировав его под ссылку: <label onclick="location.href='http://домен.ру'">текст_ссылки</label>. Заметьте код onclick="location.href='http://домен.ру'" немного изменился.