Здравствуйте, читатели блога Сайт с нуля.
Сегодня мы хотим немного поговорить о ссылках, какие они бывают, как их можно использовать с наибольшим удобством и выгодой.
Наверняка, каждый из вас считает, что знает, что из себя представляют ссылки (линки), и удивлены, почему вообще такая тема рассматривается.
Уверяем, с ними не всё так просто как может показаться на первый взгляд.
Какие бывают ссылки
Итак, самый простой вид, который встречается на сайтах, это обычный текст содержащий адрес какого-либо ресурса, то есть неактивная ссылка.
В противовес ей, существует активная — при нажатии на которую, вы попадаете на другую страницу, сайт или часть документа.
Заметим, что первый вид встречается не очень часто, он довольно неудобен, поскольку нужно копировать текст и вставлять его в адресную строку.
Активные ссылки (гипер-ссылки) же используются повсеместно — это удобно, быстро и полностью отвечает современным реалиям.
Если же говорить с точки зрения продвижения сайта, его популяризации, выделяют входящие ссылки и исходящие. Суть которых соответствует их названию. Но именно обратные ссылки (входящие) учитывают поисковые системы, а внутренние помогают с перелинковкой страниц и наращиванием их веса (pagerank и вИЦ).
Еще очень большое внимание абсолютно все вебмастеры уделяют анкорам — тексту ссылки, который видит посетитель сайта и при нажатии на который происходит переход на новую страничку или участок документа (внутри уже открытой вкладки браузера).
Но давайте еще больше углубимся, и рассмотрим как выглядит ссылка для поисковой системы — это поможет понять и что такое анкор, и как делать короткие внутренние ссылки внутри документа.
Структура ссылки — тег <a>
Известно, что код страницы выглядит совсем не так, как его видят посетители сайта. Обычная фраза «Сайт с нуля» с гипер-ссылкой (активной) превращаются, например, в :
Кто знаком с html сразу же скажут, что тут используется тег <a> с атрибутом «href». При этом, ссылкой здесь является только http://sitesnulya.ru/, а всё остальное используется для создания анкора, которым выступает — «Сайт с нуля». Если для вас это всё в новинку, читайте основы html для начинающих.
В этом примере используется классическая ссылка или, как еще называют — абсолютная. Она состоит из трех составляющих:
- протокола — http это Hypertext Transfer Protocol, который используют для обмена информацией в интернете;
- сервера — в нашем примере это sitesnulya, также указан домен — .ru;
- адреса — непосредственный путь к конкретной странице или файлу. На примере нет, поскольку это главная страница (папка).
Но существуют также относительные ссылки для внутреннего использования. У них отсутствует протокол и название сервера, только адрес.
В таких случаях, когда вы нажимаете на ссылку, системе приходится самой дополнять недостающие компоненты (протокол и сервер) — она берет их текущими, то есть с того сайта, на котором находится относительная ссылка.
Например, для главной страницы нужно в адресе оставить пустое место.
Ссылки на файлы, картинки, с якорем
Нужно отметить, что ссылка не обязательно ведет на другую страницу или сайт. Иногда это может быть документ или картинка, а иногда, если документ очень большой, вы просто попадете на определенную часть этой же страницы.
Так вот, когда в конечном адресе указан какой-то документ, ставится его формат — .pdf, .gif или другой. И в зависимости от типа файла, вам предложат его скачать или он откроется (картинка, например).
Очень интересная возможность использовать ссылка для внутренней навигации по тексту с большим объемом. Обычно в таких случаях их привязывают к подзаголовкам определенного порядка.
Например:
Но, при этом, нужно не забывать указывать соответствующий атрибут.
Если у вас есть вопросы по этой теме — пишите в комментариях.
Спасибо за внимание. Будем очень благодарны, если воспользуетесь кнопочками социальных сетей.