Как создать HTML карту сайта для WordPress. Wordpress карта html сайта


Как создать HTML карту сайта для WordPress

У начинающих вебмастеров периодически возникает вопрос, что такое карта сайта и зачем она нужна. Мы уже с вами рассматривали карту сайта Sitemap.xml для WordPress, и обсудили что она нужна для правильно индексации нашего сайта, чтобы роботы поисковиков не пропускали страницы, знали приоритет рубрик и статей, и частоту их обновления. Сегодня же мы поговорим про HTML карту сайта, зачем она нужна, что дает, и как ее настроить на WordPress.

Зачем нужна HTML карта сайта на WordPress

Карта сайта нужна сразу трем пользователям сайта:

  1. Вебмастеру, тоесть вам. Она нужна чтобы видеть в жатом режиме заголовки статей. Таким образом вам будет легче отследить сюжетную линию того что вы написали, и принесет понимание того на какие темы вам еще нужно написать.
  2. Пользователю она поможет лучше ориентироваться по сайту, и быстро находить необходимый материал
  3. Также она поможет поисковикам лучше индексировать ваш ресурс (СЕО оптимизация), потому что создает так называемую внутреннюю перелинковку.

Судя из вышеперечисленных пунктов мы приходим к заключению что HTML карта сайта должна располагаться на видном месте, чтобы ее могли легко найти пользователи. Лучшее место конечно, это шапка сайта. В статье по ссылке вы можете прочитать как разместить карту сайта в шапку WordPress.

Как создать и настроить HTML карту сайта на WordPress

На этот вопрос есть два решения. Первое -создаем страницу, и после создания какой либо новости  вносим изменения в эту страницу. Согласитесь, это очен не удобно, и мы как ленивые и ответственные люди должны найти какой-то более оптимальный путь, чтобы все вносилось автоматом, и мы не забивали себе мозг такими мелочами как карта сайта. Итак:

  1. Скачайте файл
  2. Зайдите в панель администратора вашего сайта
  3. В левом меню перейдите в Плагины->Добавить новый
  4. Нажмите «загрузить», как показано на картинке снизуWordPress Загрузить новый плагин
  5. Выберите файл который вы скачали и загрузите его
  6. После того как вам предложат активировать плагин, сделайте это.

Все, плагин мы поставили. Теперь нам осталось сделать всего два пункта: Первый — настроить плагин, Второй — настроить его вывод. Начнем наверно с настройки плагина.

Настройка плагина HTML карты сайта

  1. Зайдите в панель администратора вашего сайта
  2. В левом меню перейдите в Параметры->DDSitemapGenНастройка DDSitemapGen
  3. Вы сразу увидите выбор языка. Чтобы сразу было проще настраивать, выберите «Русский» и в низу страницы нажмите кнопку «Update options»
  4. Снова нажмите на DDSitemapGen в левом меню. После чего язык в настройках плагина должен стать русским.

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

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

Вывод плагина HTML карты сайта

Все настройки мы уже сделали. Все что нам осталось это вывести в нужное место карту сайта. Я уже давал ссылку на то как разместить произвольные ссылки в шапке WordPress. Для этого:

  1. Зайдите в админ панель вашего блога
  2. Создайте Новую страницу. Не запись, а именно страницу.WordPress новая страница
  3. Назовите страницу «Карта сата» или как вам больше нравиться.
  4. Перейдите в режим HTML кода, как показанно на картинке снизуРежим редактиварония HTML
  5. И скопируйте туда код:
  6. Сохраните статью.
  7. Внесите необходимые изменения в шапку сайта.

После того как вы внесете все изменения, и проверите что HTML карта сайта нормально отображается, то скорее всего заметите что внизу есть надоедливая надпись «Плагин написан dagondesign.com» которая совершенно не нужна ни вам, ни пользователям блога, даже более того она вредит ТИЦу и PR вашего сайта. Давайте уберем ее. Для этого:

  1. Зайдите по FTP на ваш сайт по маршруту: (Доступ к FTP возьмите у вашего хостера. Для Joomla рекомендую http://the-joomla-hosting.ru)
    wp-content/plugins/sitemap-generator/

    wp-content/plugins/sitemap-generator/

  2. Скопируйте файл sitemap-generator.php и сделайте его резервную копию
  3. Найдите и удалите такой код:
    $t_out .= '<div><p>' . DDSG_CREDITS . ' <a href="http://www.dagondesign.com" title="Dagon Design">dagondesign.com</a></p></div>';

    $t_out .= '<div><p>' . DDSG_CREDITS . ' <a href="http://www.dagondesign.com" title="Dagon Design">dagondesign.com</a></p></div>';

  4. Залейте файл назад
  5. Проверьте что надоедливая надпись «Плагин написан dagondesign.com» не отображается.

На этом все. Если у вас возникли вопросы, напишите в комментариях. Попробую вам помочь.

загрузка...

Об авторе
Andrey
Andrey

Администратор блога. Специалист по маркетингу, развитию бизнеса, здоровому образу жизни. Владелец и директор двух компаний в Украине. Сертифицированный специалист Apple. Увлечения: бизнес, спорт, дайвинг.

napositive.com.ua

Как создать html карту сайта на WordPress?

Как создать html карту сайта на WordPress?

В предыдущей статье я рассказывал, как создать xml карту для поисковиков, а в этой статье я опишу создание HTML карты.

Зачем нужна HTML карта сайта?HTML карта улучшает навигацию по вашему блогу. Дает возможность оценить всю структуру сайта и посмотреть на сайт в масштабе. Так же это дополнительная внутренняя перелинковка.

Как создать html карту сайта для WordPress? В этом не трудном деле, к нам на помощь придет плагин WP DS Blog Map. Проходим стандартный шаг установки плагина на WordPress и переходим к настройке.

После активации в админ панели, в навигаторе, появиться ссылка DS Blog Map, переходим на нее и начинаем настройку.

Желательно ничего, конечно, там не менять, но все же подробно все опишу, опираясь на скрин.

hsm

1. Шорткод для обозначения тегов. (не меняйте)

2. Максимальное количество тегов

3. Шорткод для отображения постов (записей) (не меняйте)

4. Префикс для категорий (рубрик). По умолчанию – пусто.

Если вы хотите что бы в карте сайта перед названием каждой категории отображалось слово, например: “Категория, Раздел, Жанр” впишите его в то поле.

5. Максимальное число постов

6. Показать описание категорий

7. Шорткод для отображения страниц (не меняйте)

8. Уровень вложенных страниц

0 –страницы в виде иерархического вида | 1-только страницы верхнего уровня иерархии | 2 и больше – указанный уровень иерархии

9. Текст ссылки “показать все”

10. На скрин десятый пункт не попал, но он есть. Category that should be excluded (исключение категорий). Здесь можно отметить какие категории нужно исключить из карты.

Ну, вот в принципе все настройки я описал, но на этом создание карты сайта еще не закончено.

Переходим в Админ панель > Страницы > и создаете новую страницу:

Заголовок: Карта сайта Содержимое: Записи по меткам:

[tagcloud]

Записи по категориям:

[postlist]

Страницы:

[pagesoftree]

Выглядеть это будет примерно так: (я метки не использую, соответственно в карте их тоже нет):

 

hsm3

Теперь в списке страниц, появиться карта сайта. Удачи!

httpmaster.ru

Как вставить Google карту на страницу сайта WordPress

Здравствуйте друзья! В этом уроке мы разберем с вами как добавить гугл карту на страницу или запись вашего сайта на WordPress.

Как вставить Google-карту на страницу сайта

Для начала нам нужно зайти по ссылке google.ru/maps и найти страну/город или необходимый адрес на карте. Найти необходимое место можно просто листая карту, или ввести адрес в поле для поиска, для примера давайте добавим карту на сайт с Австралией.

Для этого нам нужно:

1) Ввести в поле для поиска «Австралия» (или любую другую страну, город, или точный адрес с улицей которая вам нужна).

Как вставить Google карту на страницу сайта WordPress

Поиск Австралии на гугл карте

2) После того как Вы нашли нужное место, нажмите в левом верхнем углу на значок меню.

Как вставить Google карту на страницу сайта WordPress

3) Теперь нажмите «Поделиться с друзьями или получите код карты«.

Как вставить Google карту на страницу сайта WordPress

4) В открывшемся окне перейдите на вкладку Код.

kak-vstavit-google-kartu-na-stranitsu-sayta-wordpress-5

Переходим на вкладку Код

5) В вкладке Код, скопируйте всю строчку кода (фрейм).

Код выглядит так:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14633025.482991382!2d133.28132295!3d-26.4390917!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2b2bfd076787c5df%3A0x538267a1955b1352!2z0JDQstGB0YLRgNCw0LvQuNGP!5e0!3m2!1sru!2sru!4v1419453063815" frameborder="0"></iframe> Как вставить Google карту на страницу сайта WordPress

Копируем всю строчку кода

6) После этого откройте страницу сайта на которую вы хотите вставить карту и перейдите на вкладку редактора «Текст». Теперь вставьте скопированный код с гугл карт.

После этого можно сохранять страницу, и карта уже готова.

Как вставить Google карту на страницу сайта WordPress

Для вставки карты нужно перейти на вкладку Текст

Важно! Если вы хотите изменить высоту или ширину карты, измените значения width (ширина) и height (высота) в коде карты, в вкладке редактора Текст. К примеру, если вы хотите вставить карту на сайт размером 500px в ширину и 800px в высоту, значения должны быть width=’500′ height=’800′.

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

Как видите все очень просто и делается очень быстро. Если у вас что-то не получилось, или остались вопросы, задавайте их в комментариях здесь или на этой странице.

Результат вставки гугл карты, по примеру с урока:

Здравствуйте друзья! В этом уроке мы разберем с вами как добавить гугл карту на страницу или запись вашего сайта на WordPress. Как вставить Google-карту на страницу сайта Для начала нам нужно зайти по ссылке google.ru/maps и найти страну/город или необходимый адрес на карте. Найти необходимое место можно просто листая карту, или ввести адрес в поле для поиска, для примера давайте добавим карту на сайт с Австралией. Для этого нам нужно: 1) Ввести в поле для поиска "Австралия" (или любую другую страну, город, или точный адрес с улицей которая вам нужна). 2) После&hellip;

Проголосуйте за урок

100

Оценка

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

Рейтинг: 4.7 ( 14 голосов ) 100

wp-lessons.com


Смотрите также

Prostoy-Site | Все права защищены © 2018 | Карта сайта