! Запросто с WordPress - доступная ручная работа по правилам оптимального интернета
...здесь Ваша реклама.?.
Здравствуйте !
написано: — 
отредактировано: 2017-12-19
издатель:  в теме: Техническое SEO продвижение реплики: 11 комментариев
 
Запросто с WordPress - студия ATs media fashion Reception WordPress golden

Как скрывать ссылки от индексации посредством технологии ajax

Как усыпить внимание поисковиков и не только… как скрыть ссылки от железных глаз индексации ПС на 99.7% процентов..? Этим нынче и займёмся!

Конечно же, многие знают способ закрыть ссылки nofollow или noindex, но мы сегодня поступим несколько иначе… а заодно узнаем

 

как добавить полезную кнопочку в html редактор WP

 

(ведь по умолчанию в редакторе кнопка ajax не предусмотрена)

Среди прочего нам потребуется: подключенная библиотека jQuery, а у кого её нет -подключим…

 


 

 

Думаю, много излишне толковать о том, что в некоторых случаях просто необходимо скрывать ссылки, да так — чтобы всё шыто-крыто))

 

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

Однако эта статья о технической составляющей этого предприятия… а на теоретическую основу темы ссылка будет ниже, — итак:

 

 

Вкратце: обычная ссылка закрытая тегом nofollow отображается в редакторе так:

 

 

<!-- noindex --><a title="имя" href="http://адрес" rel="nofollow" target="_blank">ИМЯ-ССЫЛКИ</a><!--/ noindex -->

 

 

Но — среди веб мастеров существуют убеждения, что сквозь атрибут nofollow всё же утекает полезный вес ресурса! А посему некоторые ссылки полезно закрывать иной атрибутикой тегов, в нашем случае — уделим внимание технологиям ajax:

 

…тогда ссылку перво-наперво следует упаковать так…

 

 

<!-- noindex --><span class="external-reference" data-link="COD-SSILCI">ИМЯ-ССЫЛКИ</span><!--/ noindex -->

 

 

Всё как бы здорово… но проблематично каждый раз вручную прописывать необходимые теги… Моё предложение:

 

 

Давайте…

 

 

 

к оглавлению $

пропишем кнопочку скрытия ссылки в html редактор

 

 

 

 

…чтобы сегодня не повторяться порожний раз о том) как прописывать основной код для кнопок в файле функций…

 

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

 

 

Продолжим…

 

В общем, сегодняшние решение закрытия линков, осуществляется в два счёта: дописывайте в файл функций functions.php строку к уже имеющимся коду (ссылка на пост, в котором мы внедряли основной код выше) и у вас появится замечательная кнопка — щёлк и готово дело! Обратите внимание сколько на фотке полезных кнопок в разделе html !! — если хотите, столько же будет и у вас…

 

 

 

Как скрывать ссылки от индексации посредством технологии AJAX

 

 

Вот строки:

 

 

QTags.addButton( 'AYACS', 'AYACS', '<span class="external-reference" data-link="COD-SSILI"></span>');

 

 

 

или такая…

 

 

QTags.addButton( 'AYACS', 'AYACS', '<span class="external-reference" data-link="COD-SSILI">\n', '\n</span>');

 

 

 

…последняя отличается тем, что работает проще: стоит выделить нужный анкор и кликнуть по новенькой кнопке редактора и — всё обёртывается нужными тегами автоматом… вам только останется дописать саму ссылку на место COD-SSILI.

 

Лепота…))

 

 

Однако — продолжим: теперь нам нужно заставить эту атрибуцию ссылок работать в купе с технологией ajax.

 

Тут тонкость вот в чём: когда проверите работоспособность кнопки, конечно же, разглядите то, что, обернутый тегами анкор ссылки, на выходе (на страничках сайта) будет ни чем не примечателен от обычного текста: и это корошо!

 

 

 

На самом деле всё проще: на этом этапе ajax ни при чём… а сами «чистые» теги <span> не подразумевают визуальное выделение.

 

 

Далее потребуется сделать другой шаг — чтобы ссылка при наведении и клике курсора срабатывала как реальная… и отводила посетителя куда нужно, а ни к чёрту на кулички… нужно подключить техническую обработку аякс-запросов.

 

 

 

 

к оглавлению $

как подключить к ссылке отработку AJAX

 

Делаем так:

 

Пропишите в футер (файл footer.php) перед закрывающим тегом </body> следующий ниже код.

 

 

В подвал всё  это дело прописывать целесообразнее, ибо подобные скрипты могут тормозить скорость загрузки страниц, а следовательно — всё тяжёлое js в сад — в футер)

 

 

<script>$('.external-reference').replaceWith (function (){return'<a onclick="return !window.open(this.href)" href="'+$(this).data ('link')+'" title="'+$(this).text ()+'">'+$(this).html ()+'</a>';})</script>

 

(Обратите взор на пример: в первых круглых скобках между апострофами обозначено имя селектора CSS. Запомните!)

 

 

Всё! …отныне скрипт, призванный нами к обработке аякс-запросов — подключен.

 

 

Важно!

…все эти ссылки будут открываться в новом окошке/вкладке браузера! Чтобы функцию New window отменить, достаточно убрать из скриптовой строки следующую фразу:

onclick="return !window.open(this.href)"

 

А в некоторых случаях, возможно, имеет смысл обернуть нашу конструкцию в теги <!-- noindex -->КОД<!--/ noindex --> — просто подпишите с хвостов кода атрибуты и — готово дело! Это попробуйте сделать самостоятельно) Что не ясно спрашивайте…

 

 

 


подписка feedburner Online консультация по работе c сайтом на WordPress

 

 

далее…

 

Если ссылки не работают должным образом — вероятно, у вас не включена в работу библиотека jQuery.

 

 

 

 

к оглавлению $

как подключить библиотеку jQuery удалённо

 

 

 

 

 

Вот примерный скрипт включения библиотеки: поместите эту строку также в футере где-то над скриптом показанным выше… У меня файл JS библиотеки загружен в корень шаблона.  Можете сделать точно так же, но для этого следует скачать саму jQuery.

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

 

 

Итак — скрипт:

 

<script src="http://ВАШ_ДОМЕН/wp-content/themes/ВАША_ТЕМА/js/jquery-1.12.4.min.js"></script>

 

(повнимательнее к путям подключения — это если будете размещать скрипт библиотеки на своём сервере)

 

 

 

Чтобы скрипт библиотечной макулатуры подгружался с серверов Google пропишите её так:

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

 

 

 

 

к оглавлению $

придаём визуальный эффект ссылке с отработкой ajax

 

 

 

 

….чтобы она ничем не отличалась от обычной в глазах пользователя вашего блога.

 

Нарядим её в соответствующие вашему сайту стили CSS.

 

 

Предположим, в стилистическом файле вашей темы селекторы линков-ссылок выглядят так (вам останется их только подстроить под себя):

 

a {font-weight:bold;color:#146099}
a:hover{font-weight:bold;color:#00355D}

 

 

Организовать селекцию CSS можно такими способами: создать отдельные же селекторы для всех ново-организованных ссылок и спокойно пользоваться.

 

Но — я у себя делаю проще, а именно — добавляю новую атрибутику к селектору a

 

получается вот так:

 

a, .external-reference{font-weight:bold;color:#146099}
a:hover, .external-reference:hover{font-weight:bold;color:#00355D}

 

 

 

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

 

Как-то так…

 

.external-reference{font-weight:bold;color:#146099}
.external-reference:hover{font-weight:bold;color:#00355D}

 

 

 

 

 

Занавес)

Как скрывать ссылки от индексации посредством технологии AJAX

 

…Лепота…

 

 

…в следующих статьях также будет много нужного для того, чтобы правильно настроить тех-seo своего сайта, — так что, возможно, будет полезно подписаться:

 

 

 


подписка feedburner Online консультация по работе c сайтом на WordPress

 

 

 

Как добавит кнопку в визуальный редактор читайте ЗДЕСЬ.

 

…а о КИНО я не могу говорить…

 

 

Если что-то не ясно, спрашивайте. Помогу… в чём дюжу.
Вместе мы многое сможем! Берегите себя! …и всевозможных удач!

Нажатия на кнопочки определяют Ваше высокое гражданское сознание
Удачи в работе и творчестве..!
 ! самое читаемое:
   Уже в этом году WordPress потребует от пользователей протокол HTTPS   Как выбрать хостинг — пошаговые инструкции (обзоры 4 хостингов) — нюансы модного ssl сертифицирования   Шаблон RealMik 4.0.2 — создать сайт на wordpress с максимальной выгодой для начинающего блогера   Продвижение контентом или нужно настраивать сайт — валидный код шаблона..?   Создаём плагин — добавочный файл функций — my-functions.php   Выведем последние комментарии в любом месте сайта — несколько вариантов   Как добавить ссылки на самые комментируемые по времени посты в сайдбар или на страничку   YouTube закроет монетизацию для обывателя… как площадку для заработка на видеороликах   Подключение jQuery библиотеки от CDN Google — рационально!..   Как добавить свой новый (второй) сайт в Яндекс Директ   Как перевести сайт на https — сертификат ssl — шифрование   Убираем циклическую ссылку h1 логотипа на главной странице   Ускоряем сайт: основные кэш и gzip правила .htaccess которые нужно знать   Санкции вебмастера Яндекс (фатальные ошибки) — предупреждения, или что это?..
↔ перетаскивайте ленту ↔
ещё статьи по теме:

смотреть ещё статьи в теме Техническое SEO продвижение
меточная навигация:


Комментарии © 11 к статье: Как скрывать ссылки от индексации посредством технологии ajax

  1. Ни как роботы все равно просканируют

    Ответить - witos1

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

      Ответить - Михаил

  2. Все довольно просто! Статья полезная.

    Ответить - Артем

  3. Не чего он не скрывает проверенно.

    Ответить - witos1

    • Кто проверял-то! ? …и какой смысл вложен в вашем «не скрывают»…
      Всё зависит от того, какие цели…
      witos1, а Вы какой атрибутикой работаете?
      …или у вас всё напрочь открыто и ни одной ссылки не куплено..?

      Ответить - Михаил

  4. Может попробую на тестовом блоге такое проделать. А вообще хочется как-то попроще. Что скажите на счет плагина konovalovpavel.ru/kak-zakryt-ssylki-ot-indeksacii-wordpress ?

    Ответить - Павел

    • Здравствуйте!
      Я Вас не совсем понял! — если вы говорите, что хотелось бы проще… то описанный в статье способ, как раз и есть ПРОЩЕ.
      Я ничего не имею против использования плагина (ов), в том числе и Hide Links — однако, не всегда и не во всех случаях стоит прибегать к плагинам… Мелкие вопросы — ловчее решать кодом!
      IMHO такое у меня))

      Ответить - Михаил

      • Проще, в смысле не лезть в код. Считаете, в данном случае кодом решить вопрос?

        Ответить - Павел

        • НЕ ЛЕЗТЬ В КОД — в данном случае НЕ ПРОЩЕ, но бессмысленнее!! — способ описанный в статье распространяется на любой HTML (и php) в коде — т.е замечательно работает В ЦЕЛОМ на сайте. ШОРТКОДЫ же по сути только для статей!
          К сожалению, пока что — в наши времена — под эгидой «не лезть в код» мало что приличное получится реализовать.

          Ответить - Михаил

  5. Согласен, что без изменения кода под свои потребности не обойтись. Здесь надо либо самому, либо поручать специалисту.
    Не первый раз захожу на Ваш сайт, периодически посещаю. Много полезного. Спасибо.

    Ответить - Павел

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

      Ответить - Михаил

Поделитесь соображениями: Ваши мысли очень важны! $ правила комментирования ©

Внимание! Обязательные поля помечены *

  отныне доступен плагин: privacy-policy ©

 необходимо принять правила конфиденциальности и пользовательского соглашения
Яндекс.Метрика