Как сделать карту сайта на wordpress html
Обновлено: 04.07.2024
В данном посте мы сделаем карту сайта для блога на движке WordPress. Сделаем, как XML, так и HTML карты сайта для WordPress.
Карта сайта — один из важнейших элементов для сайта и я просто не мог не затронуть данную тему. Приготовил для вас очень подробный материал в виде пошаговой текстовой инструкции с изображениями, а также записал практический видео-урок.
Вы узнаете о карте сайта все, что вам необходимо знать. А главное — реализуете данную функцию на своем блоге.
Зачем нужна?
Существует 2 типа карт для сайта:
Каждая выполняет свои задачи:
- XML — призвана помогать поисковым системам правильно и быстро индексировать сайт;
- HTML — также помогает при индексации, но более приоритетной задачей является помощь посетителям в оценке содержимого ресурса.
Хотя, вторая больше помогает ускорить индексацию. Так как я не видел, чтобы пользователи усердно пользовались картой на каких-то сайтах. Да, они заходят на нее, но чтобы найти необходимый материал более удобной вещью является поиск по сайту.
XML карта сайта имеет следующий вид:
HTML карта имеет вид обычной страницы сайта со ссылкам на все публикации:
Больше говорить ничего о них в этой статье я не буду. Это все, что вам нужно знать на данном этапе. В более продвинутых материалах блога мы будем рассматривать данную функцию более подробно. Сейчас же приступаем к практической реализации карты сайта для движка WordPress.
Сначала сделаем XML карту.
Делаем XML карту сайта
Попадем на страницу с настройками плагина. Карта сайта должна уже быть создана. Но может быть и такое, что вам руками нужно будет ее в 1й раз сгенерировать. В более ранних версиях плагина так и было. Необходимо было зайти в настройки и нажать на соответствующую ссылку для создания XML карты.
В новых версиях плагина такой надобности нет. Карта создается автоматически, о чем говорит ссылка, которая показывает, что карта доступна по адресу ваш домен/sitemap.xml.
Если вы перейдете по такому адресу (ваш домен/sitemap.xml), то должны увидеть список всех ваших страниц и записей, отсортированных по даже добавления. Как выглядит такой формат карты сайта я показывал выше.
Настройки можно не трогать, так как в стандартном режиме все вполне нормально и ничего плохо не случится, но я все же дам некоторые рекомендации. Дело в том, что на сайте имеется приоритет к индексации некоторых страницы. В связи с этим мы должны расставить приоритеты страницам и указать, что именно должно индексироваться и, как часто стоит проверять страницы.
Первое, чего должны коснуться, это содержимого карты.
Статические страницы можно и исключить из карты, если они абсолютно не несут никакой информации посетителям. Последний чек-бокс указывает дату последнего изменения документа. Это также очень важно, потому что бывают такие материалы, которые стоит часто обновлять, чтобы быть в тренде. Поисковым системам нужно указывать на такое обновление. Это значит, что наш контент все время обновляется и актуальный.
Далее мы ставим приоритет для каждого типа страниц, чтобы поисковые системы знали, как часто необходимо проверять каждый тип документов. Является лишь рекомендаций, а не строгим указанием.
Приоритеты расставляются от страниц высшего уровня к низшему. Главной странице наивысший приоритет, поэтому ее проверять каждый день. Далее идут рубрики (категории) — раз в неделю, и статьи со страницами — раз в месяц.
Не стоит указывать страницам и записям частоту проверки каждый день, если вы реально не обновляете на них контент каждый день. Этим вы вводите в заблуждение поисковых роботов.
Дальше продолжаем выставлять приоритеты для каждого типа страниц по такому же принципу от высшего уровня к низшему.
Выставив значения, которые я привел выше, вы будете давать наиболее правдивые рекомендации поисковых системам, что приведет к своевременной индексации ресурса поисковыми роботами, которые не будут вас игнорировать.
XML sitemap возможно сделать также без использования плагина Google XMl sitemaps. Если вы используете плагин для поисковой оптимизации сайта на WordPress — All in one seo pack, то в нем имеется специальный модуль. Делается все очень просто.
После этого все будет работать и плагин Google XML sitemaps не понадобится. Карта будет выводиться по тому же адресу, но будет иметь другой вид. Записи и страницы не будут сортироваться по месяцам и категориям.
Мне это не очень понравилось и я не стал использовать данное решение. Отдал преимущество плагину. Вы же можете сделать, как вам угодно.
После данных действий можно сделать второй тип карты сайта — HTML карту.
Делаем HTML карту сайта
Такую карту сайта можно делать с помощью плагина и без плагина.
В этой статье я покажу вариант реализации HTML карты с плагином. В следующей статье вы можете сделать такую карту сайта без плагина, чтобы избавиться от лишнего плагина и ускорить работу своего сайта.
Сначала качаем плагин отсюда и устанавливаем его. Про данный плагин я говорил в своей статье про необходимые плагины для WordPress.
После создания страницы переходим на нее, где должны увидеть список всех созданных нами страниц и записей, отсортированных по категориям.
Быстро пройдемся по настройкам плагина.
Сразу выберите русский язык, чтобы дальше было понятней настраивать плагин.
Основные настройки DDSitemapGen
Генерация карты сайта
- Что показывать — страницы и публикации;
- Что показывать вперед… — сначала публикации;
- Сортировка публикаций — на ваше усмотрение;
- Сортировка страниц — на ваше усмотрение;
- Показывать количество комментариев рядом с публикацией — на ваше усмотрение, но когда комментариев лучше не ставить;
- Показывать количество комментариев рядом со страницей — не ставим;
- Показывать, если комментариев 0 — не ставим;
- Показывать даты создания публикаций — на ваше усмотрение. Я не ставлю;
- Показывать даты создания страниц — не ставим;
- Формат даты — выбирает удобный формат даты. Работает, если активны предыдущие 2 пункта.
В этом же пункте мы можем добавлять определенные категории и страницы в исключения.
Чтобы добавить исключения, необходимо в соответствующие поля ввести ID страниц, которые не нужно показывать на странице с картой сайта.
ID страницы узнаете из редактора. Переходите в редактор любой страницы и смотрите на адрес, находясь в данный момент в редакторе. В ссылке будут цифры, которые и являются идентификаторами.
Эти цифры и вставляем в поля для исключения. Если страниц много, то каждый ID прописываем через запятую.
- Прятать публикации с датой в будущем — в WordPress имеется возможность планировать автоматическую публикацию записей. Чтобы еще не опубликованные материалы не отображались на странице карты сайта, данную настройку необходимо включить;
- Прятать публикации защищенные паролем — если у вас на блоге имеются записи, доступ к котором возможен только по паролю, то лучше такие записи скрыть из общего доступа. Поэтому, эту настройку включаем;
Навигация
Разное
- Полный путь к карте сайта в формате XML — вставляем адрес XML карты сайта (ваш-домен/sitemap.xml);
- Где показывать ссылку на карту сайта в формате XML — не имеет значения, т.к. все материалы мы выводим на одной странице;
- Ссылки в карте сайта открывать в новом окне — обязательно ставим чек-бокс.
На этом HTML карта для блога полностью настроена. Но осталось уделить внимание одному моменту.
Удаляем внешнюю ссылку из плагина
В плагине вшита внешняя ссылка на сайт разработчика. Внешние ссылки со страниц сайта играют пагубную роль. Не всегда, но лучше ее удалить в данном случае.
Выглядит эта внешняя ссылка так:
Для удаления ссылки необходимо перейти в редактор плагина в удалить часть кода, который отвечает за ее вывод. Сначала переходим в редактор плагина.
Затем нужно выбрать сам плагин для редактирования. В правом верхнем углу выбираем плагин из списка.
После выбора плагина необходимо сразу же отредактировать код, который появится, а точнее — удалить 2 строки, выводящие внешнюю ссылку. Эти 2 строки я показал на скриншоте ниже. При их удалении будь-те аккуратны, не заденьте другие части кода, иначе плагин или даже весь блог может перестать работать.
Теперь внешней ссылки на странице карты сайта быть не должно.
Если кому-то непонятно, как это все сделать, то я приготовил видео-урок, в котором показал весь процесс создания обоих карт сайта для блога, а также процесс удаления внешней ссылки.
Последним шагом я бы выделил добавления карты сайта в поисковые системы. Необходимо оповестить поисковые системы о нашей карте сайта.
Добавляем карту сайта в поисковые системы
Кстати, в статье по ссылке выше я показывал данный процесс. Также там и видео записал, где тоже все продемонстрировал. Дублирую его и здесь, а затем рассмотрим текстовый вариант.
Сей процесс я показывал после добавления сайта в каждую поисковую систему.
В открывшемся окне необходимо ввести путь к кате сайта в формате XML. Название домена вводить не нужно, так как мы находимся в панели управления тем сайтом, к которому добавляем карту сайта.
В течении ближайшего времени (может быть и сразу) файл обработается и сайт начнет индексироваться. На этой же странице вы будете видеть статистику работы карты сайта. Сколько страниц отправлено в индекс, сколько проиндексировано и так далее.
На этом процесс добавления карты в поисковые системы закончился. Да, в общем, как и весь процесс создания карты сайта.
Также необходимо добавить путь к карте в файл robots.txt. Подробнее об этом читайте в статье по ссылке слева.
Надеюсь, что вам данная статья была полезна. Если имеются какие-то неясности и идеи для нового контента, пишите все в комментариях. Буду рад всех услышать.
На каждом сайте посвященном созданию сайтов, чуть ли не в каждой статье упоминается то, насколько важно иметь на своем сайте xml карту сайта для поисковиков, чтобы они лучше индексировали ваш проект. Но не стоит забывать и про пользователей. Очень удобно, когда ты заходишь на сайт и там есть обычная карта сайта, с помощью которой можно просмотреть список материалов опубликованных на этом сайте. Ведь на хорошем сайте всегда найдется не одна статья, которая может заинтересовать простого пользователя интернет. И в этой заметке я хотел бы рассказать вам про плагин для создания html карты сайта на WordPress блоге. Это плагин WP Sitemap Page. С помощью него можно создать html карту сайта и настроить ее так как вам нужно.
Установка WP Sitemap Page
Установка плагина выполняется обычным способом. В боковой панели админки сайта выбираем “Плагины” -> “Добавить новый”.
В строке поиска пишем название плагина “WP Sitemap Page”
Из результатов поиска устанавливаем наш плагин.
И активируем его.
Дальше переходим к созданию html карты сайта для нашего сайта.
Создание HTML карты сайта с помощью WP Sitemap Page
Откроется редактор страниц. Указываем заголовок странице, “Карта сайта” к примеру. А для того, чтобы на этой странице отображалась карта сайта, в текстовом поле вставляем:
Нажимаем “Опубликовать” и можно просмотреть результат.
HTML карта сайта для WordPress готова.
Настройка плагина WP Sitemap Page
На самом деле по умолчанию карта сайта отображается вполне нормально. Но для требовательных, у плагина имеется довольно большое количество настроек.
В админке сайта выбираем “Настройки” и выбираем наш плагин.
Первый блок настроек
- Добавить тег nofollow к ссылкам – выбираете в зависимости от настроек вашего CEO
Дальше идет способ отображения записей. По умолчанию записи в карте сайта отображаются просто как заголовок статьи в виде ссылки. Но к этой конструкции можно добавлять дополнительные сведения: дату публикации, ID статьи, категорию, в которой эта статья опубликована. Для этого просто копируете нужный шорткод и добавляете его к стандартной конструкции.
- Записи в нескольких рубриках – бывает, что ваша запись публикуется сразу в нескольких категориях, так вот здесь вы и выбираете отображать ли такие заметки во всех рубриках к которым они принадлежат или только в одной.
Второй блок настроек
Следующий блок настроек дает возможность исключать из карты сайта страницы, таксономии, категории и т.д.
- Отображать имя плагина с ссылкой на него в нижней части карты сайта – включаете или отключаете копирайт в плагине.
Вот такие основные настройки есть у плагина WP Sitemap Page. Для более детального ознакомления с плагином рекомендую установить его на какой-нибудь тестовый сайт и самостоятельно поэкспериментировать. А у меня на этом все, до новых записей!!
Может вас заинтересовать:
Тоже раньше юзал этот плагин. Сейчас нашёл и использую наш русскоязычный Hierarchical HTML Sitemap, очень лёгкий и простой + не подключает левых стилей и всякой ерунды, можно и разработчикам вопрос задать. если что не получается. Ещё огромный плюс в том, что карта выводится с учётом иерархии рубрик, подрубрик, статей. Хотя каждому своё 🙂
Привет! Шорткод для вставки карты на страницу не совсем правильный, вот верный:
[wp_sitemap_page]
“Добавить тег nofollow к ссылкам — выбираете в зависимости от настроек вашего CEO”
Можно поконкретнее? Лучше стаить галку или нет? И почему? Спасибо
И еще хочу спросить, а существует ли у этого плагина вывод материалов и рубрик, в 2 или 3 колонки?
HTML карта сайта – один из основных способов оптимизации сайта WordPress для поисковых систем и повышения рейтинга сайта.
Вы когда-нибудь задумывались над тем, как крупные поисковые системы поднимают рейтинг новых веб-сайтов и включают их в свой поиск? (Маленькая подсказка: их ничем нельзя подкупить!) Карты сайта помогают поисковым системам качественно и эффективно индексировать сайты, находить посты и страницы, которые в противном случае оказались бы недоступны для поиска.
Какие карты сайта бывают и для чего они нужны?
Для сайтов существуют карты 2-х типов. Для пользователей HTML и для роботов поисковых систем XML. В этой статье будет рассказано о том, что нужно знать о HTML картах сайта для WordPress. Будет рассказано о том, почему они так важны, об основных способах их создания. А как настраивать XML карты для вашего блога мы рассмотрим в другой статье.
Файлы с HTML картой сайта в первою очередь предназначены для пользователей вашего блога. Но также позволяют вебмастерам информировать поисковые системы о тех или иных страницах своих сайтов, как доступных для сканирования. Такие карты показывают поисковым роботам всю структуру вашего сайта и где эти страницы находятся и как их найти.
Ещё не так давно файлы с картой сайта создавались вручную с помощью HTML-кодирования, теперь же на автомате через плагин. А теперь давайте рассмотрим лучшие из возможных способов создания карт сайта для сайтов WordPress.
Лучшие плагины WordPress для создания HTML карты сайта
1. PS Auto Sitemap
Это простой в использовании плагин, автоматически создающий карту сайта для WordPress. Плагин поддерживает все страницы в плане добавления новых постов и разделов.
Каждый, кто имеет хоть немного знаний в области программирования, сможет полностью настроить карту для своего сайта, изменив настройки конфигурации и добавив встроенные CSS скины. Плагин также позволяет пользователям ограничивать глубину карты сайта и устанавливать порядок отображения страниц и постов.
Основные характеристики плагина:
- Возможность выбрать из 12 разных дизайнов для отображения вашей карты сайта.
- Возможность кэшировать содержимое вашей карты сайта.
- Возможность выбора страниц, постов и категорий, которые не должны быть включены в карту сайта.
- Возможность ограничения глубины карты сайта.
2. Page-list
Данный плагин создаёт карты сайта для WordPress. Он может работать сразу после установки.
Одним из главных достоинств плагина Page-list является поддержка шорткодов. Кроме того, имеется множество других параметров.
Существует четыре основных шорткода:
- [pagelist] – дерево всех страниц.
- [subpages] – дерево всех подстраниц текущей страницы.
- [siblings] – дерево всех одноуровневых страниц в отношении текущей страницы.
- [pagelist_ext] – список страниц с изображениями и цитатами.
Основные характеристики Page-list:
- Работает сразу после установки.
- Имеется возможность настраивать параметры контента для отображения в карте сайта.
- Шорткод содержит более 50 параметров.
- Имеется возможность отображать страницы с изображениями и цитатами.
3. WP Sitemap Page
Данный плагин позволяет пользователям добавлять карту сайта на свою страницу с помощью простого шорткода. Добавление шорткода автоматически создаёт карту вашего сайта и отображает её на странице.
Плагин создаёт карту сайта в HTML-коде, что означает, что она не может быть прочитана поисковыми системами. Однако она может улучшить ваш сайт, помогая посетителям легко находить нужные страницы и посты.
Основные характеристики плагина:
- Отображает все страницы, посты, разделы, типы пользовательских постов и категорий в HTML карте сайта.
- Имеется возможность настраивать внешний вид карты сайта.
- Имеется возможность исключать отображение страниц и типов пользовательских постов.
- Имеется поддержка различных языков и возможность добавлять свой собственный перевод.
4. Simple Sitemap
Плагин создаёт HTML карты сайта. Вы можете отображать содержимое отдельным списком страниц и постов или отсортированным по категориям с использованием выпадающего окна.
Карта сайта создаётся в виде столбца, который прекрасно вписывается в страницы, посты и даже боковые панели. Также вы сможете добавить шорткод в текстовые виджеты. Simple Sitemap позволяет вам выбрать порядок, в котором страницы и посты будут отображаться в настройках конфигурации.
Основные характеристики Simple Sitemap:
- Создаёт HTML карты сайта.
- Поддерживает шорткоды, которые могут быть добавлены в страницы, посты и боковые панели.
- Позволяет задавать порядок отображения в настройках конфигурации.
- Имеет возможность отображать карту сайта в виде списков или в групповом формате.
5. Hierarchical HTML Sitemap
Пожалуй самый лучший карты HTML, созданный российскими разработчиками. Плагин простой и вовсе не нагружает сайт. В начале выводит список категорий, после идет развернутый перечень статей по категориям.
Основные характеристики Hierarchical HTML Sitemap:
- Создаёт HTML карты сайта.
- Выводит список только по категориям
- Имеет кнопки скроллинга к началу карты
Заключение
Добавление на сайт карты сайта не только повышает удобство его использования, улучшает навигацию по сайту, но также позволяет улучшить SEO оптимизацию вашего сайта для поисковых систем, значительно повышая его рейтинг в результатах поиска.
Теперь дело за вами. Может быть, у вашего сайта WordPress уже есть карта? Какие плагины вы использовали для её создания? Напишите об этом в комментариях.
Конечно, PS Auto Sitemap отличный плагин, создает много возможностей, улучшает поведенческие факторы, но, есть один минус — нагружает сервер и увеличивает скорость загрузки сайта браузером пользователя. Если соединение высокоскоростное, это практически незаметно, а вот если нет…
Так, при попытке загрузить сайт, где активирован данный плагин, при помощи мобильного интернета — проще отказаться. А отказы это очень плохо для сайта.
Я пользуюсь Hierarchical HTML Sitemap. Проверял нагрузку плагина и она минимальна.
Я как-то не придавал стоящего значения для плагинов HTML карты. Обходился ручной пропиской адресов страниц. Думал, что дополнительные плагины – лишняя нагрузка для сайта. Но, теперь попробую по тестировать и посмотреть выгоду их применения. Надеюсь, эти плагины wordpress облегчат навигацию для пользователей, да и мне работу с сайтом. Спасибо, за интересную статью.
Кстати, у Вас в статье в 4том и 5том пункте опечатка — два раза написан Simple Sitemap
[quote="Vladimir Vovk, post: 3388, member: 2108"]Кстати, у Вас в статье в 4том и 5том пункте опечатка — два раза написан Simple Sitemap[/quote]
Хотите создать Как добавить sitemap для WordPress? В отличие от XML-карты , которая предназначена для поисковых систем и облегчает индексирование сайта, HTML-карта выводит организованный список страниц ресурса для пользователей. В этой статье мы покажем, как добавить на WordPress HTML-карту сайта.
Какая разница между файлами XML и HTML-Sitemap
XML-Sitemap пишется на языке XML-разметки , используемом поисковыми системами. Вы можете разместить XML-карту своего сайта в разделе поисковой системы для веб-мастеров, чтобы улучшить скорость сканирования сайта и контролировать этот процесс.
HTML-карта сайта предназначена для посетителей ресурса. Она пишется на HTML , в ней перечисляются все страницы и записи, доступные на вашем сайте. Давайте добавим карту сайта WordPress .
Добавление HTML-Sitemap со всеми страницами и записями
Первое, что вам нужно сделать, это установить и активировать плагин Hierarchical HTML Sitemap . Плагин уже настроен надлежащим образом и не требует дополнительной отладки.
Создайте новую страницу, на которой вы хотите вывести карту сайта. Затем добавьте на нее простой шорткод:
Таким образом, плагин будет выводить карту сайта. В верхней части будут выводиться категории с количеством записей в каждой из них, ниже — список записей, а в самом конце – список страниц:
Не смотря на то, что плагин не имеет страницы настроек, вы можете задать ряд параметров непосредственно через шорткод. Это позволяет настроить HTML- карту сайта по вашему усмотрению. Более подробную информацию можно получить на официальной странице плагина.
Создание на WordPress HTML-Sitemap, содержащей только страницы
Многие владельцы сайтов применяют WordPress , как CMS для отображения контента с помощью страниц. В этом случае нужно, чтобы HTML-карта сайта отображала страницы в соответствии с их иерархией. Вот как можно добавить Sitemap WordPress , содержащую только страницы.
Первое, что нужно сделать, это установить и активировать плагин WP Sitemap Page . После этого добавьте приведенный ниже шорткод на страницу, на которой вы хотите отобразить HTML-карту :
Теперь на выбранной странице будет отображаться HTML-карта со всеми страницами сайта, выведенными иерархическим списком:
Плагин карты сайта для WordPress содержит большое количество параметров, которые можно настроить, перейдя в Настройки > WP Sitemap Page в панели администрирования WordPress .
Надеемся, эта статья помогла вам разобраться, как добавить страницу HTML-карту сайта на WordPress .
Читайте также: