🎅 Чек-лист із перелінковки сайту

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

Перелінковка – сукупність внутрішніх посилань сайту, методів їхнього проставляння і відображення на сайті. Використання продуманої перелініковки дає змогу домогтися зручної навігації користувачів сайтом і чудових результатів під час просування внутрішніх сторінок.

Так що ж має бути в перелінковці багатосторінкового сайту? Про це наступні 15 пунктів чек-листа.

Наскрізні посилання

Напевно, на вашому сайті є такі наскрізні елементи, як шапка (heredot), підвал (footer), а може навіть бічне меню (sidebar). Ці елементи мають виконувати, зокрема, навігаційну роль, тобто дати змогу користувачеві швидко знайти сторінку з інформацією, яка його цікавить. Тут повинні стояти посилання не тільки на сторінки, що просуваються (головну, каталог продукції, послуги компанії), а й на важливі службові сторінки (про компанію, контакти, блог тощо).

Контекстні посилання

Якщо в тексті сторінки є згадка об’єкта або теми, під які у вас є окрема сторінка, то варто з нього проставити відповідне посилання. Так користувач зможе заглибитися, а інформацію, що його цікавить.

Якірні посилання

Якірні посилання (англ, ‘jump links’) – посилання на конкретні блоки контенту. Використовуйте їх для виведення на початку сторінки блоку навігації за ключовими блоками контенту сторінки. Завдяки цьому блоку користувач у тому числі зможе оцінити яка інформація представлена на сторінці.

Посилання на дочірні сторінки

У цієї сторінки є вкладені (дочірні)? Тоді виведіть на ній плитку з посиланнями на такі сторінки. Можливо одна з них містить більше корисної інформації для користувача, бо більше підходить до його випадку.

Посилання на батьківські сторінки

У сторінок мають бути посилання на батьківські розділи (в які вони вкладені). Забезпечити такі посилання можна використовуючи блок з хлібними крихтами відразу під шапкою сайту або перед футером.

Інформативні анкори

За текстом посилання має бути зрозуміло, куди воно веде. Причому однозначно. Приклад невдалого тексту посилання: ‘Детальніше про кредит тут’. Набагато краще: ‘У розділі “Отримання кредиту” ми детально розібрали всі етапи оформлення*.

Історія переходів

За замовчуванням усі популярні браузери відстежують те, за якими посиланнями ви переходите. Але чомусь усі дизайнери та верстальники забувають, що майже всі користувачі знають, що активне нове посилання має синій колір, а вже відвідане раніше посилання – фіолетовий.

Для того, щоб виділити користувачеві вже відвідані посилання, використовуйте в CSS псевдоклас *:visited*.

Велика активна область

У посилання має бути легко потрапити. Не тільки курсором, а й великим пальцем на смартфоні. Область натискання має бути більшою за фізичний розмір у 1? 1 см. Посилання повинні мати між собою відступи.

Анімація при наведенні курсору

Користувач повинен побачити відгук на те. що він навів курсор на посилання, а також клікнув по ньому. Можна поміняти тип курсору на рointer. змінити колір підкладки або тексту, масштабувати область наведення або просто підкреслити текст посилання.

Наявність пов’язаних іконок

Якщо це додасть наочності, то додайте асоційовані зі сторінками іконки або емодзі поруч із важливими посиланнями.

Асортимент сторінок

Користувач повинен зрозуміти чи варто йому шукати потрібну інформацію на даній сторінці чи ні. Це стосується як кількості відгуків компаній і фахівців на агрегаторах, так і асортименту товарних категорій інтернет-магазину.

Відсутність спаму

Не намагайтеся багато разів вставляти в переліковку одні й ті самі слова. Це погано не тільки для ранжування в пошуку, а й для зручності використання сайту користувачами.

Сторінка карти сайту

Окрема сторінка з посиланнями на важливі сторінки та розділи. Карта може бути корисна для користувачів, не дарма вона є навіть на сайті Аррlе. Також вона дає змогу зменшити вкладеність сторінок, що просуваються.

Відсутність сторінок-сиріт

Сторінки-сироти це ті сторінки, які неможливо знайти за внутрішніми посиланнями сайту, якщо починати пошук з головної сторінки. У користувачів і пошукових систем можуть виникнути проблеми з пошуком вмісту таких сторінок.

Виявити такі сторінки можна використовуючи звіт “Orphan URLs” у Screaming Frog SEO Spider. Як джерело сторінок можна вказати XML-карту сайту, список сторінок входу з API для Google Analytics і Search Console.

Посилання на нові сторінки

Якщо на вашому сайті публікуються новини або товари, то для них критично важлива швидкість потрапляння в пошуковий індекс. Адже який сенс у новині, якщо її ніхто не прочитав за перші 2 тижні. Або в товарі, який по кілька місяців валяється на складі Тому обов’язково варто вивести на головній сторінці блок посилань на останні новини та новинки каталогу товарів.