5 ejemplos de mapas de sitio que muestran las mejores prácticas en acción

Después de beber 2 tazas de espresso, Frank se sienta, listo para crear su nuevo sitio web.

Abre Squarespace, hojea sus hojas de cálculo y está listo para la acción.

Rápidamente golpea una piedra -

"¿Cómo voy a organizar mis páginas?"

Luego comienzan a surgir más preguntas.

“¿Qué pasa con el SEO? ¿Cómo puedo simplificar las páginas de mi sitio web para que sean fáciles de navegar?'

Y así se quedó paralizado por la preocupación.

Verá, Frank puede haber comenzado con una hermosa hoja de cálculo de planes, pero le faltaba un ingrediente clave:

Mapas del sitio.

zapato, ¿Qué son los mapas de sitio?? Y, por qué los mapas de sitio son tan importantes?

Al igual que en los viejos tiempos, cuando usábamos mapas físicos para navegar a una ubicación específica, los mapas de sitio no son diferentes tanto para usted como para ayudar a Google a comprender todo en su sitio web.

De hecho, son fundamentales cuando comienza a crear un sitio web y cuando lo actualiza.

Sin un mapa del sitio, encontrar su sitio web puede ser como encontrar una aguja en un pajar para Google y otros motores de búsqueda.

Así que vamos a despegar las capas del mapa del sitio y discutir algunos tipos diferentes de acciones para que puedas entender cómo organizar y usar las tuyas.

Diferentes tipos de Sitemaps

La mayoría de las personas son visuales por naturaleza, por lo que un mapa del sitio visual podría ser su taza de té si eso suena como usted.

Un mapa del sitio HTML es un enlace en el que se puede hacer clic a las páginas de su sitio que puede ser útil para los usuarios, mientras que un mapa del sitio XML está escrito para que Google encuentre fácilmente todas sus páginas.

Ahora puede que todavía te estés rascando la cabeza murmurando "HTM - ¿¡qué!?"

Entonces, entremos en el meollo del asunto.

Planificación del mapa del sitio

Así como podríamos usar Airtable o Asana como software de gestión de proyectos visuales, podemos usar un diagrama visual para organizar la navegación del sitio web.

De esta manera es fácil de entender para todos.

Un mapa del sitio visual (a veces llamado "estructura del sitio") es la base para administrar un sitio web.

Es una jerarquía de sitios web y una taxonomía de páginas limpias, lo que garantiza que su contenido esté organizado correctamente y sea fácil de buscar. Piense en ello como el esqueleto de su sitio.

Para crear su mapa de sitio visual, use una herramienta gratuita como PowerPoint, ya que tienen una función de diagrama de flujo útil disponible.

Esto es lo que querrás poner en su lugar:

• Página principal - Normalmente se muestra en la parte superior del mapa del sitio.
• Navegación Principal - También llamadas "páginas padres", consideradas la navegación principal de su sitio web
• Navegación secundaria - También llamadas "páginas secundarias" o "páginas secundarias", que se ven con mayor frecuencia en un menú desplegable
• páginas terciarias - Ubicado un nivel más profundo que sus páginas de navegación secundarias. A menudo no es visible en la navegación del sitio (por ejemplo, páginas de productos en sitios de comercio electrónico)
• Botones especiales / CTA (llamada a la acción) - A veces hay enlaces directos a "reservar una demostración" o "contáctenos" en el menú; no se olvide de incluir estos también.

Mapas de sitio HTML

Un mapa del sitio HTML es el contenido organizado de su sitio web disponible para los usuarios. Al construir su audiencia, la confianza en el sitio web y la estrategia de SEO, no hay nada peor que una mala experiencia de usuario.

Aunque esto se ha vuelto un poco anticuado (en mi opinión personal), para garantizar la mejor interacción posible con el sitio web al aumentar su audiencia, considere un mapa del sitio HTML.

Los sitemaps HTML les facilitan interactuar con su sitio y encontrar exactamente lo que están buscando. Esto es especialmente útil para las marcas de comercio electrónico con muchas páginas de productos o publicaciones de blog.

Para comenzar a crear uno, verifique si hay un complemento para su CMS (sistema de administración de contenido), como WordPress, que pueda automatizar este proceso por usted.

¡Eche un vistazo a esta lista de diferentes complementos de sitios HTML para WordPress que puede usar!

Por un módico precio también puede utilizar software como Un plan resbaladizo o Dynomapper para opciones de arrastrar y soltar fáciles de usar.

Mapas de sitio XML

Un mapa del sitio XML es un formato estandarizado de URL enviadas a los motores de búsqueda para facilitar el rastreo.

Básicamente, su objetivo principal es que Google reconozca e indexe tu contenido. El mapa del sitio XML generalmente no es visible para los usuarios.

Si le importa que los motores de búsqueda encuentren su sitio web y se lo muestren a sus clientes, este es el tipo de mapa del sitio al que debe prestar atención.

Esto se debe a que ellos:

• Ayude a los motores de búsqueda a comprender la estructura de su sitio e indexar sus páginas web.
• Notifica a Google que tienes una nueva o contenido actualizado para ser indexado, lo que ayuda a acortar el tiempo que lleva que esto suceda.

Hay muchas maneras de crear uno que sea bastante simple.

Empezar con Generador de mapas de sitios de Google - esta herramienta gratuita es útil y fácil para principiantes. Pero si quieres algo personalizado, Rana gritando es una gran opción

5 ejemplos de mapas de sitio que demuestran las mejores prácticas en acción

A estas alturas ya tiene las herramientas que necesita y tiene algunos de los pasos en su haber, pero la mayoría de nosotros aprendemos mejor con el ejemplo.

Entonces, ¡pongamos estos mapas de sitio en acción!

1. Maya

No hay nada peor que actualizar manualmente sus mapas de sitio cuando cambia el contenido o el diseño de su sitio web, así que ahórrese algo de tiempo (y dolores de cabeza) activando la automatización.

Si su sitio web está en WordPress, Yoast es la mejor manera de automatizar las actualizaciones del mapa del sitio.

Usando el mapa del sitio fácil de entender de Yoast, a continuación se muestra una instantánea de lo que Mapa del sitio XML con Yoast parece:

En resumen, si no está utilizando una herramienta que automatice el envío del mapa del sitio, siempre puede envíe manualmente su mapa del sitio a través de Google Search Console o siga estas instrucciones para enviar manualmente un mapa del sitio desde Joast.

2. Directorio de personas de LinkedIn

La mayoría de los libros tienen una tabla de contenido al principio, para que los lectores sepan exactamente en qué se están metiendo.

Al igual que el contenido, su mapa del sitio HTML debe colocarse convenientemente en algún lugar donde su audiencia no tenga que hacer clic en todo el lugar.

Una estructura de sitio web sólida puede aumentar la accesibilidad y la visibilidad.

Y en cuanto a la longitud de su mapa del sitio HTML, realmente no hay un número mágico. Siempre que la taxonomía de la página sea clara y concisa, ¡estará listo para comenzar!

Echemos un vistazo a un sitio de redes que todos amamos, LinkedIn.

Hacen un excelente trabajo al mostrar su mapa del sitio HTML y vincular a más de un millón de páginas de usuarios a través del suyo. directorio de personas.

Captura de pantalla de LinkedIn, agosto de 2022

3. Amablemente

Al desarrollar un mapa del sitio para Kindly, nos enfocamos en equilibrar la experiencia del usuario del sitio web y la escalabilidad de SEO.

Estos elementos van de la mano porque el SEO lleva a los usuarios a su sitio web desde las SERP, mientras que la experiencia del sitio web es lo que los hace volver por más.

El mejor escenario a largo plazo es construir su mapa del sitio (estructura del sitio) completamente en torno al SEO a través del proceso de mapeo de palabras clave.

Este proceso es lo que crea sus "verticales de contenido" o, en términos de mapa de sitio, las secciones de su sitio web que contienen estructuras de URL específicas y comienzan en su menú de navegación.

Repita esto con el tiempo y así es como puede crear una ganancia rentable al escalar el SEO y tener un sitio web que permita realizar búsquedas.

Puedes ver el mapa del sitio amablemente viendo directamente su menú de navegación:

Imagen de Kindly, agosto de 2022

4. Los buenos

Aquí hay un ejemplo de un mapa del sitio HTML para un sitio de comercio electrónico de Los buenosCadena minorista en Australia:

Imagen de The Good Guys, agosto de 2022

Lo útil aquí es que tienen un sitio web bastante masivo.

Por lo tanto, este mapa del sitio HTML ayuda a los usuarios a navegar manualmente por las secciones que son más relevantes para ellos en lugar de usar filtros de búsqueda que pueden terminar enviándolo en la dirección equivocada.

5. Agita la clasificación

agencia de marketing b2b, Agita la clasificacióntiene un elegante mapa del sitio XML que se actualiza automáticamente con el complemento Yoast WordPress.

Algunas cosas a tener en cuenta que acertaron son:

• Secciones separadas para publicaciones de blog, páginas y estudios de casos..
• Contenido modificado recientemente (que muestra a los motores de búsqueda que el sitio web está actualizado y, por lo tanto, aún tiene autoridad).
• Corregir estructuras de URL con rocktherankings.com/parent-page/child-page.

Aquí puede ver la estructura de URL y el mapa del sitio XML para sus casos de estudio:

Imagen de Rock The Rankings, agosto de 2022

Ver el mapa del sitio XML completo archivo aquí.

Pensamientos finales

Puntos clave que siempre debes tener en cuenta:

• Considere los tres tipos diferentes de mapas de sitio y cuál es el mejor para su situación.
• Elimine parte del trabajo duro de la imagen con las herramientas de automatización de mapas de el sitio.
• Considere todas las partes móviles, como la estrategia de contenido y las personas involucradas en el proceso, antes de crear su mapa del sitio.
• En caso de duda, mantenga su mapa de sitio interno limpio y fácil de usar.

Si olvidas todo lo demás, recuerda esto:

Al automatizar con generadores de mapas de sitios dinámicos, ahorrará mucho tiempo en desarrollo y mantenimiento.

¡El software y los sistemas son nuestros amigos!

Más recursos:

Imagen destacada: fourSage / Shutterstock