Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

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

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

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

JavaScript учебник
Код функций в JavaScript начинает выполнение после их вызова. Функции являются одним из наиболее важных строительных блоков кода в JavaScript. Функции состоят из набора команд и обычно выполняют

Рекомендации решившим начать изучать JavaScript
Если вы решили начать изучать JavaScript , то эта статья для вас. Надеюсь, что её прочтение избавит вас в будущем от множества ошибок и сделает его изучения более простым, быстрым и эффективным. В статье

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

Опубликовано: 01.09.2018

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

Инструкция по созданию карты сайта (Xml и Html)

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



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

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

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


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

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

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


Как создать карту сайта в HTML и XML?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Несколько повторяющихся строк кода 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, решать вам. Непосредственно для этого блога я свой выбор уже сделал. Посмотреть готовую карту можно здесь .

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

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

rss