Crear Mapa de Web

Mapa Web

¿Qué es un Mapa de Web?

Un Mapa de Web es similar a un Sitemap con la diferencia de que el Mapa de Web está diseñado para ser visitado por los usuarios, mientras que un Sitemap está diseñado más para los Buscadores.

En un Mapa de Web encontraremos todos los enlaces a Páginas y Entradas que estén en el blog, ordenadas.

Puedes leer nuestro tutorial para crear un Sitemap en WordPress.

Hasta ahora conozco solamente 2 formas de crear un Mapa de Web y son las siguientes:

A través de un Plugin:

Esta es la mas simple y la que la mayoría de las personas utilizan.

La idea es instalar un Plugin que nos cree automáticamente este mapa con solo insertar un código especial en la página utilizada.

Este plugin se llama Dagon Design Sitemap Generator.

Para instalarlo solo debemos:

Ahora solo debemos crear una nueva Página:

  • Le pones el nombre que quieras, por ejemplo: Mapa Web (que original :B)
  • Activas el modo HTML y escribes el siguiente código:
<!-- ddsitemapgen -->

Ahora veamos otro metodo para crear un Mapa Web.

A través de una Plantilla:

Este metodo lo recomiendo y es el que utilizo.

Consta en crear una Plantilla y agregar el siguiente código:

<?php
/*
Template Name: Sitemap
*/

?>

<?php get_header(); ?>

<div id="content">
<div id="subnavbar">

    <ul id="subnav">
        <?php wp_list_categories('sort_column=name&title_li=&depth=3&'); ?>
<li><a href="http://www.descargasoft.co.cc/">Descargas Gratis</a></li>
    </ul>

</div>
<div class="entry">
<h2><?php the_title(); ?></h2>

<h3>Todas las Páginas:</h3>
<ul>
    <?php wp_list_pages('title_li='); ?>
</ul>

<h3>Todos las Entradas:</h3>
<ul>
    <?php $archive_query = new WP_Query('showposts=1000');
        while ($archive_query->have_posts()) : $archive_query->the_post(); ?>
    <li><a href="<?php the_permalink() ?>" rel="bookmark" title="Permalink para <?php the_title(); ?>"><?php the_title(); ?></a> <strong><?php comments_number('0', '1', '%'); ?></strong></li>
    <?php endwhile; ?>
</ul>

<h3>Archivos Mensuales:</h3>
<ul>
    <?php wp_get_archives('type=monthly'); ?>
</ul>

<h3>Archivos por Categoría</h3>
<ul>
    <?php wp_list_categories('title_li=0'); ?>
</ul>

<h3>Feed del Blog:</h3>
<ul>
    <li>Feed RSS de tu Blog</li>
    <li>URL suscripcion por mail a tu blog</li>
</ul>

<h3>Sitemap</h3>
<ul>
        <li>URL de tu sitemap.xml</li>
</div></div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Para implemenar esta plantilla, debes crear una nueva página y en Atributos->Plantilla debes seleccionar Sitemap y crear tu página, no escribas nada. Solo publicala.

Al usar este código nos dividira de esta forma la página:

  • Todas las Páginas
  • Todas las Entradas
  • Archivos Mensuales
  • Archivos por Categorías
  • Feed del Blog
  • Sitemap (Aquí puedes poner la url hacia tu sitemap.xml)

Es muy simple y funciona correctamente ;)

Espero les sea útil este pequeño tutorial :)

Post Relacionados


4 Comentarios en “Crear Mapa de Web”

  1. Gravatar
    Comentario:

    Que gran tip, esta no me la sabía :grin: veré si lo pongo en práctica, tenes buena web JuanK, aunque discrepo un poco en lo de los directorios :?: , estaré pasando a ver que hay de vez en cuando.

    Saludos

    ReplyReply
  2. Gravatar
    Comentario:

    Gracias por el comentario ;)
    Es bueno saber que te sirvió este tutorial :B

    Lo de los directorios, cada uno tiene sus gustos. Siempre habrá algo que te guste y cosas que no, yo personalmente encuentro que es un exelente metodo de ganar enlaces :grin:

    Nos vemos!

    ReplyReply
  3. Gravatar
    Comentario:

    Hola: muy canchera tu web!
    Sigo el tuto del Dagon Design Sitemap Generator v3.16 paso a paso, pero no me hace un pomo!!
    Aparte de la nueva pagina con
    en modo HTML, hay que hacer o poner algo mas en el panel de plugins correspondiente a ddsitemapgen??
    Gracias
    Dani

    ReplyReply
  4. Comentario:

    [...] en forma de lista, usando un título legible con un enlace hacia la canción. Es una especie de mapa de web [...]

Deja un Comentario


Haz click en los emoticonos para usarlos:

:smile: :grin: :razz: :lol: :wink: :mrgreen: :neutral: :roll: :shock: :???: :cool: :oops: :twisted: :evil: :eek: :mad: :sad: :cry: :!:

Additional comments powered by BackType