Usted está aquí: mejora la experiencia de tus usuarios

Una gran cantidad de usuarios llegan a tu web entrando a un artículo concreto, a través de búsquedas o redes sociales, y no suele ver esa curradísima página principal. Ayuda a tus usuarios a quedarse diciéndoles dónde están dentro de tu web, y a dónde pueden ir.

Salvo excepciones, los usuarios ya no llegan a tu página a través de la página principal. Lo más habitual es que lleguen a través de un enlace en una búsqueda o en redes sociales.

Eso quiere decir que:

el punto de entrada en tu web en estos días es el artículo, y no la página principal.

Con la cantidad de información que compite con nuestras webs, hay que celebrar cada visitante que llega a nuestra web. Leen el artículo pero también pueden encontrarse desubicados ¿Qué es esta página? ¿Es un blog? ¿A dónde pertenece? ¿Cómo puedo navegar hasta ella?

El menú principal

Para eso es muy importante disponer de un menú principal que indique cuales son los contenidos principales de la web. Por que todas las webs se parecen, el usuario buscará el menú en la parte superior de la ventana, bajo el título de la web. Si no lo encuentra allí, buscará en la columna izquierda de la pantalla (si existe) y por último en la derecha.

Seguramente tendrás un menú principal en tu web, pero voy a ofrecer un truco para mejorarlo: resaltar el apartado del menú en el que te encuentras. Para eso hay que hacer un poco de javascript y jQuery que yo he colocado en el pie de la página para facilitar la carga.

jQuery(".main-menu li a").each (function () {
    if (this.href == document.location.href)
         jQuery (this).parent().addClass ("highlight");
    else
         jQuery (this).parent().removeClass("highlight");
});

Así, cuando nos encontremos en estas páginas, el menú marcará como activa la página en la que el usuario se encuentra (mira el menú principal de esta web, la categoría de este post está resaltada).

La miga de pan

Vale, estoy aquí, pero ¿cómo puedo volver aquí si me pierdo? Pues como hicieron Hansel y Gretel (y según a quién consultes, Pulgarcito) puedes dejar a tus usuarios una miguita de pan o breadcrumb.

Consiste en una lista de enlaces que parte de la página principal (inicio, o home) y llega hasta el articulo que estás leyendo. En esta web puedes ver la miga de pan debajo del menú principal.

Con la miga de pan le indicamos al usuario como puede llegar desde la página principal hasta este artículo.

En WordPress hay varios plugins que hacen este servicio, pero a mi no me va mucho cargar el sistema con plugins que se pueden codificar fácilmente.

En el functions.php hay que incluir esta función y la llamaremos desde el fichero head.php del tema. Incluye código para las categorías, las etiquetas, los artículos individuales y el archivo.

function the_breadcrumb($author) {
    // en la home no enseño migas
    if (!is_home()) {
        // siempre empiezo por la home
        echo '<a href="';
        bloginfo('url');
        echo '">Inicio</a>';
        // si es la categoría o un artículo suelto, muestro la categoría
        if (is_category() || is_single()) {
            echo " » ";
            the_category('title_li=');
            if (is_single()) {
                echo " » ";
                the_title();
            }
        } elseif (is_page()) {
            // si es página, el título
            echo " » ";
            the_title();
        } 
    }
}    

Una versión más completa la podéis encontrar en mi dropbox a falta de un sitio mejor para compartirlo.

// la parte del header.php 

Podéis observar el resultado en esta misma página. El menú tiene iluminado dónde estamos y la miga de pan, justo debajo del menú.

Espero que os haya gustado y dudas, comentarios, añadidos, se agradecen.

Imagen Sin título de Fran García Salomón