Crear una página con un mapa del sitio en HTML

mapa del sitio html

Yo creo que a estas alturas es de todos conocida la necesidad de disponer de un mapa del sitio (sitemap) en XML para que los principales buscadores sepan organizar sus “visitas” por tu web, pero también es interesante disponer de un mapa en HTML.

Un mapa del sitio en HTML no solo sirve para ofrecer una vista jerárquica de tu web a los visitantes, lo que de por sí ya formaría parte de tu estructura de enlaces internos, sino que también es un estándar veterano que los buscadores saben reconocer.

Es verdad que hay algunos temas WordPress que ya disponen de una plantilla de página que muestra un mapa del sitio en HTML pero si tu tema no dispone de esta plantilla de página puedes disponer también de tu sitemap HTML con facilidad.

:: Crear mapa del sitio HTML con código ::

plantilla de página sitemap

Si no quieres usar plugins no hay problema, puedes crear tu propia plantilla de página y que muestre un mapa del sitio en HTML, los pasos son los siguientes:

  1. Crea un fichero vacío denominado sitemap.php en la carpeta del tema activo.
  2. Abre el archivo recién creado y añade la cabecera que lo identifica como plantilla de página de WordPress y muestra la cabecera de tu tema a continuación, algo así:
  3. A continuación de estas líneas copia el siguiente código, que es el que genera el mapa del sitio en HTML:
  4. Al final del código del mapa del sitio añade estos otros códigos para mostrar la barra lateral y el pié de página de tu tema (puede variar, usa la base del fichero page.php de tu tema:
  5. El código final de nuestro archivo sitemap.php quedaría así:
  6. Creamos una nueva página en el editor de WordPress a la que solo tenemos que poner título.
    crear pagina con plantilla sitemap
  7. Elegimos la plantilla de página recién creada y publicamos
    elegir plantilla de pagina sitemap

Lo que obtenemos es un completo mapa del sitio en HTML.

mapa del sitio html

Si quieres puedes descargarte el código completo de la plantilla a continuación:
[download id=”151″]

:: Crear mapa del sitio HTML con plugins ::

Si no nos animamos a crear nuestra propia plantilla de página siempre podemos recurrir a plugins que lo harán por nosotros, estos son algunos:

  • HTML page sitemap: solo tienes que activarlo, crear una página nueva y, donde iría el texto de la página añadir este shortcode: [html_sitemap] para tener tu mapa del sitio en HTML.
  • Sitemap page: en este caso, cuando lo hayas instalado y activado, insertas este otro shortcode: [wp_sitemap_page]
  • WP realtime sitemap: veterano pero aún funciona, como los otros tienes que añadir un shortcode, en este caso este: [wp-realtime-sitemap]

Solo tienes que elegir el que más te guste.

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

VALORA ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
FlojitoNo está malEstá bienMe ha servidoFantástico (11 votos, promedio: 3,91 de 5)
Cargando…

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para saber si ya aceptaste nuestras políticas, si ya estás suscrito a nuestra newsletter, para reconocer el estado de tu sesión si la tuvieses y para servir más rápidos los contenidos.

No se captura IPs ni siquiera para el servicio de Analytics así que tu visita es privada.

JSESSIONID, _cfuid, wpSGCachePypass, mailerlite, gdpr, gawp
mailerlite, _cfuid

Cookies de terceros

Usamos cookies de terceros con servicios, también garantes de tu privacidad, que analizan tus usos de navegación para que podamos mejorar los contenidos, si ya estás suscrito al boletín y los elementos compartidos en redes sociales y el formulario de comentarios.

1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID, disqus_unique, disqusauth
disqus_unique, disqusauth
1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID

Pin It on Pinterest

Share This
Ir al contenido