Как да създадете страница с карта на сайта за блог в блогър.

Мисля, че всички знаят за какво се използва картата на сайта по принцип. Но все пак да кажа няколко думи по въпроса. Картата на сайта помага на роботите на интернет търсачките да обходят сайтовете по-бързо и по-точно, да индексират всичките ви статии и материали. Това е картата на сайта във формат XML, която предоставяме в Google Webmaster Tool. Но тя е само за търсачките и не помага особено на посетителите ви. В тази статия ще ви покажа как да си направите HTML карта на сайта. Тази, така наречена "HTML Sitemap Page" ще е създадена за читателите на вашия блог. Така, че да могат те по-лесно да си изберат кой пост да прочетат. Ако използвате тази страница с карта на сайта разумно можете да повишите ранга на блога си. Създаването на подобна карта на сайта ви може да окаже и голямо значение върху вашата SEO стратегия. Можете да изложите всичките си постове на една страница или, ако желаете да ги покажете по етикети.

Принципно в други платформи за управление на съдържание има достатъчно плъгини, с които можете да създадете HTML Sitemap, но при blogger нещата стоят малко по-различно. Тук, както обикновено, ако искате да създадете подобно нещо трябва да модифицирате темплейта, който ползвате.

В тази статия ще опиша един от най-лесните начини да направите това. Много пъти съм срещал въпроси за това как се създава такава карта в блогър. Срещал съм и много не работещи или прекалено сложни за изпълнение варианти и когато намерих този начин бях много щастлив. Така че нека да видим как да добавите страница с карта на сайта си.

Ще ви покажа как да създадете страница с карта на сайта за всички етикети или как да направите отделни страници с карти по различни етикети.

1. Създаване на страница с карта на сайта за всички етикети:

Ако искате всичките ви постове да се показват на една страница следвайте указанията по-долу стъпка по стъпка. И ще получите карта на блога си като тази.

1. Влезте в администраторския панел на вашия блог в blogger.
2. От менюто изберете "Страници", след което изберете "Нова страница" и "Празна страница"
3. Изберете HTML формат на поста
4. Просто копирайте кода по-долу и го поставете в полето за пост.

<script type="text/javascript">

var numposts = 100;

var standardstyling = true;

function showrecentposts(json) {

  for (var i = 0; i < numposts; i++) {

    var entry = json.feed.entry[i];

    var posttitle = entry.title.$t;

    var posturl;

    if (i == json.feed.entry.length) break;

    for (var k = 0; k < entry.link.length; k++) {

      if (entry.link[k].rel == 'alternate') {

        posturl = entry.link[k].href;

        break;

      }}

    posttitle = posttitle.link(posturl);

    if (standardstyling) document.write('<li>');

    document.write(posttitle);}

    if (standardstyling) document.write('</li>');

}

</script>

<ul>

<script src="http://www.myblogroll.eu/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>

</ul>

5. Заменяте http://www.myblogroll.eu с адреса на вашия сайт и сте готови.
6. Кликвате на бутона "Публикувай"
7. Това е. Остава само да изведете линк към страницата някъде в блога си.

2. Създаване на страница с карта на сайта за отделни етикети:

Ако искате да покажете постовете си по определени етикети използвайте следващия код, по същия начин, като предишния. С тази разлика, че ще трябва да създадете толкова отделни страници, колкото етикети имате.

<script type="text/javascript">

var numposts = 100;

var standardstyling = true;

function showrecentposts(json) {

  for (var i = 0; i < numposts; i++) {

    var entry = json.feed.entry[i];

    var posttitle = entry.title.$t;

    var posturl;

    if (i == json.feed.entry.length) break;

    for (var k = 0; k < entry.link.length; k++) {

      if (entry.link[k].rel == 'alternate') {

        posturl = entry.link[k].href;

        break;

      }}

    posttitle = posttitle.link(posturl);

    if (standardstyling) document.write('<li>');

    document.write(posttitle);}

    if (standardstyling) document.write('</li>');

}

</script>

<ul>

<script src="http://www.myblogroll.eu/feeds/posts/default/-/Label%20Name?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>

</ul>

Отново заменяте http://www.myblogroll.eu с адреса на вашия блог и Label%20Name с името на етикета, който искате да използвате.
ВАЖНО: Ако използвате етикет от една дума като "SEO" то ще замените Label%20Name само с думата "SEO". Но ако използвате етикет от 2 думи, то между тях поставете %20. Например, ако етикетът ви е "SEO на блог" ще трябва да го изпишете - "SEO%20на%20блог".
Надявам се тези съвети да са ви полезни и да ви спестят времето, което аз загубих, докато намеря това решение.

Дали статията е полезна и какво мислите за ези съвети, можете да споделите в коментарите.