Cómo hacer un Sitio Web o Blog en 2024 - Guía fácil y Gratuita para Crear un Sitio Web

Cómo agregar una página de mapa de sitio HTML en WordPress (2 formas)

¿Quiere agregar una página de mapa de sitio HTML en WordPress?

A diferencia de los mapas de sitio XML que se envían a los motores de búsqueda para un mejor rastreo, los mapas de sitio HTML presentan una lista organizada de sus páginas y publicaciones para los visitantes de su sitio web.

En este artículo, le mostraremos cómo agregar una página de mapa de sitio HTML en WordPress.

Cómo agregar una página de mapa de sitio HTML en WordPress

¿Cuál es la diferencia entre mapas de sitio XML y HTML?

Un mapa de sitio XML es un archivo que enumera el contenido de su sitio web en formato XML para motores de búsqueda como Google y otros.

Puede enviar su mapa de sitio XML a las herramientas para webmasters para mejorar y controlar cómo los motores de búsqueda rastrean su sitio web.

Por otro lado, un mapa de sitio HTML es para visitantes reales de su sitio web. Es una página sencilla que enumera todas sus publicaciones y páginas de forma organizada.

Ahora que conoce la diferencia, veamos cómo agregar una página de mapa de sitio HTML a WordPress usando dos complementos de WordPress diferentes. Puede utilizar los enlaces rápidos a continuación para ir directamente al método que desea utilizar:

Vídeotutorial

Regístrate en WPBeginner

Si prefieres instrucciones escritas, sigue leyendo.

Método 1: agregar una página de mapa del sitio HTML en WordPress con SEO todo en uno

Se recomienda utilizar el SEO todo en uno Complemento para agregar una página de mapa de sitio HTML en WordPress. Es el mejor complemento SEO de WordPress del mercado, utilizado por más de 3 millones de sitios web y le permite crear un mapa del sitio HTML con un par de clics.

Nota: Hay una versión gratuita de Todo en uno SEO Lite disponible, que incluye la función de mapa de sitio HTML a continuación, pero usaremos la versión premium en nuestras capturas de pantalla porque incluye funciones potentes como mapas de sitio inteligentes, administrador de redireccionamiento, esquema de SEO y más.

🔥 Leer:  Cómo agregar fácilmente notificaciones de pestañas del navegador en WordPress

Lo primero que debes hacer es instalar el archivo. SEO todo en uno conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Después de la activación, se abrirá el asistente de configuración de AIOSEO, que lo guiará a través de la configuración del complemento y la configuración SEO correcta.

Simplemente haga clic en el botón «Comencemos» y siga los pasos.

Asistente de configuración de AIOSEO

A continuación, accederá al panel de administración de WordPress, donde tendrá una nueva opción de menú llamada «SEO todo en uno».

Entonces tienes que ir a SEO todo en uno » Mapas del sitioHaga clic en la opción de menú «Mapa del sitio HTML» y asegúrese de que la opción «Habilitar mapa del sitio» esté activada.

Habilitar mapa del sitio HTML

A continuación, puede elegir cómo mostrar el mapa del sitio HTML.

Para este tutorial seleccionaremos la opción «Página dedicada», pero también puedes agregarla como código corto, bloque, widget y más.

Luego, ingrese la URL de la página donde desea mostrar el mapa del sitio HTML. El complemento creará automáticamente una nueva página para usted.

Ingrese la URL de la página del mapa del sitio HTML

Una vez que haya hecho eso, desplácese hacia abajo hasta la sección «Configuración del mapa del sitio HTML».

Aquí puede personalizar cómo se muestra el mapa del sitio HTML. Tienes control sobre qué publicaciones y páginas aparecerán, taxonomías como categorías y etiquetas, clasificación y más.

Personalice la configuración de su mapa de sitio HTML

También puede habilitar «Archivos compactos» para ver el mapa del sitio HTML en un formato de archivo de fecha compacto.

Esto es similar a cómo mostramos nuestros archivos compactos en nuestras páginas 404 aquí en WPBeginner.

Después de personalizar la configuración de su mapa de sitio HTML, asegúrese de hacer clic en el botón «Guardar cambios».

Guarda la configuración personalizada de la página HTML

Ahora sus visitantes pueden ver su mapa de sitio HTML y navegar por su sitio web más fácilmente.

Si elige la opción «Página dedicada» arriba, puede visitar la página haciendo clic en el botón «Abrir mapa del sitio HTML».

Página de ejemplo de mapa de sitio HTML

Método 2: agregue una página de mapa de sitio HTML en WordPress con un mapa de sitio simple

Simple Sitemap es un complemento gratuito que le permite agregar fácilmente un mapa de sitio HTML a su sitio web de WordPress.

🔥 Leer:  Cómo correr 2 Facebook cuenta en el dispositivo OnePlus (Dual Facebook)

Lo primero que debes hacer es instalar y activar el archivo. Mapa del sitio sencillo conectar. Para obtener más detalles, consulte nuestra guía para principiantes sobre cómo instalar un complemento de WordPress.

Una vez activado el complemento, puede abrir una página existente o crear una nueva página de mapa del sitio HTML navegando a Páginas » Agregar nuevo.

Agregar un mapa del sitio HTML con un mapa del sitio simple usando bloques

Este complemento tiene bloques de Gutenberg que puede usar para simplemente agregar una página de mapa de sitio HTML.

Todo lo que necesita hacer es hacer clic en el icono «+» y luego seleccionar la opción «Mapa del sitio simple».

Agregar un bloque de mapa de sitio simple

Otro bloque incluido en este complemento es el «Grupo de mapas de sitio simple», que crea un mapa del sitio visual ramificado. Pero usaremos el bloque «Mapa del sitio simple» para este tutorial.

Una vez que agregue el bloque, creará automáticamente su mapa de sitio HTML.

En el menú de la derecha tienes opciones de personalización donde puedes elegir mostrar «Publicaciones» o «Páginas» o ambas juntas.

En el cuadro debajo de «Seleccionar tipos de publicaciones para mostrar», simplemente ingrese «Publicación» o «Página» para elegir lo que desea mostrar.

El mapa del sitio creado agrega publicaciones o páginas.

A continuación, puede cambiar la forma en que se muestra la lista cambiando los menús desplegables «Ordenar por» u «Ordenar».

También puede ver extractos de las páginas o publicaciones enumeradas y habilitar o deshabilitar enlaces. Sin embargo, mantendremos la configuración predeterminada del complemento para mantener nuestro mapa de sitio HTML simple y fácil de navegar.

Personaliza el orden y la apariencia del mapa del sitio.

Una vez que haya terminado de personalizar su página de mapa de sitio HTML, haga clic en «Publicar» o «Guardar» si está actualizando una página anterior.

Cuando sus visitantes accedan a su mapa de sitio HTML, verán una página de navegación similar a la siguiente.

Ejemplo de mapa del sitio con bloque final

Agregar un mapa del sitio HTML con un uso simple del mapa del sitio códigos cortos

Otra forma de agregar un mapa de sitio HTML a WordPress es usar un código corto. Esto le brinda más control sobre el posicionamiento de su mapa de sitio HTML y funciona para quienes usan el editor clásico.

Simplemente cree una nueva página navegando a Páginas » Agregar nuevoluego dale un nombre a tu nueva página.

🔥 Leer:  9 ejemplos de carácter inesperado después de carácter de continuación de línea (Python)
Agregue un nuevo bloque para el mapa del sitio HTML

Luego, haga clic en el ícono «Más» para agregar un nuevo bloque a su página.

Luego, escriba «código corto» en el cuadro de búsqueda y seleccione el bloque «código corto».

Agrega el bloque de código corto

A continuación, simplemente copie y pegue uno de los siguientes códigos cortos en su editor de texto. El primer código corto enumerará sus publicaciones por categoría y el segundo código corto enumerará sus páginas.

[simple-sitemap-group]

[simple-sitemap]
Pega el shortcode y publica

Una vez que haya hecho eso, haga clic en «Publicar» o «Actualizar» para guardar los cambios.

Si necesita más ayuda, consulte nuestra guía sobre cómo agregar un código corto a WordPress.

Así es como el complemento mostrará su mapa del sitio a los visitantes de su sitio web.

Publicaciones y páginas de mapas de sitio HTML

Crear un mapa del sitio HTML con un mapa del sitio simple solo para las páginas principales

Muchos propietarios de sitios utilizan WordPress como CMS, y el contenido principal se publica como páginas en lugar de publicaciones. Para obtener más detalles, consulte la diferencia entre publicaciones y páginas en WordPress.

En este caso, querrá que su mapa de sitio HTML muestre las páginas en el orden jerárquico correcto.

A continuación se explica cómo agregar un mapa del sitio HTML con solo páginas.

Simplemente agregue este código corto a la página donde desea mostrar el mapa del sitio HTML. Siga los mismos pasos anteriores para agregar el código corto a una nueva página de WordPress:

Así es como aparecerá su mapa de sitio HTML con todas sus páginas de WordPress enumeradas en una lista jerárquica.

Ejemplo de página de mapa de sitio HTML

También incluye las páginas principales y secundarias enumeradas de forma anidada. Para obtener más detalles, consulte nuestra guía sobre cómo crear una subpágina en WordPress.

Guías de expertos sobre cómo mejorar la navegación de WordPress

Ahora que sabe cómo agregar una página de mapa de sitio HTML, es posible que desee ver otras guías relacionadas con la mejora de la navegación de WordPress.

Esperamos que este artículo le haya ayudado a aprender cómo agregar una página de mapa de sitio HTML en WordPress. Es posible que también desee ver nuestras selecciones de expertos para las mejores aplicaciones de números de teléfono comerciales virtuales y nuestra guía sobre cómo elegir la mejor plataforma de blogs.