Главная / Создание и продвижение сайтов / SEO / Создание карты сайта для посетителей

Создание карты сайта для посетителей

О необходимости создания карты сайта на WordPress для поисковиков я упоминал совсем недавно. Сегодня дошла очередь и до карты сайта для посетителей. Ее необходимость при наличии на блоге продуманной навигации — вопрос спорный. Однако многие авторитетные блогеры рунета настаивают на том, что такая карта, содержащая ссылки на все статьи блога — хорошее подспорье для посетителей. И не просто настаивают, но и создают ее на собственных блогах. А поскольку моя задача на ближайшие месяцы — развитие блога на WordPress, решил установить подобную карту сайта в формате HTML и себе тоже.

karta-sajta-dlya-posetitelej-01

Зачем нужна карта сайта для посетителей

С этим вопросом все более или менее понятно. Частично ответ на него содержится в самом вопросе.

1) Для посетителя любого блога страница со списком всех его статей — самый простой вариант быстро ознакомиться с содержанием ресурса. Понятное дело, проще сразу открыть такую карту на блоге, чем длительное время блуждать по разветвленному навигационному меню или листать страницы кнопками постраничной навигации.

2) Наличие на блоге страницы со ссылками на все записи способствует улучшению индексации блога. При любой вложенности записей их отображение в общем списке — это помощь не только живым посетителям, но и различным поисковым ботам.

Карта сайта с помощью плагинов WordPress

Перечислю их в порядке популярности (распространенности) в рунете — мнение субъективное, буду рад увидеть другие варианты в комментариях.

Dagon Design Sitemap Generator. Этого плагина давно нет в хранилище WordPress, а его последнее обновление датируется началом июля 2009 года. Возможно, и обновлять там нечего, но факт остается фактом — скачать Dagon Design Sitemap Generator можно лишь с официального сайта. Когда эпидемия по созданию карты сайта только начинала распространяться среди блогеров, этот плагин был фаворитом. Да что вспоминать о прошлом, когда до сих пор на ресурсах многих известных блогеров-тысячников карта блога сформирована с помощью Dagon Design Sitemap Generator. А это такой пример для подражания.

Плагин хорошо русифицирован, все его настройки умещаются на одной странице. Из интересных особенностей плагина — возможность включения отображения даты публикации и количества комментариев к ней. Зная ID не нужных в карте категорий и страниц, можно исключить их отображение в формируемом списке. Предусмотрена также сортировка ссылок на записи и страницы по заголовкам (в алфавитном порядке) и по дате публикации (в обе стороны).

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

karta-sajta-dlya-posetitelej-02

WP DS Blog Map — несмотря на то, что плагин присутствует в хранилище WordPress, давно (более 2-х лет) не обновлялся и совсем не имеет оценок. Как ни странно, тоже весьма популярный плагин у блогеров рунета. Во всяком случае, в поисковой выдаче каждая вторая статья о плагине для создания карты сайта для посетителей в формате HTML — именно об этом плагине.

По функциональности плагин WP DS Blog Map чуть беднее выше описанного. Тоже переведен на русский язык. Позволяет исключать из карты целые рубрики (их список выводится в настройках, не нужно искать ID), задавать уровень вложенности, выводить описания к категориям. По умолчанию сортирует категории и подкатегории по алфавиту и отображает дату публикации статьи. Выглядит ужасно, нет никакого желания лезть в настройки CSS и исправлять все эти косяки.

karta-sajta-dlya-posetitelej-03

PS Auto Sitemap — плагин, похожий на оба предыдущих. Но, надо сказать, лично мне он понравился больше остальных, т.к. имеет более десятка предустановленных стилей отображения карты. Карта сайта, сделанная с его помощью, выглядит стильно и профессионально. Кроме того, здесь очень четко визуально разделяются категории, подкатегории и записи — именно этого так не хватает плагинам Dagon Design Sitemap Generator и WP DS Blog Map. Разумеется, через изменение стилей CSS в файлах этих плагинов, можно добиться подобного результата, но для этого придется покопаться в коде. А тут — все уже готово!

Кроме того, этот плагин позволяет кэшировать карту сайта для избавления от множества запросов к базе данных и исключать неугодные рубрики и страницы из списка. По умолчанию последние записи блога выводятся сверху, то есть сортировка производится по «свежести» записей, другой в настройках не предусмотрено. Но, если верить одному из русскоязычных описаний к плагину PS Auto Sitemap, для того, чтобы выводить рубрики на карте в соответствии с настройками основного меню, достаточно внести незначительные изменения в код плагина. Так что, повторюсь, на мой взгляд, плагин PS Auto Sitemap — лучший из рассмотренных для создания карты блога.

Несмотря на то, что интерфейс плагина не русифицирован, разобраться в настройках при желании сможет любой блогер, их (настроек) в этом плагине совсем мало. И, кстати, плагин этот самый свежий из рассматриваемых в статье и совместим с новыми версиями WordPress линейки 4.2 и выше — последнее его обновление было пять месяцев назад. Вот один из примеров того, как может выглядеть карта блога, созданная с помощью PS Auto Sitemap:

karta-sajta-dlya-posetitelej-04

Единственный недостаток всех перечисленных плагинов состоит в том, что ссылки на статьи, добавленные в несколько категорий и подкатегорий, автоматически будут многократно добавляться и в карту блога, раздувая ее до безобразия, что лично меня совсем не устраивает. Но в выводе карты блога с помощью плагинов есть и положительный момент: сразу всплывают все недочеты структуры блога — пунктов меню, рубрик и тегов. А это повод к наведению порядка в структуре.

Какой должна быть карта сайта для посетителей

Давайте представим, какой должна быть карта блога. На мой взгляд, должны присутствовать: возможность выводить ссылки на рубрики (категории) и статьи в произвольном порядке; передвигать ссылки на статьи по своему усмотрению вверх-вниз; возможность удалять ссылки на ненужные записи; возможность оформить список выбранным образом, возможность изменить или укоротить название любой статьи непосредственно в карте.

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

Реализация карты сайта без плагинов

Несколько повторяющихся строк кода HTML+CSS способны творить чудеса. Для такой простой вещи, как вывод десятков или сотен ссылок, многого и не требуется. Отступы в свойствах блока задаем с помощью оператора margin, ссылки на статьи выводим с помощью тега списка li. Разумеется, весь код вставляется на страницу карты блога в режиме редактирования записи «текст«. Я намеренно использовал самую простую конструкцию:

<div style="margin-left: 10px; margin-top: 10px; margin-bottom: 10px;"><b>НАЗВАНИЕ КАТЕГОРИИ 1</b></div>
<div style="margin-left: 30px; margin-top: 10px; margin-bottom: 10px;"><b>Название подкатегории 1</b></div>
<div style="margin-left: 30px;">
<ul>
<li><a href="">Ссылка на статью 1.1</a>
<li><a href="">Ссылка на статью 1.2</a>
<li><a href="">Ссылка на статью 1.3</a>
</ul>
</div>
<div style="margin-left: 30px; margin-top: 10px; margin-bottom: 10px;"><b>Название подкатегории 2</b></div>
<div style="margin-left: 30px;">
<ul>
<li><a href="">Ссылка на статью 2.1</a>
<li><a href="">Ссылка на статью 2.2</a>
<li><a href="">Ссылка на статью 2.3</a>
</ul>
</div>

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

Что лучше — плагин или карта блога, реализованная в виде страницы на связке HTML+CSS, решать вам. Непосредственно для этого блога я свой выбор уже сделал. Посмотреть готовую карту можно здесь.

А каким образом реализована карта блога у вас? Поделитесь интересными плагинами и собственными способами ее создания в комментариях, буду весьма признателен.

Расскажите об этой статье в соцсетях:

11 комментариев

  1. Валентина

    А я вообще не знала, что карту сайта делают с помощью плагинов или HTML+CSS. Я создала её как обычную страницу и каждый раз добавляю в неё вручную ссылки на новые записи. Не знаю правильно это или не правильно для поисковиков, но мне кажется, если посетители ею пользуются, она удобна, да и мне так проще.

    • Валентина, Вы пошли еще более простым путем, не внося корректировки в отображение заголовков и ссылок с помощью CSS. У вас отличная карта сайта без плагинов.

  2. Константин, а что произойдет с кодами HTML, прописанными непосредственно в шаблоне после обновления темы? У меня «висит» обновление моей темы, но я пока боюсь обновлять потому что после переезда сделала очень много прикруток, в том числе с вашей помощью нумерацию страниц. Все это обнулится после обновления темы?

    • Оксана, какие именно файлы затронет обновление, наугад сказать сложно. Чтобы узнать наверняка, установите InstantWP на флэшку (как это сделать, я рассказывал здесь), затем скопируйте Вашу рабочую тему в папку InstantWP\iwpserver\htdocs\wordpress\wp-content\themes, затем поверх нее с заменой файлов скопируйте скачанную обновленную тему и активируйте ее. Все изменения увидите сразу.

      Но я не сторонник обновления установленных тем, очень часто они предлагают лишь минимальные изменения. А вот проведенная Вами работа по улучшению этой темы, уверен, более важна, чем все изменения, которые предлагает разработчик. И я бы убрал на Вашем месте из подвала темы сквозную ссылку на разработчика ))

      • Константин, спасибо за ответ про обновления. Попробую.
        Я не могу убрать эту ссылку((((. Много раз пыталась разными способами. Либо у меня мозгов не хватает, либо разработчик очень хитро ее прикрутили.

        • Да нет, там стандартный вариант. Заходите в консоли в меню Внешний вид — Темы — Редактор, выбираете в правой колонке файл Подвал (footer.php) и в окне редактора находите и удаляете целиком блок со ссылками на домашнюю страницу темы и сайт разработчиков Вордпресс:

          Можно, при желании, этот блок заменить своим копирайтом или любым другим текстом.

  3. Для карты сайта пользуюсь первым плагином в Вашем списке. Пока полностью устраивает.

  4. Александр Каратаев

    На мой взгляд карта сайта должна быть такой, что единожды создал и забыл. Поэтому лично мой выбор — это плагин. Даже не представляю, чтобы я ещё вручную её изменял каждый раз… Так же ни разу не сталкивался с необходимостью исключать из такой карты статьи или рубрики… Естественно стилевое оформление карты сайта тоже имеет значение, при этом не хотелось бы лезть и корректировать стили самому. Исходя из всего этого, свой выбор остановил на плагине Hierarchical HTML Sitemap. Настроек там нет никаких и изначальный стиль мне не очень нравился, но оказалось, что стиль шаблона перекрывает у меня стиль плагина, что меня вполне устроило.
    А вот с тем, что такая карта просто необходима — согласен на все 200%…

    • Мне не сложно после публикации статьи добавить одну строчку в выбранное нужное место карты сайта. Посмотрел поближе на плагин Hierarchical HTML Sitemap, явных отличий от WP DS Blog Map найти не смог, функции те же.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *