Карта блога для Blogger (Blogspot)

Здравствуйте, дорогие посетители  блога «Я блоггер». Сегодня поговорим о том что такое карта сайта (sitepam), зачем она нужна и какие функции выполняет.

Что такое sitepam

Sitemaps - это карта сайта, ссылки с анкорами  всех статей собранных в одно место. Для чего нам нужна карта сайта? А нужна она нам для лучшей навигации по сайту посетителями и для поисковых роботов. Принято считать что карта сайта должна быть на любом блоге или сайте.

Существует два вида карт по сайту (блогу), одна для посетителей, а другая для поисковых систем.

Для поисковых систем Google, Яндекс, Поиск@Mail.Ru в обязательном порядке надо создать файл Sitemaps XML. Такая карта позволяет роботам беспрепятственно индексировать ваш сайт.

Для людей используется  Sitemaps HTML, что дает посетителям вашего ресурса легко ориентироваться и найти нужную информацию за которой они пришли по запросу.

Какие функции карты сайта

Карта сайта выполняет две главные функции:

1. Дает быстрый доступ поисковым системам ко всем необходимым страницам сайта.
2. Обеспечивает быстрый доступ посетителей ко всем страницам сайта, улучшает навигацию по сайту /блогу и для того что бы посетитель по запросу быстро нашел нужную информацию.

Как сделать карту блога (содержание) для blogger (blogspot)

Маленьким сайтам карта сайта не нужна, потому что все страницы могут поместиться в ссылках меню, сами страницы могут выполнять функцию карты сайта. К примеру сайт визитка, сайт на одну тематику «Болезни глаз», сайт портфолио. Для сайтов с большим контентом карта сайта необходима.

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

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

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

Карта блога вывод архива на отдельную страницу

Самый актуальный вариант на май 2017 года.

<script>
var blog_archive = [];
var month_name = ["January", "February", "March", "April", "May","June", "July", "August", "September", "October", "November", "December"];
function blog_archive_callback(json){
if(!("entry" in json.feed)) return;
for(var i=0;i<json.feed.entry.length;i++){
var e=json.feed.entry[i];
var y=e.published.$t.substring(0, 4);
var m=e.published.$t.substring(5, 7);
var d=e.published.$t.substring(8, 10);
var h='';
for(var j=0;j<e.link.length;j++){
if(e.link[j].rel=="alternate"){
h=e.link[j].href;
break
}
}
if(h=='')continue;
if(typeof blog_archive[y]=="undefined") blog_archive[y]=[];
if(typeof blog_archive[y][m]=="undefined") blog_archive[y][m]=[];
if(typeof blog_archive[y][m][d]=="undefined") blog_archive[y][m][d]=[];
blog_archive[y][m][d].push("<a href='"+h+"'>"+e.title.$t+"</a>");
}
}
function blog_archive_display(){
var years = []; for ( y in blog_archive ) years.push(y);
if(years.length<1) return;
years.sort();
years.reverse();
for(var y=0;y<years.length;y++){
var year = years[y];
var months = []; for ( m in blog_archive[year] ) months.push(m);
if(months.length<1) continue;
months.sort();
months.reverse();
for(var m=0;m<months.length;m++){
var month = months[m];
document.write("<p><b><a href='/"+ year +"_"+ month +"_01_archive.html'>"+ month_name[parseInt(month)-1] +" "+ year +"</a></b></p>");
var days = []; for ( d in blog_archive[year][month] ) days.push(d);
if(days.length<1) continue;
days.sort();
days.reverse();
document.write("<ul>");
for(var d=0;d<days.length;d++){
var day = days[d];
if(blog_archive[year][month][day].length<1) continue;
for(var i in blog_archive[year][month][day]) {
document.write("<li>["+ day +"] "+ blog_archive[year][month][day][i] +"</li>");
}
}
document.write("</ul>");
}
}
}
</script>
<script src="#####/feeds/posts/default?max-results=999&alt=json-in-script&callback=blog_archive_callback"></script>
<script>blog_archive_display();</script>

Карта блога Css (аккордеон)

Заходим в Административную панель блога, нажимаем вкладку Шаблон > Резервное копирование и восстановление > Изменить HTML

C помощью клавиш Ctrl+F (можно на русской раскладке) вызываем окно поиска и вставляем туда ]]></b:skin>, код должен выделится автоматически.

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

Нажимаем ПОСМОТРЕТЬ ШАБЛОН, если никаких видимых изменений не видим, жмем смело СОХРАНИТЬ ШАБЛОН. У карты серо-синенький цвет.

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

Настройка

#888888 - цвет верхней части кнопок
#575757 - цвет нижней части кнопок.

Далее открываем вкладку СТРАНИЦЫ, даем ей название и в режиме HTML добавляем код JavaScript.

Будь вместе с Я Блоггер

 

Будь в тренде!

Получай материалы прямиком в свою почту

*

ПОДПИШИСЬ!

Я даю согласие на сбор и обработку своих персональных и не персональных данных согласно действующей на сайте — политике конфиденциальности.

* Нажимая на кнопку "Отправить", "Подпишись" или "Комментировать" Вы соглашаетесь с пользовательским соглашением.

Поделиться в соцсетях