Как сделать ссылку без ссылки

19 ноября 2012. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Бывает, что вы хотите упомянуть чужой сайт, но не хотите давать на него ссылку? Да мало ли почему! Может, вам надо объяснить, кого и зачем мы ругаете, а давать бесплатную ссылку на него не хотите. Или просто жаба душит ссылаться. Бывает такое? У меня бывает.

Есть два простых решения:

  • Написать ссылку простым текстом
  • Использовать атрибут rel со значением nofollow

Решения — не без недостатков. Первый вариант создаёт неудобство пользователю, вынуждая руками копировать ссылку и вставлять её в адресную строку; кроме того, если пользователь поленится открыть новую вкладку, он загрузит чужой ресурс в этом же окне, а с вашего уйдёт. Во втором случае пользователю будет хорошо, чужому ресурсу безразлично, а вашей странице плохо: nofollow препятствует передаче веса, но не препятствует его утеканию. (Поэтому, кстати, я не вижу технического смысла в noffolow.)

Поскольку меня оба способа не устраивают, я разработала третий: скриптовый. И нет, это не вписывание ссылок методом write или ему подобным, потому что сейчас поисковики учатся читать такие ссылки (хотя влияние их остаётся под вопросом). К тому же такое вписывание будет замедлять загрузку страницы. Сделаем проще.

Вместо ссылки используем элемент span. Он будет содержать в себе «анкор» — текст, с которого идёт ссылка, а адрес поместим в атрибут title:

<span title="адрес ссылки">текст анкора</span>

Теперь надо обработать эту «ссылку» при клике. Создаём собственный файл *.js или добавляем в уже имеющийся вот такой код:

$('span[title^="http"]').click(function(){
  window.open(($(this).attr('title'), '');
});

Не забываем подключить jquery.js, если он у вас ещё не подключён! Да, и не забываем выделить этот элемент через css:

span[title^="http"]{
  border-bottom:1px dotted;
  cursor:pointer;
}

А вот и работающий пример.

Разбор скрипта

Только для тех, кто хочет понимать, что и зачем делает.

Выбираем элементы для обработки: ищем все элементы span с линком в атрибуте title. Для этого используем селектор префикса атрибута:

$('span[title^="http"]')

И по событию click открываем новое окно с содержимым нашего title в качестве урла:

window.open(($(this).attr('title'), '');

Всё! Логика предельно проста.

Разумеется, недостаток есть и у этого способа: ссылка не будет кликабельной у пользователя, отключившего скрипты. Здесь можно подстраховаться, используя в качестве «анкора» урл ссылки — тогда бесскриптовый пользователь получит пригодный для копирования текст. Но я всё-таки надеюсь, что большинство пользователей интернета не хочет лишать себя скриптовых удобств, а значит, и наша бессылочная ссылка будет работать.

Отзывы (152) на «Как сделать ссылку без ссылки»
  1. Sun Sunich (4 комментария)

    Княгиня, а чем плох вариант с nofollow — можно подробнее о препятствии передачи веса. Дело в том, что в наших блогах о путешествии и экологии жизни мы часто ссылаемся на чужие ресурсы. Отрытые ссылки нас не устраивают. Хотя есть живые примеры, когда сославшись на большие ресурсы сходной тематики маленьким сайтам Гугл поднимает PR и повышает их позиции в выдаче. Яндекс, на такое вряд ли пойдет. Поэтому используем nofollow, правда, до конца не очень понимаю, насколько это влияет на наши ресурсы, но не ссылаться мы не можем, так как наш контент несет конкретную информацию, которая должна быть . Можно конечно и твой способ опробовать, такой оригинальный подход к делу — мне понравилась идея, ссылка вроде есть, а по коду ссылки нет… :)

    Ответить на этот комментарий
    • Княгиня (650 комментариев)

      Когда-то, давным давно, Гугль трактовал nofollow именно в том смысле, что по ссылке не идти и вес не передавать; nofollow работал как пробка, затыкающая утекание веса. Но потом (примерно в то же время, когда nofollow стало пониматься Яндексом) подход изменился. И по настоящее время nofollow не засчитывает странице-акцептору передаваемый вес, но не мешает отнимать его у страницы-донора — утечка есть, но до цели не дотекает. То есть, если у вас на странице 10 ссылок, из них 5 в nofollow, то на каждую приходится 1/10 веса, хотя свою долю в итоге получают только 5 доноров — остальное рассеивается в пространстве.

      Это, по идее, давно известно (и грустно), но почему-то об этом мало кто помнит. *UNKNOWN* По-прежнему биржи ссылок считают только dofollow-ссылки на странице. Поэтому необходимость в nofollow есть, когда вы продаёте ссылки и хотите понравиться системе. А чисто для себя это выходит ни себе, ни людям: вес-то всё равно уходит.

      Ответить на этот комментарий
      • Sun Sunich (4 комментария)

        Ок, примерно понял суть картины, буду думать, что делать со своими… Я и не занимаюсь так яростно торговлей ссылками… Да и тиц с pr для меня как для блоггера с уникальным интересным контентом, оценка очень субъективная. Я например сейчас наперекор всяким биржам ссылок продаю постовые напрямую в 2 или 3 раза дороже, чем предлагает мне даже самая продвинутая биржа. А всё потому, что я ценю свой блог больше, чем поисковики… :) Спасибо за идею, как вариант буду пользовать!

        Ответить на этот комментарий
        • Княгиня (650 комментариев)

          Вообще все эти игры с nofollow чем-то смахивают на патологию. Кстати, на западе атрибутом rel="nofollow" отмечают покупные ссылки. Для нашего оптимизатора это звучит невообразимо, а там вот так.

          Ответить на этот комментарий
      • Ignis (3 комментария)

        Честно говоря, первый раз об этом слышу. :( Но это, отчасти, объясняет низкий тИЦ моего блога (а вот на PR обилие ссылок с nofollow никак не сказалось).
        Метод скриптовых ссылок по сути хорош, но ради такой мелочи цеплять к сайту всю квери-библиотеку — это слишком, мне кажется. Лучше бы подобрать другой скрипт, я все собираюсь написать, руки не доходят…
        Кстати, Гугол недавно привязался к моему сайту, фактически потребовав убрать оттуда все ссылки (там были только естественные). Надоела эта погоня за пузомерками…

        Ответить на этот комментарий
        • Княгиня (650 комментариев)

          Ради одного скриптика, согласна, цеплять не обязательно, но тогда скриптик будет немного сложнее. А если скриптиков больше одного, тогда не грех и прицепить.

          Когда-то я была против всяких библиотек, всё пыталась сама писать (здесь нужен смайлик с велосипедом). А потом распробовала. Ой как распробовала!

          Ответить на этот комментарий
    • Генрих (1 комментарий)

      Ну бывает и такое, в целом понял многое для себя. Надо делать правильно.

      Ответить на этот комментарий
  2. Александр (6 комментариев)

    Княгиня Вы великолепны,не зря всё-таки учились с детства этому искусству(сочинять всякие компьютерные программки), а насчёт жабы это наше, Украинское, никуда от этого не денешься(ШУТКА).Спасибо очень познавательно,пробовать не буду(всё равно напортачу).

    Ответить на этот комментарий
    • tebyk (4 комментария)

      Поддерживаю это выражение восхищения — Вы правда замечательны!

      Ответить на этот комментарий
    • Дмитрий Геннадьевич (2 комментария)

      Соглашусь с Вами , но не во всем . » Жаба » , зверюга та еще и не выбирает национальность , душит многих , не взирая ни на какие признаки .

      Ответить на этот комментарий
  3. Сергей (1 комментарий)

    По собственному злому опыту знаю что писать ссылки просто текстом гораздо лучше, так как если вы действительно хотите «обгадить» сайт, некоторым людям просто будет лень вручную копировать адрес ссылки, а если вы дадите просто ноуфоллов ссылку, некоторые зайдут на сайт и он им может вполне понравиться, тем самым мы приведем своему противнику потениальных читателей\покупателей и тд и тп. :(

    Ответить на этот комментарий
    • Княгиня (650 комментариев)

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

      Ответить на этот комментарий
      • Роман (2 комментария)

        :-D 😀 Подняли настроение, честное слово. Самое смешное, что и сам так думаю. Замкнутый круг получается, не ставлю ссылок на конкурентов, они не ставят на меня. Пузо нарастить только покупными можно.
        На счет nofollow я в сомнениях. Ни Гугл ни Яндекс не заявляли открыто, что вес с таких ссылок однако утекает. Провел как-то раз эксперимент — открыл все ссылки на Яндекс (типа я тебя уважаю) и после очередного апа ТИЦ скатился (не скажу на сколько). Я обиделся на него и ссылки закрыл обратно :P. ТИЦ поднялся до первоначального уровня.

        Ответить на этот комментарий
        • Княгиня (650 комментариев)

          Угадать, что там в голове поисковиков, практически невозможно. Может быть, им не понравилась именно внезапность появления большого числа индексируемых ссылок. Всё-таки «утекает вес» и «прямая индексируемая» — не ровно одно и то же, так же как и вес не тИЦ.

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

          Ответить на этот комментарий
          • Роман (2 комментария)

            Яндекс обещал не учитывать ссылки по коммерческим запросам и только в Московском регионе. Что в следующий раз придумает?
            В последнее время вообще хрень придумали с автоматическими запросами. Достало это ОЙ и капча в поисковике. Теперь только гуглю.
            Лимиты запросов пересчитали не в нашу пользу. Куда честному блогеру податься?

            Ответить на этот комментарий
            • Княгиня (650 комментариев)

              Да, эти капчи сильно действуют на нервы. И за что, главное? Если капчу видит живой человек, значит, она попала в молоко.

              Короче, лично я лично для себя решила не дёргаться. Просто делать сайты (свои и клиентские) максимально качественно, а на происки поисковиков реагировать только когда заденет явно и напрямую.

              Ответить на этот комментарий
  4. Карагандинец (1 комментарий)

    о, полезняшка! действительно, интересное решение! и насчёт нофоллоу соглашусь с автором! когда продаёшь постовые, любая исходящая со страницы, даже в нофоллоу — явно лишняя! поэтому, возьмём на вооружение, и будем юзать…

    Ответить на этот комментарий
  5. Удивительный (9 комментариев)

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

    Ответить на этот комментарий
    • Княгиня (650 комментариев)

      Может-может. Если на странице 10 ссылок, передаваемый вес распределяется между ними. Разумеется, страница-донор при этом нисколько не страдает, а вот акцепторам количество соперников не безразлично.

      Ответить на этот комментарий
      • cent (2 комментария)

        А если ссылку поставить в отдельном файле, а на основную ее вывести через фрейм?

        Ответить на этот комментарий
        • Княгиня (650 комментариев)

          Ссылка всё равно будет индексируемой. Кроме того, вставить ифрейм в текст — геморрой высшей марки.

          Ответить на этот комментарий
  6. Александр (6 комментариев)

    Княгиня требуется консультация по установке внешних ссылок.Я установил по взаимному обмену ссылку на чужой сайт. Оппонент утверждает что я ссылку закрыл(ну или она закрыта),как проверить это на ворд прессе.

    Ответить на этот комментарий
    • Княгиня (650 комментариев)

      Как именно он считает её закрытой? В nofollow, редирект, или вся страница закрыт от индексации? Nofollow и редирект на любом сайте проверяются одинаково — просмотром кода.

      Ответить на этот комментарий
  7. Александр (6 комментариев)

    Через редирект уважаемая

    Ответить на этот комментарий
    • Княгиня (650 комментариев)

      Ну, если через редирект, то вы в урле ссылки должны это видеть. Откройте код страницы и найдите ссылку. Редирект означает, что в атрибуте href вместо:

      _http://site.ru/

      будет нечто вроде:

      _http://yoursite.ru/?click=&http://site.ru

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

      Ответить на этот комментарий

Есть что сказать? Не молчим!

Используйте теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" code=""> <ul> <li> <ol> .

Комментарии короче 200 символов публикуются без активной ссылки. Пробелы не учитываются.

Ссылки с комментариев dofollow. Ознакомьтесь, пожалуйста, с правилами dofollow-комментирования. Кто не читает, тот сам себе враг.