Какой же удобный модуль XML карты сайта у битрикса, и какой скудный компонент для генерации html карты сайта. Очень долгое время я ждал, когда же битриксоиды выпустят нечто адекватное. Не дождался. Пришлось писать компонент самому. Описание работы и ссылка на скачивание внутри статьи.
Нет, ну серьезно, Битрикс, что за дела? Я понимаю, что приоритетнее, конечно, именно xml карта сайта для роботов. Но оптимизаторы почему-то не перестали просить устанавливать карты сайта и для людей. Вы считаете, что по меню можно действительно построить достойную карту сайта? Путаница же будет дикая.
Есть онлайн-сервисы по генерации таких карт сайта, вот только генерируют они их в основном по тайтлам. Да и ограничение у них стоит на 500 ссылок. Так что для серьезных проектов подобные инструменты не подходят.
Описание компонента
Компонент выстраивает карту сайта на основе выбранных инфоблоков и статичных разделов сайта.
В шаблоне по-умолчанию сначала идет главная страница, затем все статичные разделы, и в конце уже содержимое инфоблоков: разделы и элементы.
В компоненте изначально установлен минимальный список из папок, которые не будут обрабатываться картой сайта: bitrix, upload, search, cgi-bin, images. Вы можете дополнить его как захотите.
По остальным папкам будет произведен рекурсивный обход, в котором будет проверяться, есть ли в папке index.php. Если таковой имеется, значит это статичный раздел и он будет включен в карту сайта. В качестве анкора для ссылки будет использовано название раздела.
Установка компонента
Тут все очень просто:
- Скачиваете архив с компонентом (ссылка ниже);
- Разархивируете его;
- Копируете папку alittlebit.ru в папку /bitrix/components/ вашего сайта;
- Далее создаете страницу, где у вас будет карта сайта;
После этого вам нужно будет в визуальном редакторе, в правом сайдбаре обновить список компонентов.
У вас появится новый раздел alittlebit.ru с компонентом HTML карта сайта внутри.
Дальше используете его как любой другой компонент.
Я возможно еще буду в дальнейшем его дорабатывать, пока Битрикс не выпустит чего-нибудь более-менее адекватного. Но пока этого функционала мне хватает с лихвой.
UPD 31.07.15: Обнаружена и исправлена ошибка обхода скриптом некоторых файлов.
UPD 05.10.15: Мой коллега, Роман, доработал карту сайта — сделал вывод физических разделов в виде древа.
Ну начнем как всегда. Что часто веб-мастеру приходит задача сделать вывод html карты сайта и разместить её в футере сайта, к примеру.
В этой статье, мы рассмотрим, создание html карты сайта на битриксе.
Стандартными средствами html карта сайта в битриксе делается с помощью вызова на нужной странице компонента bitrix:main.map. Здесь карта сайта будет строиться на основе пунктов меню.
Пример вызова компонента bitrix main map:
Html карта сайта на основе разделов каталога в битрикс может быть выполнена размещением кода, который бегает по всем активным разделам и выводит их с иерархией.
Пример карты сайта на основе разделов каталога в битрикс:
Оформить карту сайта можно на свое успотрение, добавить разделение на «Навигация сайта» и «Ассортимент сайта», к примеру, изменить отгображение компонента bitrix:main.map и т.п.
После размещения кода в php файле получим результат: html карту сайта для пользователя. Всем удачи и успехов в работе!
На многих сайтах вы можете увидеть HTML-карту сайта, но для чего она нужна и какое влияние оказывает на SEO-продвижение, не каждый специалист сможет дать правильный и внятный ответ. Именно на эти важные вопросы и постараемся ответить в статье.
Какие функции у HTML-карты сайта?
HTML-карта сайта представляет собой один большой каталог. Она включает в себя все разделы и подразделы сайта, расположенные с соблюдением соответствующей иерархии. Если же совсем просто, то можно сказать, что это очень упрощенная навигация по сайту для живых посетителей.
Если взять практически любой сайт в интернете с наличием HTML-карты сайта, то можно заметить, что она имеет древовидную структуру. Такое расположение ссылок наиболее логичное и понятное. Ссылку на карту обычно добавляют в футер сайта.
Для пользователей карта служит помощником по навигации и визуализации структуры сайта.
Для поисковых роботов HTML-карта сайта также выступает помощником. Она показывает список ссылок наиболее важных и приоритетных страниц на сайте, которые содержат полезную информацию. Указывает, что их нужно сканировать в первую очередь.
Правильная HTML-карта сайта
В основе формирования HTML-карты сайта имеются три основных принципа:
Актуальность – только рабочие и подходящие для продвижения страницы должны присутствовать в данной карте. Нельзя включать ссылки на различные мусорные и закрытые от индексации страницы, пагинацию.
Отражение структуры – карта обязательно должна совпадать с существующей структурой сайта и отображать ее максимально точно.
Простота восприятия – посетитель сайта должен легко ориентироваться в HTML-карте сайта.
Кроме упомянутых выше трех основных принципов, имеются еще и дополнительные, которые также нужно учитывать при создании HTML-карты сайта:
Включить все ссылки сайта, не закрытые от индексации. Но исключить страницы, которые занимают более 80 – 90 % от всех страниц сайта. Сюда можно отнести страницы товаров, пагинаций или статей.
Регулярное обновление карты сайта. Это позволит иметь постоянно актуальные страницы на сайте.
Если количество ссылок в HTML-карте сайта превышает 100 штук, то нужно создавать дополнительные страницы. Это наиболее актуально для сайтов с нестандартной, запутанной и сложной структурой. В таком случае желательно формировать карты с несколькими уровнями вложенности. В качестве такого примера можно рассмотреть HTML-карту сайта gismeteo.ru.
Сначала видим общий вид карты со ссылками на другие страны, где каждая страна является еще одной картой сайта, расположенной во втором уровне:
HTML-карта для отдельной страны:
Нужно добавлять деление по определенным темам или категориям, чтобы улучшить восприятие информации и сделать навигацию по карте максимально удобной. Пример сайта Etalon-BT.ru
Обязательно нужно соблюдать иерархию страниц. На примере сайта oldi.ru это наглядно видно:
Или еще пример на сайте kupivip.ru:
Использование понятных релевантных ключевых слов при формировании анкоров ссылок. Они не должны включать прямые вхождения запросов для продвижения, а уж тем более коммерческие слова, такие как «заказать», «недорого», «цена» и другие.
Размещать ссылку на HTML-карту нужно в футере сайта, чтобы она была видна посетителям и доступна для индексации поисковым системам. Пример:
Для создания карты сайта можно воспользоваться несколькими способами:
Сделать вручную. Этот способ актуален, если сайт имеет немного страниц и требует базовых знаний HTML.
С помощью сервиса htmlweb.ru. При его использовании можно сгенерировать бесплатно несколько видов карт сайта. Стоит отметить, что это актуально если на сайте не более 500 страниц. Если количество страниц больше, то уже за дополнительную плату.
С помощью плагинов для CMS. К примеру, для WordPress можно использовать плагин Hierarchical HTML Sitemap. Он максимально прост в работе и создает понятную карту сайта для пользователей и поисковиков. Если сайт работает на Joomla, то подойдет плагин OSMap, а для Drupal есть специальный модуль Sitemap.
Примеры нестандартного оформления HTML-карты сайта
На сайте becompact.ru карта сделана в виде содержания книги:
Сайт американской ежедневной газеты The New York Times может похвастаться тем, что кроме удобной навигации он имеет в своей карте сайта статьи за многие годы:
Карта ресурса inetshopper.ru имеет простую структуру, легко воспринимается визуально. А разделы и категории обозначаются с помощью ненавязчивых иконок папок и документов::
Выводы:
HTML-карта сайта является полезным функционалом на сайте, который понадобится как для посетителей, так и для поисковых систем.
При создании карты сайта нужно руководствоваться тремя главными принципами:
Чтобы создать правильную карту сайта, можно воспользоваться сторонними сервисами в интернете, установить плагин для используемой CMS или сделать собственноручно (при наличии навыков работы с HTML).