Как закрыть внешние ссылки от индексации. Часть 2

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

В этой статья я хочу заострить ваше внимание на исходящих ссылках с сайта на другие ресурсы.

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

Подробно об этом я рассказал в статье «Как закрыть ссылки от индексации и увеличить траст сайта».

Так оно и было раньше, пока seo аналитики не поняли, что поисковики давно уже не учитывают тег rel="nofollow" и переходят по таким закрытым в кавычках ссылкам на другие ресурсы.

Простой пример, например вы, решили у себя на площадке поставить ссылку на мой блог

<a href="https://seoslim.ru">Блог Максима Войтика</a>

Но хотите, чтобы ее не учитывали роботы поисковиков и закрыли от индексации тегом rel="nofollow".

<a href="https://seoslim.ru" rel="nofollow" >Блог Максима Войтика</a>

В таком случае робот ПС все равно по ней перейдет на мой блог, но вес вашего проекта мне не передастся, а уйдет в никуда, получится своего рода «дыра».

Я вижу выход из сложившейся ситуации следующим образом. Ссылайтесь только на качественные сайты, остальные ссылки ставьте в виде текста.

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

У меня все внешние ссылки закрыты от индексации с помощью тега < span > . И ниже я покажу, каким образом это реализуется...

100% способ закрытия внешних ссылок сайта

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

Суть метода сводится к тому, что в коде страницы не будет присутствовать никакой ссылки, а только часть текста (анкор), выделенный тегом <span>, который активно используется при разметке страниц.

Первым делом нам надо вставить специальный скрипты, который будет отвечать за открытие и обработку ссылки:

<script type= "text/javascript">function GoTo(link){window.open(link.replace("_","http://"));}</script>

Скрипт лучше вставить в файл footer.php в любом месте, главное перед закрывающимся тегом </body >.

Теперь надо наострить стили CSS чтобы ссылки не были простым текстом. Для этого добавьте стили в файл style.css, соответствующие стилям ссылок на вашем сайте.

У меня это реализовано вот так:

.spanlink {
  text-decoration: underline;
  color: #117eb6;
  outline: none;
  cursor: pointer;
}
 
.spanlink:hover {
  text-decoration: none;
  color: #fe7506;
}

Только не забудьте поменять цвет ссылок color: # на свой.

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

<span class="spanlink" onclick="GoTo('http://site.ru')">анкор</span>

Если этот код применить к моему блогу, то получится так:

<span class="spanlink" onclick="GoTo('http://seoslim.ru')">Блог Максима Войтика</span>

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

Внимание! Шорткод работает только в теле статьи, поэтому если вы хотите закрыть ссылки в сайдбаре, футере и другом месте то используйте первый код:

<span class="spanlink" onclick="GoTo ('http://site.ru')">анкор</span>

Давайте научимся создавать шорткод.

Для чего открываем файл function.php и вставляем в любое место, главное перед тегом ?> такой код:

function replaсe_link($content) {
 $pattern = '/\[urlspan\](.*?)<a (.*?)href=[\"\']([a-zA-Z]+:\/\/)?(.*?)[\"\'](.*?)>(.*?)<\/a>(.*?)\[\/urlspan\]/i';
 $content = preg_replace($pattern, "$1<span class='spanlink' onclick=\"GoTo('_$4')\"><span>$6</span></span>$7", $content);
 return $content;
}
add_filter('the_content', 'replaсe_link');

Как вы могли заметить вышеописанная процедура позволила нам создать новый шорткод [urlspan], благодаря которому вы будите закрывать ссылки.

Делается этот таким образом:

[urlspan] код ссылки [/urlspan]

Пример к ссылке на мой блог:

[urlspan]<a href="https://seoslim.ru">Блог Максима Войтика</a>[/urlspan]

Чтобы было понятнее давайте перейдем в текстовый редактор и посмотрим, как это реализовано у меня на блоге.

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

Вам нужно скачать файл Urlspan разархивировать его (будет одна папка с файлами) и закинуть эту папку к себе на хостинг по адресу, где лежать файлы темы, у меня это: https://seoslim.ru/wp-content/themes/seoslim/

На последнем шаге переходим опять в файл function.php и вставляем в любое место главное перед тегом ?> следующий код:

require_once(TEMPLATEPATH . '/urlspan/urlspan.php');

Далее в визуальном редакторе должна появится специальная кнопка. Как ей пользоваться я рассказал в своем видео ниже.

Па такому же принципу тега <span> закрываются ссылки и в комментариях, но так как у всех разные шаблоны, то и места вставки кода будут отличаться.

Лично мне комментарии закрыл верстальщик, кому нужны его контакты пишите на почту.

Итоги конкурса комментаторов...

В этом месяце победителем конкурса комментаторов опять становится Александр (semaknet.ru), за что и получает денежный приз в размере 300 рублей.

Бесплатный хостинг на 1 год получает следующий претендент на победу Рашиду (нет сайта).

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

На сегодня это все! Скажите, а каким образом закрываете ссылки от индексации вы на своих ресурсах?

Жду ваши комментарии, до скорых встреч!