Cómo crear un índice o mapa del sitio en Blogger sin perder la cordura (ni a tus lectores)

El mapa del tesoro de tu blog existe (y tus lectores te lo agradecerán)

Si llevas tiempo publicando en Blogger, seguramente te ha pasado algo parecido a esto:

Publicas una entrada brillante.

Luego otra.

Después otra.

Y otra más.

Y cuando te quieres dar cuenta, tienes más artículos que pestañas abiertas en Chrome un lunes por la mañana.

El problema es que tus visitantes llegan, leen una entrada y se marchan sin descubrir las demás joyas ocultas de tu blog.

Aquí es donde entra en escena el índice de contenidos o mapa del sitio para Blogger.

No, no estamos hablando del sitemap XML que usan los buscadores.

Estamos hablando de una página visible para tus lectores donde aparecen organizadas todas las entradas del blog.

Algo parecido al índice de un libro, pero sin el polvo y sin la obligación de usar marcapáginas.

¿Por qué crear un índice de entradas?

Las ventajas son enormes:

✅ Mejora la navegación.

✅ Aumenta las páginas vistas.

✅ Reduce la tasa de abandono.

✅ Facilita encontrar artículos antiguos.

✅ Mejora la experiencia del usuario.

✅ Hace que parezca que llevas el blog más organizado de lo que realmente está.

Y eso siempre ayuda.

Método 1: Índice manual (para blogs pequeños)

Si tienes pocas entradas, puedes crear una página estática y añadir enlaces manualmente.

Ejemplo:

<h2>Tutoriales Blogger</h2>

<ul>
<li><a href="https://tublog.blogspot.com/2026/01/crear-menu-blogger.html">
Crear un menú en Blogger
</a></li>

<li><a href="https://tublog.blogspot.com/2026/02/optimizar-seo-blogger.html">
Optimizar SEO en Blogger
</a></li>

<li><a href="https://tublog.blogspot.com/2026/03/diseno-responsive-blogger.html">
Diseño responsive en Blogger
</a></li>
</ul>

Ventajas:

• Fácil de implementar.
• No requiere scripts.

Desventajas:

• Cada nueva entrada implica actualizar la página.
• Si tienes 500 artículos terminarás hablando solo.

Método 2: Índice automático con JavaScript (el favorito de Zarabarandula)

Este sistema obtiene automáticamente todas las entradas desde el feed de Blogger.

Solo debes crear una página nueva llamada:

Mapa del sitio

Y pegar el siguiente código en modo HTML.

Código HTML completo

<div id="sitemap">
Cargando entradas...
</div>

<script>
var numposts = 500;

document.write('<script src="/feeds/posts/default?alt=json-in-script&max-results='
+numposts+
'&callback=loadtoc"><\/script>');

function loadtoc(json){

var entry = json.feed.entry;

var html = '<ul>';

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

var posturl;

for(var j=0;j<entry[i].link.length;j++){

if(entry[i].link[j].rel=="alternate"){
posturl=entry[i].link[j].href;
break;
}

}

html += '<li><a href="'+posturl+'">'+
entry[i].title.$t+
'</a></li>';

}

html += '</ul>';

document.getElementById('sitemap').innerHTML = html;
}
</script>

¿Cómo funciona?

El script consulta el feed de Blogger.

Extrae:

• Título del artículo.
• URL de la entrada.

Y genera automáticamente una lista enlazada.

La magia ocurre sola.

Como cuando desaparecen las croquetas en una reunión familiar.

Método 3: Índice por categorías

Si quieres algo más profesional puedes organizar las entradas por etiquetas.

Por ejemplo:

<h2>SEO</h2>

<h2>Blogger</h2>

<h2>WordPress</h2>

<h2>Marketing Digital</h2>

Los visitantes encuentran rápidamente el contenido que buscan.

Y Google también sonríe.

Bueno, Google no sonríe.

Pero si pudiera hacerlo, seguramente lo haría.

Cómo crear la página del índice

1. Entra en Blogger.
2. Ve a Páginas.
3. Pulsa Nueva página.
4. Asigna el título:

Mapa del sitio

o

Índice del blog

5. Cambia al modo HTML.
6. Pega el código.
7. Publica.

Listo.

Ya tienes una biblioteca digital digna de un archivero profesional con obsesión por el orden.

Mejora visual para el índice

Puedes añadir algo de estilo CSS.

<style>
#sitemap ul{
list-style:none;
padding:0;
}

#sitemap li{
padding:8px;
border-bottom:1px solid #ddd;
}

#sitemap a{
text-decoration:none;
font-weight:bold;
}

#sitemap a:hover{
color:#e91e63;
}
</style>

Esto hará que el índice tenga un aspecto mucho más elegante.

Y menos parecido a una lista de la compra olvidada en el frigorífico.

Añadir el índice al menú principal

Una vez creada la página:

Diseño → Lista de páginas

Añade:

Inicio
Mapa del sitio
Contacto
Sobre mí

Tus lectores lo encontrarán rápidamente.

Y no tendrán que emprender una expedición arqueológica para localizar un artículo publicado en 2018.

Recursos recomendados

Blogger

Sitio oficial:

Blogger

Ayuda oficial de Blogger

Centro de ayuda de Blogger

Feed de tu blog

Sustituye:

tublog.blogspot.com

por tu dominio:

https://tublog.blogspot.com/feeds/posts/default

Descarga del código

Puedes copiar el código directamente desde este artículo o guardarlo en un archivo:

sitemap-blogger.html

Consejo Zarabarandula:

Guarda siempre una copia de seguridad de tu plantilla antes de realizar cambios.

Porque todos somos muy valientes hasta que aparece el mensaje:

"Algo salió mal."

Y entonces empezamos a buscar tutoriales con la misma velocidad con la que buscamos el cargador cuando el móvil tiene un 1% de batería.

Preguntas frecuentes

¿Este índice mejora el SEO?

Indirectamente sí.

Facilita el rastreo interno y ayuda a distribuir mejor la autoridad entre las entradas.

¿Funciona con dominios personalizados?

Sí.

No importa si usas:

midominio.com

o

midominio.blogspot.com

¿Tengo que actualizarlo manualmente?

No.

El sistema automático muestra las nuevas publicaciones sin tocar el código.

¿Es compatible con todas las plantillas?

En la mayoría de los casos sí.

Si existe algún conflicto suele resolverse ajustando el CSS.

En fin que...

Un índice o mapa del sitio para Blogger es una de esas mejoras pequeñas que generan resultados enormes.

Tus visitantes encontrarán más contenido.

Permanecerán más tiempo en tu web.

Y tus artículos antiguos dejarán de estar escondidos en las profundidades del blog junto a aquella entrada fantástica que escribiste hace años y que actualmente solo visitan Google y tu madre.

Si todavía no tienes un mapa del sitio visible para tus lectores, este es el momento perfecto para crearlo.

Tu blog parecerá más profesional, más organizado y mucho más fácil de navegar.

Y además, por una vez, podrás decir con orgullo:

"Sí, sé exactamente dónde está cada artículo de mi blog."

Una sensación extraordinaria que dura aproximadamente hasta que publicas veinte entradas más.

¿Necesitas ayuda?

Si tienes problemas para instalar el índice, personalizar el diseño o adaptarlo a tu plantilla de Blogger, déjalo en los comentarios de Zarabarandula y estaremos encantados de ayudarte.

Porque crear contenido es importante.

Pero encontrarlo después... también. 😄

Ejemplo: Sencillo Mapa del sitio de Zarabarandula