Создание сайта/блога на WordPress — что может быть проще!
карта сайта для wordpress
Рубрика: Создание сайта WordPress

Карта сайта для wordpress — правила создания карты!

54 комментария   

Приветствую вас друзья! На связи Владимир Савельев. В этой статье я хотел бы поговорить о том, что такое карта сайта для wordpress и как ее создать с помощью плагинов и кода. Особых новостей у меня нет, поэтому перейдем сразу непосредственно к делу.



Ой, хотя есть несколько... Вчера начали продавать скрипт ЛайнБро и я предлагаю Вам сэкономить на его покупке! Кто хочет приобрести это чудо — читайте этот пост! На моем блоге данный скрипт установлен и в принципе мне нравится с ним работать :razz:

Еще у меня теперь есть мой авторский лого! Вот посмотрите:logo-sv-newКак Вам? Лично мне очень нравится, только вот, что со старыми записями делать? Ума не приложу...

Ну что-нибудь придумаю! Совсем скоро и шапку переделаю — дизайнер уже рисует... Ждемс! А теперь вернемся к статье...

Карта сайта для wordpress – это специальная страница, содержащая перечень всех записей, рубрик, статичных страниц ресурса и предоставляющая возможность быстрого перехода на них.

Существуют отдельные карты сайта для ПС и людей. Карта в формате XML создается для поисковиков и представляет собой структурированный список адресов всех страниц сайта. Она помогает поисковикам разобраться в конфигурации ресурса и тем самым обеспечивает быструю индексацию и продвижение в выдаче.

Sitemap wordpress в формате HTML предназначена для людей. Этот эффективный инструмент будет полезен посетителям, которым нужно быстро найти страницу, не изучая всех меток, рубрик и прочих архивов. Такая карта показывает пользователю структуру web-ресурса в наглядной и простой форме. Если сравнить любую интернет-площадку с книгой, здесь карта сродни содержания.

Правила создания карты сайта

  • Размещают карту сайта на отдельной странице и она должна обязательно быть в главном меню.
  • В начале карты должно быть краткое описание ресурса, чтобы посетитель легко ориентировался, где он находится.
  • Следует соблюдать иерархию страниц сайта: структура должна четко отражать основные разделы и подразделы.
  • Не стоит перегружать карту лишними изображениями.
  • Отслеживайте актуальность. Добавляя или удаляя новые страницы, не забывайте отражать это в карте.

Плагины для wordpress — создаем карту сайта!

Я вывожу карту для ПС-xml плагином wordpress seo by yoast, в нем присутствует такой модуль! А для вывода карты HTML — использую плагин PS Auto Sitemap.

Теперь разберем самые, самые...

Плагин Google XML Sitemaps
Это приложение формирует XML-файл, помогающий ПС индексировать ваш ресурс. Сканеры-поисковики лучше разберутся в структуре сайта и качественно проиндексируют уже имеющийся и новый контент. karta_sajta_dlya_wordpress-001Модуль работает со всеми видами пользовательских URL-адресов и генерированных страниц wordpress.

Кроме того, при создании любого контента плагин делает пинг поисковым роботам и, следовательно, они быстрее заходят на ресурс, индексируют и все такое. Если у Вас семантическое ядро сайта составлено четко, то и развиваться ресурс будет правильно!

Итак, начинаем. Скачиваем свежую версию плагина и производим установку так, как описывается ниже:

  1. При помощи менеджера ftp распаковываем архив, подключаемся к ресурсу и загружаем папку google-sitemap-generator в корневую директорию с WP плагинами wp-content/plugins/;
  2. Теперь заходим в панель админа и находим раздел «плагины», далее переходим на вкладку «inactive»;
  3. Выбираем строку с таким расширением и активируем.

Поставив галочки в первых двух полях, вы информируете поисковики Google и Bing о том, что на вашем ресурсе происходят изменения. Если вы не указали путь к карте в файле robots.txt, необходимо отметить галочкой и третье окошко. Галочка в предпоследней главе ставится для включения карты.karta_sajta_dlya_wordpress-002Приложение позволяет легко работать в режиме настроек по умолчанию. А для максимального эффекта можно воспользоваться дополнительными параметрами и настроить плагин индивидуально под свой проект.

В плагине предусмотрено много полезных пунктов, например, возможность обновить карту сайта для wordpress при загрузке нового контента, пинг поисковых роботов, удаление или добавление записей в случае дублирования контента и другие.

Плагин PS Auto Sitemap для людей
Я сам использую этот плагин, так как мне он очень нравится! С ним легко и просто работать и он практически не нагружает движок! Так же, можно за пару кликов визуально изменить карту сайта.
karta_sajta_dlya_wordpress-006
Настроек по минимуму. Вбиваем ID страницы, где будет выводится карта и указываем какие страницы или категории будут исключены из нее. Так же, выбираем варианты визуального отображения, все просто! Присутствует режим кеширования.

На странице, где будет заветная карта, ID указывали в настройках, ставим такой код

<!-- SITEMAP CONTENT REPLACE POINT -->

Плагин Dagon Design Sitemap Generator
При помощи этого приложения, может быть сгенерирована обычная HTML карта сайта для wordpress со ссылками на все страницы ресурса, сгруппированные по категориям. Такая карта позволит пользователю быстро находить интересные материалы, а также улучшит индексацию и перелинковку сайта.
karta_sajta_dlya_wordpress-003

  1. Для начала скачиваем плагин с официального ресурса разработчиков, поскольку там выложена последняя версия программы;
  2. Далее выполняем установку, после чего активируем приложение в разделе «плагины – установленные»;
  3. Чтобы сгенерировать карту ресурса, создаем новую страничку, для этого заходим на вкладку «страницы» и выбираем пункт «добавить новую»;
  4. Далее вписываем имя страницы. Практически на всех ресурсах ее так и называют – «карта сайта». Но вы можете задать любое понятное вам имя;
  5. Вписываем код в текстовый редактор. Будьте внимательны, редактор нужно переключить на режим кода HTML;
  6. Выполняем сохранение созданной странички и если все манипуляции выполнены правильно, на сайте появляется карта.

Базовые настройки
Необходимо открыть вкладку «параметры» и отыскав пункт «DDSitemapGen» нажать на него. После этого смело приступайте к настройкам.karta_sajta_dlya_wordpress-004
В параметрах приложения устанавливаются:

  • Варианты формата навигации;
  • Подбор отображения только публикаций;
  • Число ссылок на страницу;
  • Возможность фильтровать публикации по категориям «заглавие» и «дата»;
  • Исключение некоторых страниц и категорий;
  • Варианты открытия ссылок, размещенных в карте ресурса;
  • Запуск ссылок карты в новом окне;
  • Различные критерии показа числа комментариев.

Приложение весьма комфортно в работе, поддерживает много языков и позволяет менять интерфейс. Когда вы обновите настройки и выполните сохранение, перезагрузите страницу.

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

Для генерации карты сайта для wordpress необходимо:

  1. Добавить новую страницу;
  2. Придумать и написать название карты, которое будет отображаться в меню;
  3. Переключить текстовый редактор в режим HTML;
  4. Вставить код <!-- ddsitemapgen --> в поле созданной страницы и опубликовать.

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

Другой вариант – генерация карты сайта прямиком из шаблона, для чего потребуется вывести код — <?php echo ddsg_create_sitemap(); ?>

Плагин Google XML Sitemap for Images.
В основном веб-мастера не добавляют карту сайта для изображений, а зря. Именно эта карта, активно индексируясь в поисковых запросах, помогает увеличить общий трафик на 30-40%. Если вы планируете загружать на ресурс много картинок, без этого приложения вам не обойтись.karta_sajta_dlya_wordpress-005Чтобы добавить карту картинок на ресурс, выполняем следующие действия:
Скачиваем плагин, загружаем и активируем его через панель админа;
— Открываем страницу приложения и легким кликом нажмем всего одну кнопку! Дело сделано – карта готова!

Кстати в плагине wordpress seo by yoast присутствует и карта сайта картинок! Все в одном — как комбайн, очень удобный плагин рекомендую взамен platinum seo pack и его аналогов! Мне очень понравился, по этому решил приобрести продвинутую версию ;)

Создание карты сайта на WordPress с помощью кода

Предупреждаю, эта информация только для опытных юзеров! Чтобы карта сайта заработала, нужно сделать новый шаблон для вашей темы. Делается это очень просто — создаете файл и называете его например karta_saita.php.

В только что созданный файл копируем, содержимое шаблона page.php, в самый верх вставляем такой тег:

<?php /* Template Name: Карта сайта */ ?>

и примерно после тега <?php the_content(); ?> вставляем код который выведет карту сайта:

Сохраняем файл, заливаем в директорию с темой. Далее создаем страницу «карта сайта» и выбираем — не стандартный шаблон, а только что созданный «karta_saita.php». Вот и вся петрушка! Код протестировал на своем блоге — все пашет :)

И на этом все! Наша карта сайта для wordpress — готова! А какие плагины используете Вы? Поделитесь информацией...


Савельев Владимир Александрович
С уважением, Владимир Савельев

Премиум курсы от webformyself

Премиум-уроки от клуба webformyself

Это новый революционный продукт в области обучения сайтостроительству! Все лучшие видео-уроки собраны в одном месте и разделены на категории: WordPress, Joomla, PHP, HTML, CSS и JavaScript... База постоянно пополняется и уже сейчас в ней более 200 уроков! Всего за один год - Вы сможете стать опытным веб-мастером "с полного нуля"!
Подробнее
Продвижение в социальных сетях - сервис SocLike.ru
Прочтите еще:
Обсуждение статьи: 54 комментария


  1. Денис 2015-07-23 в 01:03 

    Как только увидел логотип, сразу вспомнил логотип UCOZ...

    Идея и концепция нового логотипа мне нравиться, но вот её реализация хромает. А если говорить прямо, то хромает символ, со шрифтом проблем нету, мне очень понравилось.

    1. Это ингредиент, на мой взгляд он уже устарел года два как минимум, это тоже самое как глянцевые прозрачные кнопки которые были популярны пять лет тому назад.

    Я бы сделал всё в однотонном стиле, как принято говорить, в стиле Flat, просто и понятно и при сохранении в формате png не будут видны артефакты, размытие!

    Зелёный квадрат я сделал бы поменьше, так как вокруг него нахватает воздуха!

    В нём букву В заменил на букву В которая расположена в шрифте и убрал бы оранжевый круг, он лишний, я не знаю что он символизирует, но он лишний, особенно в миниатюре, собственно говоря в миниатюре буква В не чёткая!

    В целом я бы сделал вот так:

    _http://s020.radikal.ru/i713/1507/ea/cd34ed25bca5.jpg

    Вова, надеюсь не разочаровал тебя и не огорчил!

    Ответить
    • Владимир Савельев 2015-07-23 в 22:56 

      Да нет же Денис вот именно этого я и ждал :x Взгляд со стороны! Кстати я рассматривал такой вариант, но были сомнения, но когда увидел в живую разницу, то такой вариант смотрится лучше, как ни крути :x Спасибо тебе Денис огромное... Пошел переделывать :razz:

      Ответить
      • Виталий Охрименко 2015-07-28 в 13:28 

        Да, без оранжевой точки и со шрифтом из текста выглядит и правда лучше. Эх, жаль у меня со вкусом беда чтобы сделать подходящий логотип. Но ничего, уверен к годовщине блога решение придет само собой

      • Саня Сабегатулин 2015-07-29 в 11:49 

        Ох и непривычно пока видеть этот логотип)) К тому уже привык. И по фавикону теперь пока узнать твой блог не могу. Но прикольный значок. Думаю в скором времени и он будет как родной :grin:

      • Владимир Савельев 2015-07-29 в 12:20 

        Саня конечно привыкнешь ))) Он у меня везде будет! Вот новенький курс скоро допилю и там он тоже будет присутствовать )))

      • Виталий Охрименко 2015-09-13 в 12:04 

        Да, только сейчас начинаю по чуть-чуть узнавать этот фавикон во вкладках.

      • Игорь 2015-09-13 в 16:42 

        Виталь,а я Владимира блог по доменному имени запомнил.

        Ну и конечно фавикон запомню.

  2. Денис 2015-07-23 в 01:06 

    О ты поставил моё решение «Ваш комментарий ожидает модерации.» Очень приятно, пойду директору расскажу! :grin:

    Ответить
    • Владимир Савельев 2015-07-23 в 07:15 

      Ну да получилось вроде прикольно :x Только чуток подправил код изменил, цвет, все как обычно! Хорошо когда есть готовые варианты, а то на такие мелочи времени совсем нет )))

      Ответить
      • Виталий Охрименко 2015-07-28 в 13:24 

        В блогинге нет мелочей. Эх, а мне столько всяких подобных еще мелочей сделать надо, даже страшно

      • Саня Сабегатулин 2015-07-29 в 11:52 

        Ну так, Виталий, до пенсии еще далеко. Так что время есть. Причем думаю такие мелочи никогда не иссякнут. То одно захочется доделать, то другое. В общем работы не початый край.

  3. Игорь 2015-07-23 в 20:56 

    Моя карта сайта создана с помощью Плагина Google XML Sitemap.

    Хочу попробовать с помощью кода.

    Ответить
    • Владимир Савельев 2015-07-23 в 22:58 

      Давай Игорь пробуй, если что пиши :roll:

      Ответить
      • Игорь 2015-07-28 в 21:24 

        Володь,да как пробовать то? Коды у тебя из статьи пропали,одни зеленые рамки остались.

      • Владимир Савельев 2015-07-29 в 10:12 

        куда пропали :???: Все на месте же...

    • Саня Сабегатулин 2015-07-24 в 19:31 

      А мне кажется не стоит с кодом заморачиваться. Думаю этот плагин совсем-совсем незначительно влияет на скорость.

      Ответить
      • Виталий Охрименко 2015-07-28 в 13:23 

        Мне кажется это мания (я ей тоже заболел в последнее время) минимизировать количество плагинов и все что можно сделать с помощью кода. Через месяцок новый шаблон буду внедрять, в нем планируется оставить все-то 8 плагинов, а может и те сокращу

      • Игорь 2015-07-28 в 21:26 

        Саня,так каждый плагин по не многу и блог тупанет. :smile:

      • Саня Сабегатулин 2015-07-29 в 11:55 

        Ну так просто не нужно увлекаться количеством. И все норм будет. У меня тоже сейчас активных штучек 8-10. Из них только один не нравится, который подписку в группу вконтакте выводит. Его бы чем то заменил. Но пока подходящего не нашел. Да и публикует посты ж он автоматом в группу.

      • Владимир Савельев 2015-07-29 в 12:14 

        Друзья у меня 16 плагинов и все четко работает :razz: Не нужно уж слишком заморачиваться :razz:

      • Саня Сабегатулин 2015-07-31 в 02:28 

        Володь, не помню, спрашивал у тебя или нет. Короче плагин P3, который показывает на сколько тот или иной плагин грузит сайт. Так вот, он у меня сейчас при запуске показывает, что только он и грузит. Не сталкивался с таким?

    • Екатерина 2015-07-26 в 14:38 

      У меня тоже карта сайта создана с помощью плагина, но мне и не очень хочется менять его на код.

      Ответить
      • Виталий Охрименко 2015-07-28 в 13:22 

        Опана! Катерина, а у тебя есть свой сайт? Вот это новость, я думал ты только комментариями балуешься

      • Игорь 2015-07-28 в 21:27 

        Да есть у нее блог.Только не всем его показывает.

        Стесняется наверное :smile:

      • Саня Сабегатулин 2015-07-29 в 11:58 

        Екатерина наверное как и моя жена, все делает медленно, но уверенно. Правда с такими темпами тяжело будет вывести блог на должный уровень. Ну с малявочкой наверное быстрей и не получается.

  4. Дмитрий 2015-07-23 в 23:34 

    Владимир. Привет. Да, карта сайта нужна. Очень важный атрибут в блоггинге. И очень правильно тобой замечено, что карта сайта должна быть обязательно заложена в главное (верхнее меню).

    По поводу логотипа. Смотрится неплохо. Я бы сказал даже шикарно. Появилось что-то авторское, свое, родное.

    В общем молодец!

    А старый логотип ты можешь также использовать для своих курсов. Тот старый логотип вошел в сознание людей с такими фразами как «С кликом по жизни!» или «Учу создавать, зарабатывать, тратить!»

    Вот на этих курсах — где ты учишь всему этому — и оставляй старый логотипчик.

    Либо просто как символика, либо в качестве баннера своего блога сделать.

    В общем ты паренек умный — придумаешь что — нить...

    Удачи тебе. :mrgreen: :mrgreen: :mrgreen:

    Ответить
    • Владимир Савельев 2015-07-25 в 20:23 

      Привет Дмитрий! Скорее всего старого лого уже не будет — логотип должен быть единственным! Ничего привыкнут люди и к новому :razz:

      Ответить
      • Екатерина 2015-07-26 в 14:40 

        Конечно, привыкнут. А новый логотип Ваш мне очень нравится. :smile:

      • Виталий Охрименко 2015-07-28 в 16:11 

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

  5. Виталий Охрименко 2015-07-28 в 13:20 

    Прикольный логотип, сам сделал или заказывал у дизайнера? Если заказывал то сколько вышел?

    А я карту сайта сделал кодом, но как всунуть туда стили не знаю. Пока забил, но в новом шаблоне буду заниматься этим вопросом и вполне возможно использую твой код

    Ответить
    • Владимир Савельев 2015-07-29 в 12:12 

      Лого заказывал у дизайнера, у меня не было идей совсем — заплатил 1200 руб.

      Ответить
      • Саня Сабегатулин 2015-07-31 в 02:43 

        Да, самому сложновастенько что-то толковое придумать. Обычно это заканчивается тем, что поигрался-поигрался, а потом взял и заказал :smile:

  6. Виталий Охрименко 2015-07-28 в 13:46 

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

    Ответить
    • Владимир Савельев 2015-07-28 в 13:50 

      Виталий я временно ее убрал так как планирую дизайн менять :x А на счет этой фишки с исчезновением и появлением статью напишу :roll:

      Ответить
      • Виталий Охрименко 2015-07-28 в 16:12 

        Ух ты, вот классно!

        Буду ждать, мне реально очень нравилось

        А дизайн менять это очень ответственное решение. Сам будешь заниматься, али опытных дизайнеров привлекать?

      • Игорь 2015-07-28 в 21:30 

        Володь,зачем менять?

        У тебя отличный дизайн.

      • Саня Сабегатулин 2015-07-29 в 12:02 

        Ну Володя ж говорил, что достали отзывы о дизайне, что мол «аля Борисов». Вот и надумал поменять дизайн. Хотя мне и этот вполне приятен. Ну новенькое всегда интересно, так что посмотрим, оценим :)

      • Владимир Савельев 2015-07-29 в 12:15 

        Естественно обращусь к дизайнеру и потом сам сверстаю — профи лучше в дизайне разбирается чем я :razz:

      • Саня Сабегатулин 2015-07-31 в 02:38 

        Согласен, раньше я думал что там такого, дизайн смастерить. А оказывается там целая куча правил есть. Даже сочетание и количество цветов очень сильно влияет.

      • Игорь 2015-09-10 в 17:32 

        Саня,так рисованные дизайны не Борисов придумал.

        Это ему приписывают.

        Я еще до него видел рисованные блоги

      • Дмитрий 2015-09-10 в 21:58 

        А когда дизайн планируешь менять? Что-то новенькое. Не успели мы привыкнуть — и тут обана — смена...

        Или эта смена уже на второй план отошла?

  7. Дмитрий 2015-09-10 в 21:57 

    Иногда дизайн даже отвлекает. Хочется прям сесть, почитать... А тут на тебе — то девки просят подписаться на обновление блога, то машина пронеслась и говорит тебе — а у тебя такая же скорость загрузки.

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

    А потом — посмотрим. Формат пдф — есть — лежит в копилке. Ждет своей очереди. Но пока его реализовывать — как-то не берусь. Меня пока все устраивает в дизайне.

    Ответить
  8. Дмитрий 2015-09-28 в 22:55 

    У меня вот на блоге SITEMAPE или как там пишется — точно не знаю... В гугл панель вэбмастера загрузил, и он блин почему то не грузится там. Гугл пока его не видит. В чем проблема. Прошла уже неделя — а результата нет.

    Соответственно много страниц не проиндексировано.

    Катастрофа прям какая то...

    Ответить
    • Игорь 2015-09-29 в 00:30 

      Не может быть такого.Значит где то допустили ошибку.

      Уберите все и начните с самого нуля,тогда все выйдет.

      Ответить
      • Дмитрий 2015-09-29 в 07:34 

        Вернее сказать так — в вэбмастер загрузил. Он там находится, но Гугл не видит этот файл и отсюда плохая индексация страниц в гугле.

        Яндекс шпарит только так мои страницы. А вот у гугла — они не проиндексированы.

        Хотя карта сайтмэп стоит в панели...

  9. Дмитрий 2015-09-29 в 07:35 

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

    Ну как то так...

    :x

    Ответить
    • Игорь 2015-09-29 в 19:22 

      Ну если есть кому исправить то пусть исправляет.

      Но азы все же нужно знать ;-)

      Хотя бы для себя

      Ответить
      • Дмитрий 2015-09-29 в 22:44 

        Игорь. Честно! Полностью с тобой согласен. Я когда сел за этот блог.

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

        Но я стараюсь... Учусь по тихоньку.

        И к этому есть уже достижения. Какие? Например, я понимаю о чем тут народ калякает... А то хостинги, домены, ЧПУ и так далее — ух уж эта терминология.

        Вот Вам и прогресс.

        Так гляди лет так через 20 — стану гуру в мире блоггинга :grin: ;-)

      • Игорь 2015-09-30 в 22:35 

        Дмитрий,самое главное что у вас своя специфика развита хорошо.

        А это главное.

        Ну а в блогинге профессионалов мало и те не все умеют.

        Мы все друг у дружки учимся.

  10. Елена 2015-12-13 в 15:39 

    А как мобильную карту сделать? Сгенерировала обычную, Гугл ругается:( «активные элементы слишком близко друг к другу расположены». Хотела отредактировать — не получается... погуглила, нигде нет инфо.

    Ответить
  11. Владимир Савельев 2015-12-13 в 20:12 

    Привет Елена! Поставь вот этот плагин PS Auto Sitemap с ним нет проблем! Еще можно расстояния увеличить с помощью css :razz:

    Ответить
  12. Елена 2015-12-14 в 19:34 

    Володя, привет!

    В том и загвоздка: как увеличить расстояние? Захожу на редактор страницы, там вместо привычного кода одна строка, кликаю на редактор плагина, там что- то непривычное и много всего:) не обычный HTML а как-то иначе, и не видно разделителя, чтобы интуитивно понять, где увеличить расстояния, где границы элементов?

    Ответить
    • Владимир Савельев 2015-12-17 в 23:11 

      Елена посмотри в настройках плагина — может быть есть такой пункт, если нету забей... сама не сможешь, наковыряешь :razz:

      Ответить
      • Игорь 2015-12-20 в 18:56 

        Да по моему если погуглить,можно много чего нарыть. ;-)

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

Прочитать Соглашение и Правила блога

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?:

Приветствую Вас друзья!
Савельев Владимир АлександровичМеня зовут Владимир Савельев, я являюсь автором блога savme.ru! Моя миссия - научить Вас создавать сайты, блоги и зарабатывать на них также, как это делаю я! Уже через год ведения блога я вышел на пассивный доход в 30.000 руб в месяц и это не предел! Еще я частенько пишу о своей жизни и устраиваю конкурсы с крутыми призами! Подпишитесь на мои новости, чтобы не пропустить что-то важное!
Готовые шаблоны для WordPress