Как быстро закрыть ссылку от индексации с помощью кнопки AJAX

Приветствую! В этом уроке, я расскажу, как на сайт WordPress, в панель редактора добавить кнопку для быстрой вставки AJAX ссылок, т. е. ссылки, которые не индексируются поисковиками. И прежде, чем приступить к изучению этой статьи, нужно вначале подключить к своему сайту jQuery и AJAX. О том, как это сделать, я писал в статье  «как закрыть ссылку от индексации с помощью  jQuery и AJAX».

jQuery – это библиотека JavaScript
AJAX - асинхронный JavaScript и XML

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

  1. Переключиться на текстовый редактор;
  2. Найти нужное место в тексте и вставить специальный код с нужной ссылкой и анкором. Смотрите пример этого кода

<span class="external-reference" data-link="http://site.ru/">анкор ссылки</span>

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

Как быстро закрыть ссылку от индексации

Кнопку можно нарисовать самому. После нажатия на кнопку, появляется специальное окошко для добавления ссылки.

Как быстро закрыть ссылку от индексации

Таким образом, можем быстро вставлять в текст неиндексируемые ссылки.

Суть этого урока, я думаю, ясна. Пора перейти к практическим действиям.

Кнопка AJAX для вставки на сайт неиндексируемых ссылок

Для добавления кнопки, нужно сделать следующее:

  1. найти в папке с темой папку «js», и если ее нет – создать;
  2. далее в папке «js» создаем папку «images», но только в том случает, если ее нет.
  3. Теперь в папку «images» закачиваем картинку кнопки 20x20 px, с именем файла «link.png». Кнопку Вы можете нарисовать сами, или скачать у меня.

link

  1. Создайте в папке «js» файл ajax-link.js и вставьте в него следующий код
  1. Найдите в своем шаблоне WordPress файл «functions.php», и после кода <?php, в новой строке вставьте этот код
Вот и вся возня. Теперь откройте для редактирования любой пост, или создайте новый, чтобы посмотреть, появилась ли кнопка.

Давайте проверим, как эта кнопка работает.

  1. Напишите любое слово в редакторе WordPress, выделите его, а затем жмите новую кнопку.
  2. В появившееся окошко вставьте любую ссылку.
  3. Нажмите ОК, и перейдите в текстовый редактор.

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

21 Comments

  1. Привет Юра! Твоя инструкция очень понятна, но…что делать с ссылками в комментариях? Там по прежнему ссылки будут закрыты в nofollow?

    • Приветствую, Игорь! А что со ссылками не так? Их можно вообще запретить, или оставить как есть – с атрибутум nofollow.

      • Сылками в комментариях все так )) Просто в статье ты описал как закрыть ссылки через джава,. Намек на то, что ссылки nofollow индексируются, не так ли? Вот поэтому я и спрашиваю, как закрыть ссылки в комментариях с помощью java?Или же по твоему, в комментариях это не критично и можно оставить nofollow?

        • Атрибут nofollow не скрывает ссылку, их учитывает, как Яндекс, так и Google, поэтому атрибут rel=”nofollow” я давно не использую. Описанный способ в этой статье, полностью скрывает ссылки, и они не передают вес страницы. А что касается комментариев, то некоторые блоггеры ссылки в комментариях вообще закрывают. Но как для меня, так пусть ссылки в комментариях остаются на своих местах.

          • Ну я не хочу избавляться от ссылок в комментариях. Так ты не ответил…
            Ссылки в комментариях закрытые в nofollow ты считаешь не критичными? Почему нельзя в комментариях тоже закрыть ссылки в javascipt?
            И еще один вопрос:
            Что случилось с посещаемостью твоего сайта? Еще пару месяцев назад трафик был в 6-7 раз выше. Как такое произошло? Ты знаешь причину?

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

              Как я писал ранее, ссылки с nofollow передают вес, и ничего хорошего в этом нет. Возможно в скором будущем, я все ссылки в комментарии не то, чтобы закрою от индексации, а вообще удалю. В интернете по этому поводу идет много обсуждений, и написано много статей, но я ПОКА их трогать не буду.

              Если у меня на сайте в комментариях ссылку nofollow по умолчанию, то у многих блоггеров вообще dofollow ссылки. Здесь каждый решает сам, как ему поступить, и однозначного ответа нет. Игорь, надеюсь теперь я ответил на твой вопрос? ) Кстати, я скоро напишу, как убрать ссылки в именах комментаторов, наверное эта тема многим интересна.

              А что касается посещаемости моего блога, то конечно же я знаю, что с ним не так. После смены шаблона, я все ссылки к статьям исправил, после чего они все стали битыми.

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

              • Вот теперь ты ответил на мой вопрос 🙂 Спасибо.
                По поводу упада трафика понял. А я уже испугался, думал на блог фильтры наложили. Ну…надеюсь, что переиндексация пройдет быстро и ты вернешь прошлую посещаемость и даже увеличишь ее ))

              • Да, надеюсь на лучшее. Спасибо, Игорь, за поддержку ))

  2. Привет снова Юра. Я только что проделал все действия описанные в твоей статье. Вроде бы всё получилось как ты и говоришь, но…ссылка становится не активная!!! В текстовом редакторе она выглядит как раз так как и ты описал, обёрнутый в код, но как таковой активной ссылки нет, только текст! Что скажешь?

    • Приветствую, Игорь! Да, я тут в статье не дописал главного. Сейчас я тут все подправлю, и дам ответ утром. Надо еще установить библиотеку jQuery и подключит код AJAX.

      • Понятно. Ну..библиотека у меня установлена. Так что жду дополнительного кода AJAX. Спасибо.

        • Игорь, все я исправил. В этой статье, нужно скопировать код и вставить в футер, а также добавить стили в файл style.css. Библиотека JQUERY у тебя на сайте подключена, да и вроде AJAX тоже.

  3. Спасибо Юра. Сегодня поэкспериментирую.

    • Юра, мне очень жаль, но не работает. Я добавил коды в файлы footer и CSS. Текст выглядит как ссылка, но при нажатие ничего не происходит. В редакторе проверил и текст обвёрнут в код, как ты и показал Может быть ты что то ещё упустил?

      • Игорь, должно быть проделано следующее:
        1. подключена библиотека JQuery и код AJAX
        2. Установлен код в футер сайта
        3. Задать стили
        4. Ссылку обернуть спец. кодом

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

        • Игорь, нашел ошибку. Код, который надо было вставить в футер, был с ошибками. WordPress его исковеркал, и плагин не помог. Я все исправил
          Отпишись, пожалуйста, работает теперь, или нет

          • Хорошо Юра, проверю сегодня ближе к вечеру. Обязательно отпишусь

            • Отписываюсь ))
              Поменял код в Футере и сейчас ссылка стала активной, но…она зачёркнута (то есть nofollow) у меня RDS бар установлен и наводя на неё мышку, в левом нижнем углу видно саму ссылку. Насколько мне известно, ссылка не должна появляться внизу наводя на неё мышкой. Если пометить ссылку и открыть исходный код, то видно, что текст обвёрнут в этот код, но дополнительно добавлен nofollow. О чём это говорит? По моему, это говорит о том, что поисковик увидит ссылку и индексирует её, не так ли?

              • Да, Игорь, плохо конечно, что ссылка видна внизу браузера, когда на нее наводишь курсор, но зато она не индексируется. Проверить это можно на сервисе http://pr-cy.ru/link_extractor/, который показывает все ссылки на странице, как открытые, так и nofollow. А такую ссылку он вообще не видит, и даже анкор ссылки не замечает.

              • Да ты прав Юра. Проверил в сервисе pr-cy и так и да, ссылка не индексируется и её вообще сервис не видит, ни ссылку ни анкора. Значит метод и правда рабочий.
                Огромное тебе спасибо и извини, если напряг тебя с вопросами )))

              • Игорь, да вовсе не напряг. Я уже и сам засомневался, а вдруг и вправду индексируется)).
                Вот проверил, и теперь спокойно пишу статью ))
                Но этот способ только скрывает ссылку от индексации, а то еще как-то можно к этому всему и ссылку скрывать из виду, т. е. чтобы она в браузере не отображалась. Скоро узнаю, и напишу статью

Leave a Reply

Яндекс.Метрика