Анатомия ссылки
Рубрика: Обучение SEO

Анатомия ссылки

ssylki Ссылки интернета – это связь одной страницы сайта с другой страницей этого же или другого сайта. Также ссылка может указывать на файл для скачивания. Как тело человека пронизано нервными связями, так гиперссылки являются нервами интернета. Нейрон имеет структуру: ядро, аксоны, дендриты, так гаперссылка тоже имеет анкор, тайтл (title), якорный текст, иные параметры.

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

Вебмастер должен четко знать про:

  • Как сделать ссылку;
  • Оформление ссылок;
  • Виды ссылок (прямые ссылки, реферальные ссылки, возможные редиректы — перенаправления).
  • Параметры ссылок — как они влияют на юзабилити сайта, а также его поисковую оптимизацию.

Входящие и исходящие ссылки

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

Теперь ответим «Как сделать ссылку?», а также поиграем с её параметрами.

Как делать ссылки, их параметры и атрибуты

Код ссылки выглядит так:

<a href= «URL страницы» target= «_blank» title= «Всплывающая подсказка» rel= «nofollow«>Якорный текст</a>

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

Обязательные блоки кода ссылки

Обязательные блоки — это элементы кода, без которых гиперссылка работать не будет.

  1. Тэг <a>…</a> — определяет границы кода ссылки.
  2. Тэг href=»URL страницы (файла) назначения» — указывает адрес страницы (файла) на которую ведет ссылка.
  3. Якорный текст — это набор символов, который будет видеть пользователь в качестве ссылки. Может быть слово, словосочетание, изображение (подробнее о изображениях ниже по тексту «Как сделать картинку ссылкой»).

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

Атрибуты ссылки

ssylka

Атрибут TARGET

Отвечает за окно, в котором откроется содержимое адреса, куда ведет гиперссылка. Значение атрибута может быть: _blank, _self , _parent, _top. Нам важно знать только то, что при отсутствии в тексте ссылки параметра target (значение по умолчанию), содержимое URL ссылки откроется в текущем окне браузера — ни новое окно, ни новая вкладка созданы не будут.

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

Атрибут TITLE

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

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

Атрибут REL

Очень важный элемент ссылки. Может принимать множество значений: canonical, nofollow и другие. Вам нужно знать принцип работы атрибута nofollow. Это очень важно для SEO, поэтому принято решение о написании отдельной статьи об этом атрибуте.

Оформление ссылки

ssilki Внешний вид ссылки может быть задан как с применением средств языка html, так и с помощью каскадных списков стилей (CSS). Параметры размеров, цветности, при использовании html, придется повторять для каждой новой гиперссылки — это раздует размер программного кода. CSS применяет изменения к целым блокам сайта, либо ко всему сайту, имеет простой и короткий код, за что его очень полюбили вебмастера.

О программировании я здесь не пишу — не особо владею. Знаю то, что оформление ссылок во многих темах блогов на WordPress, осуществляется из административной панели в настройках шаблона. Будет статья о том, как без специального обучения найти и поменять на сайте все, что только заблагорассудится. Подписывайтесь по RSS, читайте обновления сайта, не пропустите свежий материал (подписка в блоке справа — внизу сайта с помощью кнопок).

Как сделать картинку ссылкой?

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

<a href= «URL адрес ссылки» ><img title= «Всплывающая подсказка»  src= «URL ссылка на файл картинки»  width= «336″  height= «313″  /></a>

Копируем, подставляем ссылки — все, оформление ссылки в виде картинки закончено.

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

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

ОСТАВИТЬ КОММЕНТАРИЙ:

Если Вам интересна эта запись, Вы можете следить за ее обсуждением, подписавшись на RSS 2.0 .
Яндекс.Метрика Рейтинг@Mail.ru