Как скрыть ссылку в тексте — четыре способа

Быстрая навигация по этой странице:

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

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

как скрыть ссылку в тексте

1. Скрытие ссылки на странице сайта

Если вам нужно, чтобы ваша ссылка не выделялась в тексте страницы, то данный вопрос решается очень просто средствами html и css:

В HTML-коде страницы пропишем:

<a href="адрес ссылки" class="my-link">Текст ссылки</a>

В CSS коде пропишем такой же стиль, какой имеет обычный текст на странице. Например, если на странице ссылки подчеркиваются и выделяются текстом, а сам текст имеет черный цвет и не подчеркивается, то в файле стилей .css укажем следующее:

a.my-link, a.my-link: visited, a.my-link: hover {
color: #000;
text-decoration: none;
}

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

2. Прячем анкор ссылки

Предположим, что вы даете какую-то реферальную ссылку, но хотите, чтобы для пользователей она отображалась как обычная ссылка. Как было указано выше, мы данный метод не разделяем, но если вы считаете, что таким образом сможете привлечь больше реферралов, то воспользуйтесь следующим кодом:

<a href="настоящая ссылка" onMouseOver="window.status='сокращенная ссылка'; return true" onMouseOut="window.status=''; return true">текст ссылки</a>

При наведении на такую ссылку пользователю будет показываться, что он переходит на страницу «сокращенная ссылка» (например — суперпродукт.ru), а в действительности он будет переходить по ссылке суперпродукт.ru/?partner=ваш партнерский номер, что в случае его регистрации может принести вам реферрала.

3. Редиректы с помощью html или php

Это еще более убедительный способ для перенаправления пользователя по вашей партнерской ссылке: отправьте его на страницу своего сайта (например: вашсайт.ru/good-page.html), с которой уже будет производиться редирект на страницу партнерского сайта.

Редирект средствами html делается таким способом:

<html>
<head>
<title>Переходим на сайт суперпродукт.ru</title>
<meta http-equiv="refresh" content="0; url=http://суперпродукт.ru/?partner=ваш партнерский номер">
</head>
<body></body>
</html>

То же самое на PHP делается созданием файла php, в котором будет указан следующий код:

<?php 
header ('Location:http://суперпродукт.ru/?partner=ваш партнерский номер');
exit();
?>

Если Вас интересует этот метод, на тему редиректов у нас есть отдельная статья.

Плюс в использовании редиректа на php состоит в том, что вы, например, можете прописать в php файле счетчик его загрузок и тем самым вести статистику переходов на партнерский сервис (впрочем, для этого существует и множество других способов).

4. Сервисы сокращения ссылок

Еще более простой и даже в каком-то смысле более честный способ — это использование многочисленных сервисов сокращения ссылок.

Таких сервисов существуют десятки, но наиболее удобным, простым и к тому же не предлагающим к просмотру рекламу является сервис от поисковой системы Google, название которого достаточно легко запомнить: goo.gl. Например, по ссылке http://goo.gl/LHl3M вы попадете на главную страницу нашего сайта.

Как видите, методов для сокрытия ссылки от пользователя существует большое множество, каким из них воспользоваться и стоит ли ими вообще пользоваться — решать Вам!

Если Вы нашли для себя что-то полезное на этой странице, пожалуйста, нажмите на одну из этих кнопок:
Комментарии
  1. Алексей

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

  2. Александр Иванов

    А при чем здесь почтовые адреса пользователей? ))

  3. Нина

    Спасибо .Очень понятно . Удачи Вам !

  4. KrasnoYarsk-land.ru

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

  5. Владелец reshala2online.ru

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>