- HTML-карта і її функції
- Як правильно сформувати HTML-карту сайту?
- Як оформити ідеальну HTML-карту сайту
- висновки
HTML-карта існує в структурі більшості сайтів. На жаль, далеко не кожен фахівець може розповісти про її функції, як HTML-карта впливає на SEO і чому так необхідна. На ці питання ми і постараємося відповісти в новому пості рубрики «Азбука SEO» .
HTML-карта і її функції
Sitemap HTML - це статичний каталог всіх основних розділів сайту, розміщених відповідно до їх ієрархією. Простіше кажучи, це одночасно путівник і зміст сайту.
Найчастіше у HTML-карти деревоподібна структура, а посилання на неї розміщена в футере сайту:
Основне призначення карти для користувачів - це візуалізація структури сайту і спрощення навігації.
Роботи при скануванні HTML-карти отримують список посилань на пріоритетні сторінки сайту (які ви самі вважаєте такими), що може прискорити сканування цих самих сторінок.
«Чи впливає HTML карта на SEO? Та іноді. Без сумнівів, це доцільно, коли за допомогою цього файлу здійснюють розмітку сторінок категорій та описів. Це особливо потрібно саме тоді, коли робот не може просканувати сайт нормально. Так що, якщо на вашому сайті дійсно складна навігація і немає логічно вибудуваної структури, то саме HTML-карта дозволить Google проаналізувати структуру вашого сайту. »
Джон Мюллер , Провідний аналітик Google
Як правильно сформувати HTML-карту сайту?
Три головні принципи, які лежать в основі побудови карти такі:
- Простота. У користувачів не повинно виникати труднощів в пошуку необхідної сторінки.
- Актуальність. У карті повинні бути посилання тільки на актуальні для просування сторінки - ніяких посилань на биті або закриті від індексу сторінки.
- Структурованість. Карта повинна максимально точно відображати існуючу структуру сайту.
Крім базових принципів існує ряд правил і рекомендацій, які необхідно дотримуватися при формуванні HTML-карт:
- Потрібно перерахувати посилання на всі сторінки сайту, які відкриті для індексації. При цьому виключивши типи сторінок з домінуючим кількістю в структурі сайту (більше 90%). Наприклад, сторінки:
- конкретних товарів;
- постів;
- статей;
- пагінацію.
- Якщо карта сайту включає в себе більше 150 посилань, то її слід реалізовувати на многостраничной основі.
Остання рекомендація підходить великим сайтам зі складною структурою. Також для таких сайтів використовують кілька HTML-карт з додатковим рівнем вкладеності. наприклад, карта сайту Airbnb .
Загальна карта з посиланнями на інші HTML-карти по країнам:
HTML-карта країни, реалізована на многостраничной основі:
- Необхідно реалізувати візуальне розділення по темам / категоріям. Це дозволяє поліпшити сприйняття і спростити навігацію по карті. Наприклад, як на сайті ebay.com або на www.olx.ua.
- Посилання на сторінки повинні бути розташовані в логічній формі і відповідно до ієрархією сторінок, тобто: від розділів до категорій, від категорій до підкатегоріями. Наприклад, так виглядає карта блогу Netpeak - все красиво згруповано за рубриками.
- Слід використовувати релевантні ключові слова для анкоров посилань - ніяких транзакційних ключових фраз зі словами «ціна», «купити», «замовити» та інше.
- Посилання на HTML-карту потрібно розмістити на всіх сторінках в футере сайту.
Існує кілька способів створення карти сайту:
- Вручну реалізувати HTML-документ з усіма необхідними посиланнями - підійде для досвідчених користувачів і невеликого сайту.
- скористатися сервісом SiteMap Generator . Дозволяє сформувати відразу декілька видів карт, але безкоштовно - лише для сайтів до 500 сторінок.
- Використовувати плагіни для різних CMS. наприклад, Dagon Design Sitemap Generator для WordPress зручний, спрощує процес створення і підтримки користувальницької карти сайту.
Як оформити ідеальну HTML-карту сайту
Наостанок, кілька прикладів оригінального підходу до оформлення HTML-карт. Дивіться для натхнення:
1. The New York Times. У карті сайту є посилання на статті за січень 1851 року.
2. IMDb. Щоб надати користувачеві максимально точну і при цьому лаконічну інформацію про те, куди він потрапить, до кожного посилання додана невелика анотація.
3. Daily Mail. Карта сайта оформлена наочно, яскраво і при цьому не порушує загальну стилістику оформлення сайту:
висновки
Призначена для користувача карта - простий і зручний інструмент, який полегшує процес взаємодії з сайтом як для користувачів, так і для пошукових систем.
Є три головні принципи, які лежать в основі побудови карти:
- простота;
- актуальність;
- структурованість.
Як створити таку карту?
- Використовувати сервіс SiteMap Generator. Дозволяє сформувати відразу декілька видів карт, але безкоштовно - лише для сайтів до 500 сторінок.
- Вручну реалізувати HTML-документ з усіма необхідними посиланнями - підійде для досвідчених користувачів і невеликого сайту.
- Використовувати плагіни для різних CMS. Наприклад, Dagon Design Sitemap Generator для WordPress.
Як створити таку карту?
