Agregar Mapa del Sitio

¿Que es Mapa del Sitio?

Mapa del Sitio (site map), es una lista de todos o los mas importantes contenidos de un sitio web, que hace referencia a un listado de enlaces que pertenecen a dicho sitio web.

El mapa del sitio debe tener un formato especifico que esta estandarizado, para que pueda ser interpretado correctamente por los spiders de los buscadores que soportan esta funcionalidad. Es una alternativa que dan los buscadores a los webmasters para que puedan presentar el contenido de sus sitios web.

Bueno, despues de darles una pequeña definicion sobre que es un mapa del sitio, les voy a mostrar como podemos agregar uno a nuestra pagina.
Este esta ordenado por fechas, miren el ejemplo de la imagen (click en la imagen para agrandar) para darse una idea de como se vera.

Bien, buscaremos </head> y justo encima de este agregamos este script:

<script type='text/javascript'>
// <![CDATA[
var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postYear=new Array();var postMonth=new Array();var postYearMonth=new Array();var postYearMonth2=new Array();var postTanggal=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;var month2=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"];function loadtoc(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var m=a.feed.entry[h];var e=m.title.$t;var l=m.published.$t.substring(0,10);var p=m.published.$t.substring(5,7);var g=m.published.$t.substring(8,10);var n=month2[parseInt(p,10)-1]+" "+m.published.$t.substring(0,4);var c="/"+m.published.$t.substring(0,4)+"_"+p+"_01_archive.html";var j;for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="alternate"){j=m.link[f].href;break}}var o="";for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="enclosure"){o=m.link[f].href;break}}postTitle.push(e);postDate.push(l);postUrl.push(j);postYearMonth.push(n);postYearMonth2.push(c);postTanggal.push(g)}}}b();displayToc2();document.write('')}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postYearMonth[b];document.write("<p/>");document.write('<p><strong><a href="'+postYearMonth2[b]+'">'+temp1+"</a></strong></p><ul>");firsti=a;do{document.write("<li>");document.write("["+postTanggal[a]+'] <a href="'+postUrl[a]+'">'+postTitle[a]+"</a>");document.write("</li>");a=a+1}while(postYearMonth[a]==temp1);b=a;document.write("</ul>");if(b>postTitle.length){break}}};
// ]]>
</script>

Ahora crea un nuevo post o donde quieras que aparesca el mapa del sitio y pega esto:

<script src="http://tublog.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>

Muestra 500 resultados, pero si quieres que muestre mas o menos, solo cambia el numero 500 de max-results=500 y listo.

Es bueno tener un mapa de nuestro sitio porque buscando solo por etiquetas o categorias es bastante complicado, y asi muestras todos tus posts sin ningun problema.

Si quieres ver un ejemplo en vivo de este mapa del sitio puedes verlo en el menu del blog, en la pestaña "Mapa del Sitio" o dando click aqui.




↓ ↓ ↓ Actualizacion del 30 de Marzo del 2011 ↓ ↓ ↓

Tambien se puede agregar un mapa del sitio organizado por categorias/etiquetas con un sencillo script visto en PazosBlogger.

<script style="text/javascript" src="http://dl.dropbox.com/u/3373498/PazosBlogger-Scripts-tabindex.js"></script>
<script src="http://tu-blog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Al igual que el anterior lo agregaremos en una entrada o una pagina y solo cambiaremos lo marcado en rojo "tu-blog.blogspot.com" por el enlace de tu blog.

Posted in: javascript