Карта блога для Blogger

Доброго времени суток дорогие читатели блога "Это просто". Раньше я писал о том как запретить копирование Blogger, методы запрета копирования работают не только для блогов, но и для сайтов. В этой же статье я хочу вам рассказать об очень интересной теме, а именно как добавить карту блога на Ваш блог. Сейчас принято считать что карта блога должна быть на любом блоге или сайте. Так зачем же нужна эта карта блога или карта сайта как ее еще называют? В первую очередь карта сайта или Содержание необходимы для ориентации на блоге, чтобы посетитель смог без проблем найти интересующую его информацию в соответствующих разделах, темах, статьях. В принципе это и есть основная функция карты в Blogger.

Еще карта сайта полезна для оптимизации и поискового продвижения блога, так как является одним из видов перелинковки. Давайте я не буду здесь много писать и просто расскажу как сделать карту для блога (содержание, все статьи) и как установить ее на Blogger. Все делается очень просто и это не займет у Вас ни много времени, ни потребует каких-то сверх знаний. Если Вы немного разбираетесь в HTML, то установить карту блога для Вас будет проще простого. Если же  Вы совсем не разбираетесь - тогда я Вам помогу в этом деле.

Ниже я приведу подробное описание как это можно сделать, и также приведу несколько готовых примеров (а точнее три).

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

Чтобы добавить такую карту сайта к себе в блог нужно сделать следующие шаги, делаем все по порядку:

1. Сначала идем в админку Blogger на свой Блог выбираем "Сообщения" - > "Создать Сообщение".

2. Пишем название сообщения - Карта сайта, Оглавление или Содержание или как захотите. Переходим в HTML редактор и убираем все, что написано на странице, так чтобы было пустое поле. На фото я специально ничего не удалял, чтоб Вы увидели что нужно удалить.

3. Дальше в пустое поле копируем этот код:

<link rel='stylesheet' href='https://dl.dropbox.com/s/0knqm168nllewnt/sitemap_1.css'></link>

<div dir="ltr" style="text-align: left;" trbidi="on">

<div id="bp_toc">

</div>

</div>

<script src='https://dl.dropbox.com/s/nh65e9hws7kbrd8/sitemap_1.js'></script>

<script src='ВАШ_САЙТ/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc' type='text/javascript'></script>

где написано ВАШ_САЙТ - аккуратно вставляем ссылку вашего блога. Например https://etprosto.blogspot.com В моем случае это выглядит так:

<script src='https://etprosto.blogspot.com/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc' type='text/javascript'></script>

Ниже пример как должно выглядеть:

После того как Вы выполнили все шаги сохраняете страницу и публикуете ее. Вот и все карта блога готова!!! Это был первый пример карты сайта.

Второй пример. Следующая карта сайта будет выглядеть примерно так как показано на рисунке ниже:

Первое что нужно сделать это шаги 1 и 2 которые описаны выше, после этого скопируйте код ниже и вставьте его в пустое поле, точно так как в описано первом примере:

<script>
        yourBlogURL = "ВАШ_САЙТ"; //Введите URL своего блога
</script>
<script src='https://dl.dropbox.com/s/kr4rhmxq7x46xwu/sitemap_2.0.js'></script>
<script src='https://dl.dropbox.com/s/iyfaswrb42y5dam/sitemap_2.js'></script>
<link rel='stylesheet' href='https://dl.dropbox.com/s/0qdlzcfkjfsrlx7/sitemap_2.css'></link>
<div id="tabbed-toc">
<span class="loading">Загрузка, пожалуйста, подождите...</span>
</div>

Вместо где написано ВАШ_САЙТ - аккуратно вставляем ссылку вашего блога. Ниже пример как должно примерно выглядеть:

После этого сохраняете страницу и публикуете. Это все, теперь у вас есть красивая карта сайта. Как я и говорил ничего сверхъестественного здесь нет, и добавить карту блога очень даже просто.

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

Чтобы добавить эту карту блога сначала нужно сделать шаги 1 и 2 описание в начале статьи, после чего скопируйте код ниже и вставьте его в пустое поле:

<link rel='stylesheet' href='https://dl.dropbox.com/s/pae0otpd90idf1s/sitemap_3.css'></link>

<script src='https://dl.dropbox.com/s/o0mvrimmww0bvc7/sitemap_3.js'></script>

<script src="ВАШ_САЙТ/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

Там где написано ВАШ_САЙТ - аккуратно вставляем ссылку вашего блога. Ниже пример как должно примерно выглядеть:

После этого сохраняете страницу и публикуете.

Вот собственно и все что я хотел рассказать об том как добавить карту блога для Blogger. На самом деле вариантов карты блога есть очень много здесь я продемонстрировал только несколько из них. Если Вам интересна ета тема пишите в коментариях.

Надеюсь с этой статьи Вы узнали что-то новое, и она была полезна для Вас. Если статья Вам понравилась не забиваем ставить лайки  и подписываться на Блог. Также задавайте свои вопросы буду отвечать по мере возможности.