Blogger - как добавить карту сайта - sitemap?


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

Итак пользовательская карта - это виджет в котором отображаются все сообщения вашего блога. Сообщения разбиты по категориям. Данный виджет должен располагаться на отдельной странице вашего блога, заметьте странице, а не сообщения. При каждом добавлении очередного сообщения карта сайта автоматически обновляется, скажем так занося в свою картотеку новую информацию и напротив самых свежих постов стоит надпись NEW. Думаю многие из вас уже поняли, что данная карта сайта предназначена для пользователей вашего сайта - блога. Таким образом ваш ресурс буде выглядеть более профессионально, ну а посетителям будет более легче его просматривать. Для тех кого интересует вопрос влияет ли эта карта сайта на индексирование сайта и его ранжирование? Могу ответить и да и нет. Поскольку этот виджет был разработан для посетителей блога, то сам по себе он не влияет ни на то ни на другое. Но он влияет на посетителей вашего сайта, которые благодаря этому виджету могут в очередной раз вернуться на ваш сайт из-за комфорта, а это уже поведенческий фактор, что несомненно влияет на скорость индексирования ваших постов и конечно же повышает рейтинг вашего сайта. Короче говоря вещь полезная.

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

Теперь давайте перейдем к установке, для этого нужно перейти в раздел Шаблон - Изменить HTML в редакторе находите код ]]></b:skin> перед которым нужно будет вставить следующий код:

/* CSS Full Sitemap */
#bp_toc {background:#4DB2EC;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#fff;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:'Open Sans';font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}


Сохраняем шаблон и переходим в раздел Страницы - Создать Страницу в открывшемся редакторе переходим на вкладку HTML и вставляем следующий код:

<div id="bp_toc">
</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/sitemap-content.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

<style scoped="" type="text/css">
#comments {display:none;}
</style>

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


Коммент.

Имя

Бесплатные шаблоны WordPress Блог Все для blogger Все для WordPress Графический дизайн Заказ сайта Заработок в интернете Инструменты для сайта Контакты Купить шаблон blogger Наши услуги Новичкам Оптимизация сайта Партнерки для сайтов Перевод статьи Плагины для WordPress Полезные сайты Полезные сервисы Полезные статьи Разделы сайта Сайты - блоги Шаблоны для Blogger Шаблоны для Joomla Шаблоны для PrestaShop Шаблоны для Ucoz Шаблоны на русском Шаблоны blogger 2016 Шаблоны blogger бесплатно Шаблоны blogger магазин Шаблоны Bootstrap 3 Шаблоны Magento best blogger templates
false
ltr
item
Шаблоны для сайтов и блогов: Blogger - как добавить карту сайта - sitemap?
Blogger - как добавить карту сайта - sitemap?
BLogger - добавляем на свой сайт - блог пользовательскую карту сайта, sitemap for blog.
http://4.bp.blogspot.com/-ldINVg6MwbA/VdbQHzkdLDI/AAAAAAAAgWc/pbgljmt4GSU/s640/blogger%2B-%2B%25D0%25BA%25D0%25B0%25D1%2580%25D1%2582%25D0%25B0%2B%25D1%2581%25D0%25B0%25D0%25B9%25D1%2582%25D0%25B0.jpg
http://4.bp.blogspot.com/-ldINVg6MwbA/VdbQHzkdLDI/AAAAAAAAgWc/pbgljmt4GSU/s72-c/blogger%2B-%2B%25D0%25BA%25D0%25B0%25D1%2580%25D1%2582%25D0%25B0%2B%25D1%2581%25D0%25B0%25D0%25B9%25D1%2582%25D0%25B0.jpg
Шаблоны для сайтов и блогов
http://www.shablonu-dlya-blogger.ru/2015/08/blogger-sitemap.html
http://www.shablonu-dlya-blogger.ru/
http://www.shablonu-dlya-blogger.ru/
http://www.shablonu-dlya-blogger.ru/2015/08/blogger-sitemap.html
true
5286106991494805428
UTF-8
Похожих постов не найдено Отобразить все Читать дальше Ответить Отмена Удалить By Главная Страницы Пост. Отобразить все Рекомендуем Тег Архив Поиск Все посты По вашему запросу не найдено ни одного поста Вернуться на главную Воскресение Понедельник Вторник Среда Четверг Пятница Суббота Вс Пн Вт Ср Чт Пт Сб Января Февраль Март Аперль Май Июнь Июль Август Сентябрь Октябрь Ноябрь Декабрь Янв Фев Мар Апр Май Июнь Июль Авг Сен Окт Ноя Дек только что минуту назад $$1$$ мин. назад час назад $$1$$ час. назад Вчера $$1$$ дней тому назад $$1$$ недель тому назад более 5 недель Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy