Ссылки. Виды ссылок.

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

А конкретнее раскрою такие важные моменты, как:

 — Что такое ссылка;
 — Атрибуты для ссылок;
 — Как сделать ссылку, как сделать скрытую ссылку;
 — Виды ссылок;
 — Анкор ссылки.

Что такое ссылка?

Ссылка – это часть документа (текст, картинка, кнопка) и элемент оптимизации блога, с помощью которой можно попасть на другой документ, простым щелчком по ней. По сути, это та вещь, без которой не может существовать Интернет. Когда мы вводим поисковый запрос в Яндексе или Google, то в выдаче оказываются одни ссылки.

Виды ссылок

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

Виды ссылок

Как сделать ссылку?

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

<a href="http://disseo.ru/">Wordpress блог</a>

Любая ссылка состоит из адреса, на который она ведет и Анкора ( в моем случае – Анкор — это “Wordpress блог”) и выглядит вот таким образом:

<a href="http://адрес сайта">Анкор</a>

Атрибуты для ссылок

Так же она может содержать в себе атрибуты, такие как:
1. Открытие документа, на который ведет ссылка будет производится в новом окне. Для этого необходимо добавить атрибут target="_blank". Html вид ссылки будет иметь вид:

<a href="http://адрес сайта" target="_blank">Анкор</a>

2. Закрытие ссылки от индексации атрибутом rel=”Nofollow”.

<a href="http://адрес сайта" rel=”Nofollow”>Анкор</a>

3. Добавления описания атрибутом alt=”описание”. Но это скорее относится к картинкам и изображениям, о которых мы поговорим далее.

<a href="http://адрес сайта" alt="описание">Анкор</a>

4. Вот таким образом будет выглядеть ссылка с полным набором атрибутов, то есть с описанием, закрытая от индексации и открывающаяся в новом окне:

<a href="http://адрес сайта" alt="описание" rel=”Nofollow” target="_blank">Анкор</a>

Для того, чтобы сделать ссылку в WordPress необходимо проделать следующие действия:

Виды ссылок

Ссылке прежде всего распределяются на внутренние и внешние.
Внешниессылки, которые ведут на документы или веб страницы другого Интернет ресурса.
Внутренниессылки, которые ссылаются на документы расположенные в пределах одного ресурса. С помощью внутренних ссылок можно осуществлять внутреннюю перелинковку.

На этом виды ссылок не заканчиваются.
1. Текстовые, которые расположены внутри текста статьи и имеющие следующий html код:

<a href="http://disseo.ru/">Анкор (фрагмент текста)</a>

2. Ссылки в виде картинки или изображения. Если сейчас вы щелкните мышкой на картинку изображенную ниже, то вас автоматически перебросит на другой веб-документ или страницу.

Ссылка в виде картинки

Ссылки в виде картинки имеют следующий html вид:

<a title="Оптимизация изображений" href="http://disseo.ru/optimizaciya/optimizaciya-izobrazhenij-kak-optimizirovat-izobrazhenie.html"><img class="aligncenter size-full wp-image-304" title="Ссылка в виде картинки" src="http://disseo.ru/wp-content/uploads/2012/04/Ссылка-в-виде-картинки.png" alt="Ссылка в виде картинки" width="244" height="207"/></a>

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

В виде кнопки html ссылка имеет вид:

<a href="http://disseo.ru/wp-content/uploads/2012/03/disseo-2.zip"><img src="http://disseo.ru/wp-content/uploads/2012/03/disseo.png" width="178" height="57" border="1" /></a>

Анкор ссылки

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

<a href="http://адрес сайта">Анкор</a>

За место Анкора обычно прописывают ключевое слово, по которому продвигают статью. Например я буду продвигать статью по ключевому запросу — «Защита контента сайта», следовательно Анкор выглядит:

<a href="http://disseo.ru/sozdanie-bloga/kak-zashhitit-kontent-ot-kopirovaniya.html">Защита контента сайта</a>

Анкор — Защита контента сайта

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

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

— полезными и бесполезными;

— передающими вес и не передающими.

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

С уважением, Дороднов Иван!

Поделиться в соц. сетях

0

Получайте свежие посты прямо на E-mail: