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

Мисля, че всички знаят за какво се използва картата на сайта по принцип. Но все пак да кажа няколко думи по въпроса. Картата на сайта помага на роботите на интернет търсачките да обходят сайтовете по-бързо и по-точно, да индексират всичките ви статии и материали. Това е картата на сайта във формат 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>
  1. Заменяте http://www.myblogroll.eu с адреса на вашия сайт и сте готови.
  2. Кликвате на бутона "Публикувай"
  3. Това е. Остава само да изведете линк към страницата някъде в блога си.



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блог".
Надявам се тези съвети да са ви полезни и да ви спестят времето, което аз загубих, докато намеря това решение.

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

Сподели статията :
'
 

+ коментара + 20 коментара

26 май 2013 г., 14:03

Това е просто златен материал. Благодаря ти за публикацията и положеният труд за този трик. При мен се получи нещо много яко.

Продължавай в същия дух напред! :P

26 май 2013 г., 16:13

Радвам се, че е полезен и благодаря за добрите отзиви и пожелания. Най много зор видях, докато поставя кода в цитат в тази статия. Правих поне 60 опита, докато го приеме.

26 май 2013 г., 23:37

Виж също: Как се добавя динамичен Sitemap. При мен се получи много яко.

27 май 2013 г., 9:25

Полезна статия, благодарско! :)

27 май 2013 г., 15:39

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

21 юни 2013 г., 11:58

И аз на свой ред искам да благодаря за полезния материал. Поздрави!

10 септември 2013 г., 2:51

Аз имам едно въпросче.От гледна точка на оптимизацията как е по-добре да се постъпи - да се състави сайт мап с етикетите (страници , които отговарят на определна категория) , просто да линкна към адреса на етикета или да поставям ръчно всеки линк ?

10 септември 2013 г., 12:18

@ Свтослав Коджаманов: Ако имаш десетина стаии можеш да го правиш ръчно, но ако постваш често, ще ти е доста трудно да го правиш. А и няма смисъл да го правиш на ръка. Направи си го автоматично, има и опция да ти показва статиите по етикети (виж линка RWD Sitemap няколко коментара по-нагоре) и само си пингваш страничката с мапа.

10 септември 2013 г., 19:03

Ясно това ми беше идеята и на мен.Благодаря за отговора.

16 октомври 2013 г., 14:57

Много добра статия и много ми помогнахте!Благодаря Ви!

11 септември 2014 г., 14:07

Търсех тази информация толкова много време...Благодаря! Ще се постарая да я споделя!

15 септември 2014 г., 19:55

Радвам се, че статията е все още полезна и Ви е помогнала Илиева

7 февруари 2017 г., 2:38

При мен нещо не се получава, а правя всичко, както е описано :(

7 февруари 2017 г., 6:34

@vili80 Разгледах блога ви, и първо мога да Ви посъветвам да смените шаблона. Има вероятност проблемът да е в него. Направи ми впечатление, че е доста не оразмерен. Опитайте с друг шаблон. Ако пак не става пишете да потърсим вариант.

7 февруари 2017 г., 6:43

@vili80 Току що го пробвах на друг блог и се получи. Все още работи този съвет. Явно е от шаблона. Ако не се получава пишете ми и ще измислим как да го направим.

8 февруари 2017 г., 1:20

Много, много Ви благодаря. Смених шаблона и се получи. Скоро си направих блог и още не мога да се ориентирам добре. Приемам всякакви съвети. Благодаря за полезната информация.

10 февруари 2017 г., 8:41

@vili80 С новия шаблон е по-добре, но те съветвам да го настроиш, на хоум страницата да показва част от статията със снимка. Така ще може да се виждат повече статии и просто ще се кликва на бутон - "Прочети още" или нещо подобно.

31 януари 2018 г., 13:22

Получи се идеално.

8 ноември 2018 г., 1:17

Как може да се добави google карта към всяка публкация.

Публикуване на коментар

Related Posts Plugin for WordPress, Blogger...
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Моят блогрол - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger