Как создать HTML-карту сайта с помощью Netpeak Spider

19
19
Как создать HTML-карту сайта с помощью Netpeak Spider
Кейсы

Владелец каждого сайта заинтересован в большом притоке посетителей. Методов по увеличению посещаемости масса, но сегодня я сделаю акцент на одном из самых необходимых и эффективных — создании HTML-карты сайта.

1. Что такое HTML-карта, и её роль в SEO

Sitemap HTML — это файл в формате HTML, содержащий ссылки на все самые приоритетные для продвижения страницы сайта. Файл имеет древовидную структуру и служит путеводителем для посетителей. Зачастую размещается в шапке сайта или в футере.

Sitemap HTML

HTML-карта сайта даёт возможность:

  • Упростить ориентацию на сайте. С её помощью посетители могут быстро добраться до нужного раздела или конкретной страницы. Это напрямую способствует улучшению поведенческих факторов и повышению конверсии сайта.
  • Выстроить логическую структуру сайта. Поисковые роботы поощряют сайты, которые просты в использовании.
  • Увеличить ссылочный вес. Хоть сама карта сайта не является посадочной страницей, она передаёт определённый вес другим страницам.

1.1. Отличие HTML Sitemap от XML-Sitemap

Главное отличие HTML Sitemap от XML-Sitemap в том, что они выполняют разные задачи — первая создаётся для отображения данных и ориентирована больше на пользователей, вторая — для универсального хранения и обработки данных и ориентирована на поисковики.

Другие отличия:

  • HTML-карта публикуется на сайте, как и любая другая страница, а XML, как правило, помещается в корневую директорию.
  • Рекомендуемое количество ссылок в HTML — не более 3000, а размер XML карты не ограничен, при условии внедрения индекс-карты для более чем 49 999.

Подробнее о XML-Sitemap читайте в нашем посте.

2. Рекомендации по созданию HTML-карты

При создании HTML Sitemap важно учитывать несколько правил:

  • Карта должна быть логически понятной и максимально простой для пользователей.
  • Все страницы, которые содержатся в карте, должны быть открыты к индексации и отдавать код «200 OK».
  • HTML-карта должна максимально точно отвечать структуре сайта.
  • В качестве анкоров необходимо использовать релевантные слова, которые относятся к содержанию страницы.
  • Карту необходимо обновлять по мере изменений на сайте, чтобы она не теряла своей актуальности.

3. Способы создания HTML-карты

Создание HTML-карты сайта может осуществляться вручную и автоматизированно. В рамках данного поста я хочу рассказать об автоматизированных способах, среди которых онлайн-сервисы и десктопная программа Netpeak Spider.

3.1. Онлайн-сервис Sitemap Generator

Сервис позволяет сгенерировать XML- и HTML-карты сайта, но с ограниченным бесплатным лимитом на 500 страниц.

Алгоритм создания Sitemap следующий:

  1. На сайте Sitemap Generator в адресную строку вставьте начальный URL сайта и нажмите «Start».
  2. По завершению краулинга сайта кликните на кнопку, чтобы детальнее ознакомиться с созданной картой сайта.

    Детали карты сайта
  3. В разделе других загрузок («Other Downloads») скачайте файл формата zip, в котором хранятся XML и HTML Sitemap. При необходимости вы можете просмотреть их отдельно в онлайн-режиме.

    Сохранить карту сайта в Sitemap Generator

3.2. Генерация карты сайта в Netpeak Spider

Встроенный в Netpeak Spider инструмент «Генератор Sitemap» позволяет создать все виды карт сайта, в том числе HTML, а также настраивать параметры на этапе создания.

Для генерации HTML Sitemap сайта действуйте по алгоритму:

  1. Запустите программу.
  2. На боковой панели на вкладке «Параметры» убедитесь, что галочкой отмечены «Head теги» и «Заголовки H1-H6».
  3. Введите в адресной строке начальный URL сайта и нажмите «Старт».
  4. По окончанию сканирования перейдите в меню инструментов в правом верхнем углу и выберите «Генератор Sitemap».

    Генератор Sitemap
  5. Отметьте галочкой раздел «HTML Sitemap» и настройте параметры:
  6. Источник текстовых ссылок: это могут быть URL, Title или Заголовок H1.
  7. Сегментация: позволяет сформировать одним файлом либо разделить их по 100 и 1000 URL.
  8. Дополнительный контент: позволяет добавить содержимое Description, чтобы сориентировать о контенте каждой страницы.
  9. После настройки параметров нажмите «Сгенерировать» и выберите папку для сохранения карты на ваше устройство.

    Сгенерировать Sitemap

3.3. Пример хорошей HTML-карты сайта

Я подобрала несколько карт сайта, которые могут послужить отличным примером для создания собственной. Благодаря визуальному удобству и чёткому распределению по категориям пользователи без особого труда найдут то, что им нужно.

  1. Forbes. Минималистичный дизайн и компактность позволяют просмотреть всю карту сайта одним скроллом и найти нужный раздел или подраздел.

    Карта сайта Forbes
  2. Humane Society. Подкатегории карты сайта открываются при нажатии на основную категорию. За счёт этого карта получается компактной.

    Карта сайта Humane Society
  1. The National Lottery. Несмотря на множество разделов и подразделов, карта легко воспринимается и наглядно отражает содержание сайта.
    Карта сайта The National Lottery

Подводим итоги

HTML-карта — инструмент, облегчающий взаимосвязь с сайтом для пользователей. Она помогает удержать посетителей и даёт им возможность быстро сориентироваться и отыскать необходимое. Чтобы файл HTML Sitemap исправно выполнял свои функции, при его создании руководствуйтесь следующими принципами:

  • простота;
  • логичная структура;
  • релевантные анкоры в карте сайта;
  • регулярное обновление.

Создать HTML-карту сайта можно в онлайн-сервисах, например, в Sitemap Generator, а также в программе Netpeak Spider. Она позволяет более гибко работать с инструментом генерации карты сайта благодаря ряду настроек, которые учитываются при формировании HTML.

Расскажите о своём опыте создания HTML-карты сайта в комментариях :)