3 minutos de lectura ( 646 palabras)

Override del mes: Añadiendo microdatos a los breadcrumbs

Override del mes: Añadiendo microdatos a los breadcrumbs

Para el override del mes he pensado que sería interesante ver un poco el tema de los microdatos en Joomla!, así que vamos a prestar en ésta ocasión atención al módulo breadcrumb o también conocido como “rastro de migas”.

Éste módulo nos sirve para hacer una navegación más amigable y para una mejor usabilidad en un sitio web, pero añadiendo microdatos al código conseguiremos además que en los resultados de búsqueda de Google y gracias a los datos que recogen los robots, lo que muestren la SERPS sea lo mismo que tenemos en nuestros sitios web con ese “rastro de migas” con lo que desde un solo resultado los visitantes puedan acceder a varias zonas de la web, además de una mejor vista de resultado en comparación con otros sitios que no lo tengan implementado.

En éste post no voy a entrar en detalle de lo que son los microdatos, toda la información la podéis encontrar en www.schema.org lo que si vamos a ver es lo que concierne al código que vamos a necesitar.

Vamos a ver un poco de código y vemos como hacerlo.

Cómo se hace en 2.5

Para empezar vamos a buscar el módulo breadcrumb que tenemos en nuestro sitio web, evidentemente lo vamos a trabajar desde la carpeta “html” pues estamos haciendo un override en Joomla 2.5

Como vamos a trabajar los breadcrumbs, buscaremos el código que hay para éste microdato, en éste enlace tenemos información.

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.misitioweb.com/" itemprop="url">

<span itemprop="title">Home</span>

</a> ›
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.misitioweb.com/seccion" itemprop="url">

<span itemprop="title">Sección</span>

</a> ›
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.misitioweb.com/seccion-articulo" itemprop="url">

<span itemprop="title">Artículo</span>

</a> ›
</div>

En el código vemos que el <div> envuelve un enlace como un microdato de navegación “breadcrumb” que tiene un elemento itemprop “url” en <a href> que será el enlace al sitio web. También tiene otro elemento itemprop “title” que se añade al <span> y que será el nombre del sitio o sección visible.
Ésta sería la estructura de código para que Google lo valide.

Vamos a implementarlo en nuestro código del módulo. Nos encontraremos una línea como esta o parecida, dependiendo si trabajas con el código del core o con alguna plantilla comprada.

echo '<a href="' . $item->link . '" class="pathway">' . $item->name . '</a>';

Esto lo cambiariamos y lo dejariamos así

echo '<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="'.$list[$i]->link.'" class="pathway" itemprop="url"><span itemprop="title">'.$list[$i]->name.'</span></a><span>'.$separator.'</span></div>';

Con estos sencillos pasos ya tendríamos un override del módulo breadcrumb con microformato en Joomla 2.5

Cómo se hace en 3.0

En Joomla 3x hacer overrides es aún más fácil, haz esto…

Ve a Extensiones > Gestor de plantillas > Plantillas y seleccione la plantilla actual. Luego haz clic en la pestaña llamada Crear overrides y luego en mod_breadcrumbs. El override se creará en html \ mod_breadcrumbs \ default.php , y ya podrás editar el archivo añadiendo lo mismo que hemos hecho con Joomla 2.5.

El resultado final sería éste:

Antes

sin microdatos

Después

Con microdatos

Conclusiones

Lo que hemos visto es algo sencillo, pero nos ayudará a entender como funciona para hacer otro tipo de overrides con microformatos, aunque como sabéis en Joomla 3.3 ya se han añadido los microformatos en el core para el com_content, aún asi, podéis experimentar para añadirlo en ciertos componentes usando otros microformatos como los rewiev-agregate, product, recipe o event, entre otros microformatos disponibles.

Felicitaciones por el anivesario

Éste mes estamos de celebración en la Joomla! Magazine en Español, ya hace un año que se vienen publicando los artículos para el público latinoamericano, así que toca agradecer a los que mantienen con publicaciones la Magazine y a los que de una manera u otra hacen que Joomla! y la comunidad hispana siga creciendo y aportando contenido.

Yo prometí en su momento que publicaría un artículo, y bueno, mira por dónde lo hice.... he tenido la suerte de poder publicar el override del mes, coincidiendo con el aniversario. Espero que les haya sido de utilidad.

0
¡La JCM hispana ya tiene un año!
Desarrollo práctico
 

Comentarios

¿Ya està registrado? Ingresa Aquí
No hay comentarios por el momento. Sé el primero en enviar un comentario.

By accepting you will be accessing a service provided by a third-party external to https://magazine.joomla.org/