Приветствую друзья. То, о чем пойдет речь в сегодняшней статье известно каждому, кто хоть раз пользовался интернетом. Я расскажу все о ссылках — что это такое, какие виды ссылок бывают, вы узнаете о том, что такое анкоры и научитесь добавлять к ссылкам разные полезные атрибуты. Ссылка (link) является неотъемлемой частью сети, без нее не было бы никаких сайтов. Поэтому, каждый вебмастер обязан знать про ссылки если не все, то многое.
А конкретнее, раскрою такие важные моменты, как:
- Что такое ссылка и анкор;
- Какие бывают атрибуты;
- Как сделать ссылку;
- Виды ссылок.
Что такое ссылка?
Ссылка — это элемент веб страницы, при нажатии на который курсором мыши ваш браузер осуществляет переход с одной интернет страницы на другую. Ссылки являются неотъемлемой частью интернета, так как по ним осуществляются все переходы пользователей. Без ссылок интернет существовать не сможет, так как информацию в нем невозможно будет найти. Для каждого сайта ссылки — это элемент навигации, который упрощает поиск нужной информации.
Если взглянуть на поисковые системы Яндекс и Гугл, как на самые посещаемые ресурсы, то любой запрос, вводимый пользователем, генерирует страницу с большим количеством ссылок.
Когда мы переходим в новую рубрику на каком-то блоге или открываем карту сайта, чтобы посмотреть список статей, мы тоже пользуемся ссылками. И даже кнопки социальных сетей представляют собой то же самое.
Как сделать ссылку?
Разнообразных видов ссылок огромное количество, об этом позже. Сейчас поговорим о ссылках с технической точки зрения (что они из себя представляют и как их сделать).
Если вы сейчас щелкните по слову блог DmitriyZhilin.ru, то вы автоматически окажетесь на главной странице моего WordPress блога. Этот выделенный текст, меняющий свой вид при наведении курсора мыли и открывающий главную страницу моего сайта и есть ссылка. Ссылка представляет собой HTML код, содержащий как минимум 2 элемента:
- Адрес страницы, на которую она ведет
- Текст ссылки (анкор)
В исходом виде мой код из примера код выглядит вот так:
<a href="https://dmitriyzhilin.ru/">блог Dmitriyzhilin.ru</a>
где, «https://dmitriyzhilin.ru/» — адрес страницы, а «блог DmitriyZhilin.ru» — анкор.
Атрибуты для ссылок
Кроме обязательных элементов, описанных выше, ссылка может содержать дополнительные атрибуты, которые придают ей определенные свойства.
1. Открытие документа, на который ведет ссылка будет производится в новом окне. Для этого необходимо добавить атрибут target=»_blank». Html вид ссылки будет таким:
<a href="https://dmitriyzhilin.ru/" target="_blank">блог dmitriyzhilin.ru</a>
2. Запрет поисковым системам перехода по ссылке (закрытие от индексации) rel=”nofollow”.
<a href="https://dmitriyzhilin.ru/" rel="nofollow">блог dmitriyzhilin.ru</a>
3. Добавления описания атрибутом alt=”описание” (alt — альтернативный текст). Но это скорее относится к картинкам и изображениям, о которых мы поговорим далее.
<a href="https://dmitriyzhilin.ru/" alt="описание сылки">блог dmitriyzhilin.ru</a>
4. Вот таким образом будет выглядеть ссылка с полным набором атрибутов, то есть с описанием, закрытая от индексации и открывающаяся в новом окне:
<a href="https://dmitriyzhilin.ru/" target="_blank" rel="nofollow" alt="описание сылки">блог dmitriyzhilin.ru</a>
Разные атрибуты можно комбинировать в любом порядке, применяя те, которые нужны в каждом конкретном случае.
Виды ссылок
Ссылке прежде всего распределяются на внутренние и внешние.
- Внешние – ведущие на документы или веб страницы другого домена.
- Внутренние – те, которые ссылаются на документы расположенные в пределах одного ресурса.
На этом виды ссылок не заканчиваются.
1. Текстовые, которые расположены внутри текста статьи и имеющие следующий html код:
<a href="https://dmitriyzhilin.ru/>Анкор (фрагмент текста)</a>
2. Ссылки в виде картинки или изображения. Если сейчас вы щелкните мышкой на картинку изображенную ниже, то вас автоматически перебросит на домашнюю страницу моего блога. Я взял эту картинку с логотипа моего сайта
Ссылки картинки отличаются от текстовых тем, что вместо анкорного текста у них используется файл изображения. Они имеют следующий html вид:
<a href="https://dmitriyzhilin.ru"><img src="https://dmitriyzhilin.ru/wp-content/uploads/2019/02/logofon-dmitriyzhilin-ru-2.jpg" alt="DmitriyZhilin.ru - Блог Дмитрия Жилина об Интернете" height="70" width="600"></a>
Анкор ссылки
О том, что такое анкор я уже рассказал выше, но решил вернуться к этому вопросу, чтобы рассказать подробнее с точки зрения внутренней оптимизации сайта. Анкор ссылки – это инструмент, который помогает продвижению сайта в поисковых системах, так как его видят и понимают не только люди, но и роботы поисковиков. В зависимости от текста анкора они составляют мнение о той странице, на которую ведет ссылка. Если текст ссылки говорит про файл Robots.txt для WordPress, то, скорее всего и страница, на которую она ссылается на эту же тему.
Для организации внутренней перелинковки ресурса, вместо анкора обычно прописывают ключевое слово, по которому продвигают статью. Например, я буду продвигать статью по ключевому запросу — «FTP клиент Filezilla», следовательно анкор будет содержать эту же фразу, либо ее словоформу, либо неточное вхождение.
Адрес — https://dmitriyzhilin.ru/chto-takoe-ftp-kakoj-ftp-klient-ispolzovat-kak-nastroit-filezilla/
Анкор — FTP клиент Filezilla
А также можно прописать дополнительные атрибуты, о которых речь шла выше.
Я не зря завел разговор о том, что ссылки — это неотъемлемый помощник в продвижении ресурса. Они способны передавать вес от одной страницы другой, тем самым продвигая ее в ТОП поисковой выдачи. Об этом шла речь в статье о внутренней перелинковке страниц сайта, кстати, советую ее почитать. Тем самым я хочу вам сказать, что ссылки имеют вид не только картинок или текста, но так же могут быть:
- полезными и бесполезными — зависит от анкоров;
- передающими вес и не передающими — зависит от используемых атрибутов.
К ссылкам мы будем возвращаться еще много раз, но азы вы сегодня узнали и это главное.