Используем абсолютные и относительные ссылки на сайте

Здравствуйте, читатели блога Сайт с нуля.

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

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

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

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

В противовес ей, существует активная — при нажатии на которую, вы попадаете на другую страницу, сайт или часть документа.

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

Активные ссылки (гипер-ссылки) же используются повсеместно  — это удобно, быстро и полностью отвечает современным реалиям.

Если же говорить с точки зрения продвижения сайта, его популяризации, выделяют входящие ссылки и исходящие. Суть которых соответствует их названию. Но именно обратные ссылки (входящие) учитывают поисковые системы, а внутренние помогают с перелинковкой страниц и наращиванием их веса (pagerank и вИЦ).

Еще очень большое внимание абсолютно все вебмастеры уделяют анкорам — тексту ссылки, который видит посетитель сайта и при нажатии на который происходит переход на новую страничку или участок документа (внутри уже открытой вкладки браузера).

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

Структура ссылки — тег <a>

Известно, что код страницы выглядит совсем не так, как его видят посетители сайта. Обычная фраза «Сайт с нуля»  с гипер-ссылкой (активной) превращаются, например, в :

структура ссылки

Кто знаком с html сразу же скажут, что тут используется тег <a> с атрибутом «href». При этом, ссылкой здесь является только http://sitesnulya.ru/, а всё остальное используется для создания анкора, которым выступает — «Сайт с нуля». Если для вас это всё в новинку, читайте основы html для начинающих.

В этом примере используется классическая ссылка или, как еще называют — абсолютная. Она состоит из трех составляющих:

  • протокола — http это Hypertext Transfer Protocol, который используют для обмена информацией в интернете;
  • сервера — в нашем примере это sitesnulya, также указан домен — .ru;
  • адреса — непосредственный путь к конкретной странице или файлу. На примере нет, поскольку это главная страница (папка).

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

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

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

Ссылки на файлы, картинки, с якорем

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

Так вот, когда в конечном адресе указан какой-то документ, ставится его формат — .pdf, .gif или другой. И в зависимости от типа файла, вам предложат его скачать или он откроется (картинка, например).

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

Например:

ссылки с якорем

Но, при этом, нужно не забывать указывать соответствующий атрибут.

Если у вас есть вопросы по этой теме — пишите в комментариях.

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

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

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

  bigmir)net TOP 100  - .  E-mail: sitesnulyaru@gmail.com