Как скрыть ссылки от индексации в WordPress и OpenCart

В статье зачем скрывать ссылки от индексации, мы рассмотрели вопрос почему не стоит ставить ссылки с вашего сайта на посторонний ресурс. Также мы рассмотрели ситуации, когда ссылку поставить необходимо, поэтому, чтобы наш PR и ТИЦ через нее не утекал, мы будем ее скрывать от индексации.

Итак, догорогие читатели блога Napositive, я вам дам оружие в руки с помощью которго вы сможете скрывать от поисковиков ссылки с вашего блога на другие ресурсы. Существует не много способов, как это сделать. Я вам предложу всего два проверенных способа. Первый — как говорят скрывать ссылки поисковики. Рассмотрим чем этот способ хорошо, а чем плох. Второй способ — как нужно скрывать ссылки. Ведь и ежу понятно, что поисковики в первую очередь заботятся о пользователях которые ищут информацию, а не о вебмастерах, поэтому временами, они забивают на теги «не искать».

Способ первый. Теги <Noindex> и <Nofollow>

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

Тег Noindex.

Для примера берем вот эту ссылку. Она ведет на главную страницу. Чтобы закрыть ее от Яндекса, нам надо переключиться в режим HTML. Для этого перейдите во вкладку  «текст», как показано на картинке ниже.
WordPress редактирование HTML
После чего найдите участок кода, который отвечает за ссылку. Для этого, проще всего воспользоваться поиском встроенным в браузер. Искать лучше всего по анкору. Для тех кто не знает, что такое анкор, рекомендую прочитать статью зачем скрывать ссылки от индексации

За ссылку + анкор + заголовок отвечает код начиная от открывающегося тега

<a

заканчивая закрывающимся тегом

</a>

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

<a title="napositive сайт для вебмастера" href=" http://napositive.com.ua/" target="_blank">ссылку</a>

Чтобы дать понять яндексу что по ней не надо переходить и не вообще не учитывать нам надо заключить весь код страницы в тег <Noindex>. т.е. URL который не должен попадать в индекс яндекса выглядит так:

<noindex><a title="napositive сайт для вебмастера" href=" http://napositive.com.ua/" target="_blank">ссылку</a></noindex>

Если простым языком и не вдаваться в поробности нам надо поставить <noindex> перед символом <a и </noindex> после символа </a>

Тег nofollow.

Чтобы закрыть от индексации ссылку для Google и других поисковых машин, мы можем воспользоваться тегом nofollow. Для этого, как и в случае с тегом <Noindex> нам надо переключиться на режим отображения HTML.

WordPress редактирование HTML

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

rel="nofollow"

т.е. ссылка которую мы мучаем ради примера будет выглядеть так:

<a title="napositive сайт для вебмастера" href=" http://napositive.com.ua/" target="_blank" <strong>rel="nofollow"</strong>>ссылку</a>

Одновременно используем nofollow и Noindex

Поскольку читатели этого блога скорее всего ведут ресурсы как для пользователей яндекса так и для google, то нам надо закрыть ссылку от всех поисковиков. Для этого будем использовать одновременно два тега. Чтобы долго не объяснять, просто приведу пример такой ссылки:

<strong><noindex></strong><a title="napositive сайт для вебмастера" href=" http://napositive.com.ua/" target="_blank" <strong>rel="nofollow"</strong>>ссылку</a><strong></noindex></strong>

Как видите ничего сложно в этом нет. Достаточно:

  1. Найти ссылку используя поиск браузера
  2. поставить открывающийся и закрывающийся тег для яндекса в начале и конце ссылки
  3. Поставить тег для google перед анкором

Недостатки использования nofollow и noindex

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

По официальной информации яндекс реагирует на свой тег правильно. Не учитывает ссылку. А вот гугл не индексирует содержимое страницы по ссылке (не переходит по ней) но PR по ней утекает. т.е. если у вас 6 ссылок, из них 5 внутри сайта, а одна на внешний сайт, то 1/6 веса станицы перейдет на внешний ресурс, что для нас, конечно же, недопустимо.

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

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

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

Для начала нам надо сделать так чтобы наш движок загружал JavaScript. Точнее не сам JavaScript, а одну из его библиотек. Для этого:

  • C помощью FTP клиента перейдите по маршруту:
/wp-content/themes/название_темы/
  • Найдите там файл header.php сделайте его резервную копию, и перенесите к себе на жесткий диск.
  • Откройте файл  header.php и перед закрывающимся кодом
</head>

(Лучше всего этот участок кода найти поиском встроенным в браузер) вставьте код:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Этот код заберет у google самую последнюю версию необходимой нам библиотеки и подгрузит к нам на сайт.

Необходимую библиотеку мы подгрузили. Теперь нам надо сделать собственно скрипт который будет обрабатывать запросы. Для этого:

  • Все по тому же маршруту ищем файл Footer.php. и копируем его к себе на компьютер.
  • Ищем в самом конце код:
</body>
  • и перед ним вставляем такие строки
<script>$('.external-reference').replaceWith (function (){return'<a onclick="return !window.open(this.href)" href="'+$(this).data ('link')+'" title="'+$(this).text ()+'">'+$(this).html ()+'</a>';})</script>
  • Сохраняем файл и загружаем назад на сайт.

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

  • Переключаемся на HTML редактирование.

WordPress редактирование HTML

  • Находим код ссылки по анкору. Пока мы делаем все как и в официальных методах.
<a title="napositive сайт для вебмастера" href=" http://napositive.com.ua/" target="_blank">ссылку</a>

Нам из этой ссылки надо два параметра. Первый это URL — копируем его. Второй это анкор. Тоже его копируем. Все остальное удаляем. Выходит два скопированных обьекта:

http://napositive.com.ua/
ссылку

Эти обьекты нам надо засунуть в код в соответствующие места

<span class="external-reference" data-link="<span style="text-decoration: underline;">URL на внешний сайт (первый скопированный объект)</span>"><span style="text-decoration: underline;">анкор ссылки</span></span>

Итого вышло

<span class="external-reference" data-link="http://napositive.com.ua/">ссылку</span>

Обязательно URL ссылки указывать через http://

После того как вы сделали первую ссылку, важно сохранить статью и посмотреть как она выглядит.  У вас должно быть два разных вида ссылки. Первый в админке второй для пользователей сайта. В админке ссылка будет выглядеть как обычный текст. Это нормально. Для примера вы можете посмотреть как выглядела такая ссылка у меня в админке в статье правильный Robots.txt для WordPress и OpenCart :

скрытая ссылка в админкескрытая ссылка в админкеДа, в админке нормально когда ссылка отображается как текст, но не нормально когда такое происходит для пользователя. т.е. если после сохранения и публикации статьи, как пользователь, а не администратор, вы видите просто текст, а не голубые ссылки как должны то нам приидется править css файл вашей темы. Для этого:

  1. Зайдите с помощью FTP клиента на ваш сайт и перейдите по маршруту ваш_сайт/wp-content/themes/
  2. Найдите там файл style.css
  3. В самый конец скопируйте в него код:
span.external-reference {
color: #5151FF; /* выбираем цвет ссылки */
text-decoration: underline; /* устанавливаем подчеркивание */
cursor: pointer; /* создаем курсор при наведении*/
}

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

Как всегда если у вас остались вопросы — напишите в комментариях, попробую вам помочь.

загрузка...

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

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