Добрий день, друзі! Сьогодні поговоримо про посилання: що це взагалі таке і як вони працюють. Почнімо!
Перше, що потрібно знати про посилання: за їх допомогою виконується внутрішнє перелінкування, яке сприяє кращій індексації сайту та допомагає розподіляти вагу між внутрішніми сторінками.
Що таке посилання?
Посилання — певна частина документа, у більшості випадків текст, рідше зображення, піктограма або кнопка, яка виконує важливу зв’язувальну роль між інтернет-сторінками. Іншими словами, посилання — це елемент вебсторінки, натиснувши на який можна перейти з пункту «А» до пункту «Б». Наприклад, якщо ви зараз натиснете на це посилання, то перейдете на сторінку, де я докладно розповідаю, як створити сайт на Joomla.
Посилання можна порівняти з дорогами, що ведуть у певне місце. Вони зв’язують сторінки та впливають на те, як пошукові системи сприймають структуру сайту. Фактично вся Всесвітня павутина побудована на посиланнях: щоб потрапити на певну сторінку, потрібно відкрити її URL-адресу або перейти на неї з іншого документа.
Як зробити посилання?
Для створення посилання в HTML використовується тег «a». Наприклад, наведене вище посилання в HTML-коді виглядає так:
<a href="/uk/joomla-cms/yak-stvoryty-sait-na-joomla-5-6">посилання</a>
Як можна помітити, важливою складовою посилання є анкор, у цьому прикладі — слово «посилання». Анкор — це текст, розташований між відкривальним і закривальним тегами «a». Відкривальний тег позначається як «a», закривальний — «/a».
Крім того, кожне посилання незалежно від виду може мати кілька атрибутів. Умовно їх можна поділити на обов’язкові та додаткові.
До основних належить атрибут href, у якому вказується адреса сторінки.
Додатковими можуть бути:
— title — відповідає за підказку або текст, який може відображатися під час наведення курсора на посилання.
— rel зі значенням nofollow — використовується, щоб вказати пошуковим системам особливий характер посилання та обмежити передачу ваги.
— target зі значенням _blank — відкриває сторінку в новій вкладці або вікні.
Види посилань
Тепер розглянемо, які види посилань існують. Умовно їх можна поділити на основні типи та на посилання за типом індексації.
Основні типи посилань
Анкорні посилання — це посилання, текст яких сформовано з певних слів або словосполучень і веде на конкретну сторінку сайту. Часто як анкор використовують пошукову фразу, за якою просувають сторінку, хоча це не обов’язково. Видимий текст посилання називають якорем або анкором.
Приклад анкорного посилання: Як правильно прописати заголовки H1–H6
Структура: <a href="/uk/seo/yak-pravylno-propysaty-zaholovky-h1-h6" title="Приклад анкорного посилання">Як правильно прописати заголовки H1–H6</a>
Безанкорні посилання — посилання у вигляді звичайної URL-адреси, що ведуть на певну зовнішню або внутрішню сторінку. Такий формат часто сприймається як природний, тому його використовують під час формування зовнішнього посилального профілю.
Приклад безанкорного посилання: https://stimylrosta.com.ua/uk/seo/yak-pravylno-napysaty-seo-stattiu
Структура: <a href="/uk/seo/yak-pravylno-napysaty-seo-stattiu" title="Приклад безанкорного посилання">https://stimylrosta.com.ua/uk/seo/yak-pravylno-napysaty-seo-stattiu</a>
Графічні посилання — активні елементи у вигляді картинок або кнопок, після натискання на які користувач переходить на певний інтернет-ресурс.
Приклад графічного посилання:
Структура: <a href="/uk/seo/yak-znaity-ta-zminyty-html-kod"><img src="/images/kak-najti-i-izmenit-kod-html/kak-najti-i-izmenit-kod-html.png" alt="як знайти та змінити HTML-код" width="200" height="160" title="Приклад графічного посилання" /></a>
Як бачимо, у графічних посиланнях використовуються додаткові елементи: тег img, атрибути src і alt, а також width і height.
img — тег для відображення на вебсторінці графічних елементів, наприклад JPEG, PNG або GIF.
src — атрибут, який указує шлях до графічного файлу.
alt — атрибут із коротким інформативним текстом, що описує зображення. Опис має відповідати тому, що показано на картинці.
width — атрибут, що задає ширину зображення.
height — атрибут, що задає висоту зображення.
Посилання за типом індексації
Відкриті посилання — елементи сторінки, доступні для індексації. Такий тип посилань може впливати на позиції сайту в пошуковій видачі. Для нарощування посилальної ваги використовують відкриті посилання з інших майданчиків. Водночас важливо враховувати авторитетність ресурсу, що посилається, оскільки слабкі або неякісні майданчики можуть негативно позначитися на просуванні. Велика кількість вихідних посилань із вашого сайту на інші ресурси також може мати небажаний ефект.
Закриті посилання — посилання, для яких використовують спеціальні способи обмеження індексації або передачі ваги, наприклад атрибут rel=nofollow. У старих практиках також застосовували тег </noindex>. Такі команди використовували, коли не хотіли передавати вагу іншій сторінці.
Сподіваюся, стаття була корисною і тепер ви знаєте, що таке посилання.
Дякую за увагу і до зустрічі на сторінках StimylRosta.
