Как закрыть внешние ссылки тегом span?

Всем привет, вчера нашел одну очень интересную статью, я её долго искал и наконец то нашел. Был немного удивлен от прочитанного, решил с вами поделится тоже. Noindex и Nofollow уже не работают, не то время пошло ! Почему многие молчат и не говорят об этом?

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

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

Давайте для начала разберемся, что поменялось и почему такие теги как (noindex и nofollow) уже не так работают.

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

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

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

Как закрыть внешние ссылки тегом span

Для начала рассмотрим как выглядит простая ссылка, которая передает все:

<a href="http://сайт.com" target="_blank">Внешний сайт</a>

А теперь заключенная в теги (noindex и nofollow) но все же передающая вес в воздух:

<noindex><a rel="nofollow" href="http://сайт.com" target="_blank">Внешний сайт</a></noindex>

target="_blank" — это открыть в новом окне, у вас ссылка может быть и без этого.

Рассмотрим теперь как это исправить!

Переходим в админ панель вашего сайта или блога, Внешний вид/Редактор и находит файл footer.php и спускаемся в самый конец и перед закрытым тегом </body> вставляем вот это:

1
2
3

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

И сохраняем, дальше ищем файл style.css, и также идем в самый низ и добавляем вот это стиль:

1
2
3
4
5
6
7
8
9

/*-------------------------------- Span --------------------------------*/
.alink { 
color: #1524F9; 
cursor:pointer; 
}
.alink:hover { 
color: #F98C15; 
text-decoration:underline; 
}

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

<span class="alink" onclick="GoTo ('_сайт.com')">Внешний сайт</span>

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

Ребята есть способы которым пользуются другие, типа шорткодом, но я не рекомендую им пользоваться!
Что это такое? Шорткод выглядит вот так [aspan][/aspan] вставили ссылку между ними и он образует тег span, но ели у вас стоит плагин который закрывает ссылки в тег, то он у вас и все равно будет, то есть выглядеть это будет вот так:

<noindex><span class='spanlink' onclick=«GoTo ('_сайт.com')»><span>Внешний сайт</span></span></noindex>

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

Как добавить кнопку в визуальный редактор с тегом span?

Нужно скачать архив, затем распаковать это в теме вашего сайта, там папка aspan. Вот адрес куда вам нужно распаковать архив

http://ваш_сайт.com/wp-content/themes/ваша_тема/

Затем идем опять Внешний вид/Редактор и ищем файл functions.php, спускаемся ниже и обавляем следующий код:

1

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

И готово. ) Можете зайти в визуальный редактор и посмотреть!
Так же если вы хотите в сайтбаре что-то закрыть, то нужно использовать именно так как я показал в начале данной статьи.

И в конце всего этого, еще один момент, как закрыть в комментариях?

Как закрыть внешние ссылки, в комментариях

Нам нужно закрыть поле для сайта в комментариях. Итак нужно файл найти, который отвечает за вывод комментариев, обычно это functions.php или comments.php, и ищем следующею строчку:

get_comment_author_url

У меня за вывод коментов отвечает functions.php, по скольку я использую шаблон с artisteera, и данная строчка у меня, выглядит вот так:

1
2

<div class="art-comment-header comment-meta commentmetadata">
<?php printf(__('%s on ', THEME_NS), get_comment_author_link($comment->comment_ID)); ?>

Мне пришлось кое что удалить и вот что получилось:

1
2

<div class="art-comment-header comment-meta commentmetadata">
<span class="hidden-link" title="<?=get_comment_author_url ()?>" onclick="GoTo ('<?=get_comment_author_url ()?>')"><?=get_comment_author ()?></span>

Теперь для тех у кого вот такая строчка:

1

<a href="<?=get_comment_author_url ()?>" title="<?=get_comment_author_url ()?>"><?=get_comment_author ()?></a>

у вас она должна получится после изменений вот такая:

1

<span class="hidden-link" title="<?=get_comment_author_url ()?>" onclick="GoTo ('<?=get_comment_author_url ()?>')"><?=get_comment_author ()?></span>

Вообщем смысл понятен я думаю.

Далее опять идем в наш footer.php и вставляем опять в самом конце следующей код:

1
2
3

<script>// <![CDATA[
$('.hidden-link-top-comments').click(function(){window.open($(this).data('link'));return false;});
// ]]></script>

Я еще вас не замучал кодами ? ) Ну остался последний и это будут стили для ссылок в комментариях. Идем опять Внешний вид/Редактор и заходим в файл style.css, и опять вставим код вот этот:

1
2
3
4
5
6
7
8
9

.hidden-link {
cursor: pointer;
color: #C78D36;
line-height: 1.2em;
font-size: 15px;
font-family: Arial;
transition: all 0.2s ease-in-out;
/* -webkit-transition: all 0.2s ease-in-out; */
 }

Ну вот и все, всем спасибо за внимание коменты оставляйте и если что-то не понятное спрашивайте. Всем пока и до скорой встречи.

С уважением Евгений Смецкий