Прошлая статья (ссылка ниже) повествовала о закрытии ссылок от поискового индексирования, но!.. с помощью простенького кода, – однако, работа с файлами темы (сайта) пока что не каждому новичку под силу, а посему предложу неплохой плагин Hide Links, который значительно облегчит задачу скрытия ссылок от роботов-поисковиков начинающему админу блога/сайта. Функционал работы плагина написан на jQuery – JavaScript.
А заодно, при разборе плагина, будет полезно узнать о теории шорткодов, ведь именно на их основе и работает плагин! Теорию и практику загрузки, установки и работу плагина подробно опишу!
как скачать и установить плагин Hide Links
Перво-наперво нам нужно скачать плагин.
Да, хочу заметить: плагин абсолютно бесплатный! и предназначается для ручного (выборочного) сокрытия ссылок.
Выполнять задачу установки примочки будем правильно (вообще существует много правил по защите блога, где в частности говориться, что нежелательно пользоваться скриптами и плагинами с сомнительных ресурсов):
заходим в свою консоль администратора, кликаем (слева горизонтальное меню)
“Плагины” затем, на страничке управления плагинами выбираем “Добавить новый” и в окошке ввода вписываем имя плага Hide Links и жмём “Enter”. Замечательно!
Оказываемся в репозитории WordPress – запомните!! только здесь и нужно скачивать плагины для вашей системы/блога.
Значит: выбираете “Установить” и запускаете автоматическую установку… через некоторое время плагин будет установлен и готов к работе. Настроек плагин не имеет: все необходимые рычаги управления добавятся в консоль и текстовый редактор автоматом.
зачем закрывать внешние ссылки атрибутами nofollow noindex
Всё просто: когда вы ссылаетесь на сторонние сайты открытым анкором (подробнее ниже), вес вашего ресурса переходит (ещё называют – утекает) ресурсу акцептору (попросту, чужому сайту). И наоборот… А поэтому стоит помнить, чем больше утечёт ВАШЕГО полезного веса, тем хуже для вашего же продвижения!
Каждый администратор сайта (или вебмастер) должен внимательно следить за весовой категорией сайта) Иначе высоких показателей не достич!
В Google показатель полезного веса странички выражается показателем PR, в ЯндексПС – существует определитель ТИЦ (всё это замечательно можно отслеживать инструментом RDS бар).
Как вы понимаете, чем выше эти показатели, тем и больше уровень доверия поисковых систем.
Забегая вперёд доложу: для этого на биржах приобретают и продают “входящие/исходящие” полезные для своего блога ссылки.
Ну и чтобы этот полезный вес не тёк впустую, web-мастера используют всевозможные теговые закрывашки. Одну из них мы сегодня и рассматриваем.
как работают атрибуты nofollow/noindex
Для начала рассмотрим как закрывают внешние ссылки атрибутикой nofollow
и noindex
средствами визуального текстового редактора WordPress.
Для чего это нужно:
Вот так выглядит обычная ссылка:
<a title="ИМЯ" href="https://mihalica.ru/kak-zakryit-ot-indeksirovaniya-ssyilki-po-stranichkam-navigatsii/">АНКОР</a>
…без всевозможной полезной атрибутики rel="nofollow"
или target="_blank"
.
памятка:
Атрибут rel="nofollow"
предназначен для того, чтобы закрывать внешнюю ссылку. Но, как убеждены многие вебмастера, этот атрибут не совсем полезен, а точнее определяется его минус в том, что он передаёт вес вашего сайта ссылаемому (т.е вы становитесь пассивным “донором” как бы). target="_blank"
– это атрибут заставляет ссылку открываться в новом окне браузера.
Таким описанием выглядит чистый анкор (здесь будем называть – неправильная ссылка, ибо такой её вариант нам бесполезен или вреден).
А вот таким способом прописка ссылки показана – правильная: (в нашем случае псевдоправильная)
<!-- noindex --><a title="ИМЯ" href="https://mihalica.ru/kak-zakryit-ot-indeksirovaniya-ssyilki-po-stranichkam-navigatsii/" rel="nofollow" target="_blank">АНКОР</a><!--/ noindex -->
Итак: атрибут rel="nofollow"
замечательным образом добавляется инструментом редактора Вордпресс, а вот атрибутика <!-- noindex --><!--/ noindex -->
прописывается вручную, по требованию админа…
Важно знать: вообще, по мне, вся ноиндекс и нофолоу атрибутика тегов, в общем-то теперь и не нужна, ибо существует иной способ, который закрывает ссылки посредством технологии AYACS Очень рекомендую прочесть статью, которая в подробностях повествует о работе аякс, т.е на основе JavaScript.
Работа плагина и скриптов, конечно же, осуществляется посредством HTML5.
Коли будете внимательны и разберётесь в принципе работы нашего сегодняшнего предприятия, то запросто сможете дирижировать (управлять) собственным весом сайта.
как отрабатывается атрибутика ayacs плагина Hide Links
Итак, с теорией закончили. Переходим к практике и научимся использовать инструмент.
Как только установите плагин, заходите в редакцию любой записи. Как видите на фото ниже, среди прочего у вас в редакторе вордпресс появилась ещё одна кнопочка (стрелочка). Но – она пока неактивная!!
Важно:
закрывать можно как уже существующую ссылку, так и вновь проставленную… То есть, ссылка в текст добавляется обычным методом вордпресс-редактора, который задан по умолчанию.
А уж потом, при необходимости, задаём атрибутике по умолчанию nofollow обработку аякс JS, посредством шорткода плагина.
И как только взбредёт блажь прикрыть определённую ссылку, – наведите на неё курсор и кнопочка тут же станет активной (выделится жирным цветом).
Кликаете и всего делоф!
Теперь посмотрим на ссылку: прямо в визуальном редакторе будут видны изменения,
а именно, ссылка обернётся в шорткоды ОТКРЫВАЮЩИЙ тег – [link]
И – ЗАКРЫВАЮЩИЙ [/link]
Теги парные!
вот так:
[link]Всё просто[/link]
.
А технически это будет выглядеть приблизительно так: (в html редакторе)
[link]<a href="http://домен.ru/">ВСё просто</a>[/link]
работа технологии АЯКС JS
А вот как используемый плагином шорткод работает изнутри, будет полезно прочесть статью о бесплагинном варианте сегодняшнего способа (ссылка выше) Повторяюсь: очень полезно!!.
Продолжим…
Если откроете Ctrl + U исходный код тестируемой странички и взглянете на строки технических ссылок … то – увидите следующую отработку шорткода плагина Hide Links:
<span class="link" data-link="http://Hide Links-ссылка" data-target="_blank">Всё просто</span>
как видите, атрибутов <!-- noindex -->
КОД ССЫЛКИ <!--/ noindex -->
нет: (это, пожалуй минус плагинного варианта)… их придётся в редакторе (вкладка HTML) добавить вручную…
Вот так:
[link]<!-- noindex --><a href="http://Hide Links-ссылка" target="_blank">Всё просто</a><!--/ noindex -->[/link]
Касаемо отработки шорткодов и плагинов:
Следует знать, что, использования плагинов не очень правильное и хорошее занятие, ибо любой плагин существенно снижает скорость загрузки сайта. Медленный сайт – низкая посещаемость!
Следите за скоростью, настраивайте правильно сайт, например полезно включить gzip сжатие.
А посему целесообразнее использовать лёгкие коды-шорткоды – как ИХ СОЗДАВАТЬ описано в ЭТОЙ статье. Настоятельно рекомендую, ибо там есть всё, чтобы выучиться и писать себе по своему желанию какие угодно шорткоды.
Всё это валидно и замечательно!
Видите как много нужно знать для ведения блога. Читайте статьи сайта: у нас есть всё для создания блога и его души))
А так же рекомендую подписаться. Вы ничего не потеряете, но напротив получите знания.
Помните !! о правилах использования этой полезной атрибутики тегов.
Online консультация по настройкам и созданию сайтов на WordPress
На этом занавес представления опускается…
…на рампы пыль печальная ложится…
mihalica.ru !
Так я так понял, что это делается в ручном режиме когда в самой статье мы сами вставляем нужную нам ссылку на внешний ресурс и ручками ее закрываем?? Я правильно понял?
Здравствуйте!
Спасибо за внимательность к моему невнимательному изложению!! Благодаря Вам пришлось кое-какие непонятки подправить в тексте статьи…
Ссылки проставляются обычными манипуляциями редактора…
И совершенно любую: как ранее существующую, так и новую – возможно автоматически перезаписать AYACS-атрибутикой плагина, добавив к ссылке необходимые теги шорткода. И что важно! при отмене работы шорткодов (т.е попросту удаления тегов) все ссылки восстанавливаются в заданное вами первоначальное состояние – не портятся при деактивации плагина.
Хотя мне более симпатичен способ кнопки html редактора (ссылка на статью в тексте).
Сейчас пишу подобный плагину функционал шорткодов (но на уровне шаблона) – без плагина! Не люблю их – хотя во всём присутствуют плюсы и минусы!
Дымлюсь с кодами)) а отсюда и невнимательность к буквам статьи.
Спасибо!
Факт !! шорткод ловчее… Поменял функциональные условия тегов и – все махом ссылки переписались.
Михаил, спасибо за ваш ответ! Проверил у себя на блоге, плагин стоит уже не первый месяц, а тут увидел у вас в статье как надо делать. Посмотрел а у меня все ссылки открыты ((( Я то думал он автоматически все нужные ссылки обернет и сделает все сам=))) Наивный… пришлось ручками все статьи шерстить… весь день на это ушел!! Теперь буду более внимательным!
Не за что!
Бывает… Не переживайте, все эти ссылочные варианты сумнительные, в плане всевозможных генеральских рангов и ростов трафиков((
Тем паче этак через годок новая мода “закрышек” выйдет и переправлять все ссылки придётся…
Вот для этого я и пытаюсь что-то сварганить, чтобы через какое-то время также не терять дни и ночи!
Пытаюсь эту проблэмм решить автоматом. Поглядим-посмотрим)
Вы что совсем? Этим плагином нельзя закрыть ссылки это давно известный факт.
VITALY (или кто там заполучил доступ к Вашей почте?? ай-яй-яй…)
Никогда не можу понять о чём Вы толкуете!
Плагином ссылку скрыть можно: взять ссылку и положить на неё плагин. Вот и всё!
Но, коли Вы толкуете о методике (способе) отработки функций плагина, это совсем иное, и уж тем паче плагин тут ни при чём!
Здравствуйте.
Подскажите, какой код использовать для скрытия ссылок, непосредственно в шаблоне сайта?
Спасибо
Здравствуйте Михаил!
В файлах шаблона ссылки закрываются аналогично описанным вариантам в посте, можно так:
noindex
по желанию и убеждениям.rel="nofollow noopener"
– это закрывает ссылку в соответствии с финальными обновлениями WP и правилами кодировок.Чтоб ссылка открывалась в новом окне, в нынешнее время логичнее прописывать атрибут:
onclick="return !window.open(this.href)"
заместоtarget="_blank"
.Либо закрывать в код AJAX (но для этого нужно подключать отработку JS и пр.) В статье есть ссылки на правила настройки… Всё это легко реализуется и без плагина!
Михаил, я имел в виду использование ресурсов плагина Hide Links. Для скрытия ссылок в редакторе используем шорткод
[link][/link]
, но в шаблоне шорткод не работает. Вот какой код использовать для скрытия ссылок, непосредственно в шаблоне, используя ресурсы плагина Hide Links?а…а понятно! прошу пардона) но пусть ответ останется, может, кому пригодится.
Плагин, насколько я знаю, предназначен для работы в бэкенд! в текстовом редакторе, и именно в нём отрабатывается данный шорткод
[link]ссылка[/link]
, выдавая таким образом на “выходе” сгенированный документ (и закрытую ссылку в исходном коде).Это неверный подход, использовать для файлов шаблона плагин Hide Links.
В файлах шаблона придётся закрывать вручную.
P|S
я уже говорил, что способ AJAX-закрытия-ссылок очень просто реализуется без всяких плагинов! и в этом случае – подключенная обработка js – распространяется на весь код сайта…
Если Вам требуется подключить отработку шорткодов в сайдбаре (виджетах) то вот код:
Сейчас мне нужен такой код для файла записей…но подумываю уже уйти от плагина и сделать без него! Вы писали статью про такое решение вот тутзакрываем необходимые ссылки сайта в AJAX – в том числе и в текстовых редакторах правильно я понял… это то, что мне надо?
Да, можно и по той статье: подключите библиотеки (типа
jquery-1.12.4.min.js
) в активный шаблон, а потом уж всё сопутствующее и организуете так, как вам нужно.Кнопки в текстовый редактор можно добавлять различными способами: хоть в html, хоть в визуальный редактор… (я сейчас своей статьи уж не припомню, завтра посмотрю) и напоминаю: отработка функции AJAX осуществляется по всему сайту/блогу.
…
Если что по статьям не поймёте, спрашивайте, не стесняйтесь, коли возникнут затруднения…
Спасибо за ответы. Будут вопросы, напишу.
Удачи!
Подскажите, Закрываю ссылки при помощи данного плагина и они пропадают в статье. Убираю [link], снова появляются. Пробовал переустановить плагин, результата ноль.
Здравствуйте Александр!
Перво-наперво изучите свой шаблон, для начала на предмет CSS… вероятно, закавыка в значениях css.
Исходный код посмотрите…
…или при помощи инструментов разработчика посмотрите на теги около сформированной ссылки…
В общем, вам нужно узнать КУДА (и на вовсе ли?) пропадает ссылка из исходника: JS может конфликтовать
Огромное спасибо за совет!
Сделал проще. Перенес css из бэкапа недельной давности и все заработало. А тот файл который заменил оставил до лучших времен. Будет время разберусь в чем проблема.
Да не за что!..
хотя, на мой взор, интереснее (полезнее) и проще разобраться с ошибкой)) нежели бэкап восстанавливать… могут же недельные какие-то наработки пропасть.
Вам, Александр, спасибо за комментарий…
Полностью с Вами согласен. Просто сейчас время не позволяет, но разберусь обязательно.
Ну и замечательно!..
Удачи!..