HTML Sitemap

¿Qué es un sitemap HTML?

Un sitemap HTML es una lista de todas las páginas de un sitio web, organizada en una sola lista extensa. A diferencia de un sitemap XML (lee el artículo sobre este tema para saber más), que por supuesto es imprescindible para el SEO, esta página está pensada para que la podamos leer tú y yo.

Pero ¿sirve de algo un sitemap HTML?

La verdad es que, en un sitio web tan pequeño como el mío, probablemente no mucho. Pero ya que has llegado hasta aquí, es perfecto para explicarte un concepto de SEO.

En un sitio web grande, con 1.000 subpáginas, puede ayudar a reforzar los enlaces internos sin que haga falta mucho trabajo de desarrollo. Y es que, gracias a esta página, todas las páginas están a solo dos clics de la página de inicio.

Entonces, ¿para qué sirve exactamente un sitemap HTML?

Para los motores de búsqueda

Los motores de búsqueda consultan el sitemap XML para encontrar todas tus páginas. Pero a veces algunas subpáginas pueden perderse en las profundidades de tu sitio web. A esas páginas las llamamos páginas huérfanas: páginas que no reciben enlaces desde otras páginas. A Google no le gustan demasiado, porque ¿cómo va a encontrarlas un usuario?

Para los usuarios

No sé tú, pero yo no tengo tiempo para entrar en un sitio web y hacer clic en todas sus páginas solo para ver qué hay. La única excepción, claro, es cuando estoy haciendo una auditoría SEO; en ese caso, precisamente hago eso, entre otras cosas.

Un sitemap HTML puede ayudar a los usuarios a descubrir otras secciones de tu sitio web que podrían interesarles, y hacerlo de forma sencilla.

Para los motores de búsqueda con IA

ChatGPT y otros servicios similares se parecen un poco a nosotros, los usuarios: desde luego, no tienen paciencia para pasar semanas siguiendo enlaces por un sitio web y tratando de entenderlo, como hace Google. Los motores de búsqueda con IA se forman una idea de tu sitio web rápidamente. Por eso también les resulta muy útil tener una lista bien organizada de tus subpáginas.

Algunos ejemplos de sitemaps HTML

La idea no se me ocurrió a mí. La aprendí de Eli Schwartz, en su newsletter, donde comparte algunos ejemplos de éxito.

Sitemap HTML de Dani Leitner: Evidentemente, esta misma página es un ejemplo de sitemap HTML.

SurveyMonkey: En 2016, Eli añadió un sitemap de este tipo al sitio web de SurveyMonkey. De repente, volvieron a encontrarse y rastrearse páginas antiguas, que empezaron a posicionarse mejor.

LinkedIn: ¿Sabías que LinkedIn también tiene un sitemap HTML oculto con todas las personas y empresas de su base de datos? Está un poco escondido en el pie de página cuando has iniciado sesión.

¿Quieres aprender más sobre SEO?

Si has llegado hasta aquí y todavía sigues leyendo, tienes dos opciones. Puedes recorrer todo mi sitio web para encontrar más pequeñas sorpresas con explicaciones sobre SEO como esta.

O puedes suscribirte a mi newsletter. Recibirás más contenido sobre SEO y, de vez en cuando, explicaciones de mis pequeñas sorpresas directamente en tu bandeja de entrada.