The Joomla! Community Magazine™

CCKs & Microdatos una combinación explosiva

Escrito por | Thursday, 01 May 2014 12:00 | Publicado en Mayo 2014
Recientemente ha salido la versión 3.3.0 de Joomla! y entre sus novedades cuenta con la inclusión de nuevos tipos de microdatos en sus librerías (notas de la versión). Los microdatos nos permiten añadir una capa semántica que dota de un mayor significado a los contenidos y que facilita la indexación y catalogación de los datos a los buscadores. De hecho, los microdatos son la apuesta común de datos enriquecidos en la que colaboran: Google, Microsoft y Yahoo.

¿Si utilizo Joomla 3.3.x ya tengo microdatos implementados?

Desgraciadamente no, el mero hecho de utilizar Joomla 3.3 no hace que dispongamos de microdatos por defecto, pero si nos proporciona el marco adecuado para que tanto a nivel de usuario como a nivel de desarrollador tengamos esta tarea mucho más fácil.

En el caso de un artículo, la inclusión de metadatos la vamos a realizar de forma manual o bien mediante ayudas visuales como la que nos proporciona JCE Editor mediante una de sus extensiones (ver imagen de portada).

En el caso de extensiones de terceros, va a depender de cada caso; existen extensiones en las que la definición de los tipos de datos y/o de sus elementos ya esta prototipada o definida y son los propios desarrolladores de la extensión los que se han preocupado de facilitar la inserción de datos semánticos, un claro ejemplo de este caso es la extensión Sobi Pro. 

¿Y qué pintan los CCKs en todo esto?

Antes de nada definiremos que es un CCK (Content Construction Kit), es un marco que nos permite definir nuestros propios tipos de datos. En Joomla existen varios CCKs con distintos niveles de complejidad y potencia como: Aixeena CCK, Flexicontent, Cobalt, FieldsAttach, K2, Seblod o ZOO de Yootheme entre otros.

Un CCK nos permite definir una estructura “compleja”, por ejemplo una entrada en el blog y los elementos de los que debe estar compuesta (campos).  Un ejemplo de esto sería la entrada de un blog: 

ENTRADA DE UN BLOG (Tipo de dato)


CAMPO

TÍTULO

FECHA DE CREACIÓN

AUTOR

CATEGORÍAS O TEMAS

DESCRIPCIÓN

IMAGEN

VIDEO

CUERPO DEL ARTÍCULO

FUENTE

KEYWORDS

Hasta aquí vemos la  definición de una estructura de datos en base a sus campos, el CCK  renderiza los listados con plantillas predefinidas para cada vista (teaser, full, rss …) y con CSS se aplican los estilos a cada campo y/o grupos de estos campos para tener el resultado gráfico final esperado. 

¿Qué ventaja supone utilizar un CCK con respecto a los microdatos?

Si utilizamos un CCK y enriquecemos sus vistas con la definición de microdatos podemos prototipar distintos tipos de datos (post de un blog, un evento, un producto …) y enriquecer las vistas de cada uno de ellos insertando tanto su definición global de tipo de dato (itemscope) como el significado de sus elementos atómicos (itemprop). 

El “trabajo duro”, tan solo tendremos que hacerlo una vez (o al menos una vez por cada tipo de dato) ya que insertaremos los microdatos en las vistas asociadas a cada uno de estos tipos de datos, haciendo que el proceso de marcado semántico sea transparente para los usuarios. 

En el próximo artículo pasaremos del plano teórico al práctico para ver como realizar este proceso con el CCK ZOO de Yootheme y automatizar por completo el marcado semántico de nuestro contenido.

Visto 4795 veces
Etiquetado como Spanish, Desarrollador
Javier Mendoza

Javier Mendoza

Consultor artesanal de marketing online, con un perfil multidisciplinar y sólidos conocimientos en las distintas áreas que un desarrollador web debe dominar, SEO, SEM y analítica web, usabilidad, gestión de proyectos, tecnologías abiertas ...

Lo último de Javier Mendoza

avatar
Se agradeceria si tambien mencionaras la manera de trabajar de microdatos y k2.
VOTES:1
avatar
Javier Mendoza Friday, 02 May 2014
La verdad es que tienes toda la razón del mundo, después del próximo articulo que será en formato video tutorial con ZOO queda anotado K2 ;-)
VOTES:1
avatar
Alejandro Pascoli Friday, 02 May 2014
Gracias amigo buen artículo, y espero el siguiente muchas gracias.
VOTES:2
avatar
Genial, espero con ganas el 2º video-tutorial de microdatos y k2 :-)
VOTES:1
avatar
Tengo contenido de Seblod
Tiempos atrás.

Em português.


cckjoomla.org/seblod/115-override-seblod...odados-rich-snippets
VOTES:0
avatar
Gracias por el aporte Uriel, se trata exactamente de eso, excelente video tutorial para incorporar microdatos en seblod ;-)
VOTES:0
avatar
Carlos Rodríguez Wednesday, 07 May 2014
Me gusto mucho de la forma en que planteastes esta parte teórica Javier. Aunque, en Joomla 3.3 si que hay algo (pequeño) implementado en Joomla. Recuerda que en el gestor de artículos añade dos opciones para esto.
VOTES:1
avatar
Muchas gracias Carlos y toda la razón del mundo. A lo que me refería es que esas opciones son insuficientes para desplegar todo el potencial de los microdatos de forma automatizada. Creo que ahora es muy importante no solo ser eficaz sino eficiente y aquí es donde los CCKs aportan un montón facilitando el prototipado de datos su marcado e incluso la interoperabilidad.
VOTES:1
avatar
Carlos Rodríguez Wednesday, 07 May 2014
Excelente!!! Javier. No pretendía rectificarte, ya que se que tenias otro enfoque, solo quería recalcar que el gestor de artículo nos trae este pequeño avance.
Y lo que planteas de los CCKs, estoy muy de acuerdo contigo.
VOTES:1
avatar
Gracias por el estupendo articulo, ya estamos esperando el ejemplo practico Javier.

Saludos
VOTES:2
avatar
Un placer Domingo, la verdad que es un honor poder aportar mi granito de arena aquí en la magazine. El ejemplo práctico al final van a ser varios artículos, para que podamos ver como llevar a cabo el proceso con los distintos CCKs :wink:
VOTES:1
avatar
Manolo Aguado Friday, 09 May 2014
#JoomlaILoveYou amigo Javier, gran post que se tornará en deliciosamente exquisito con los siguientes artículos. Pendiente tengo ya lo sabes "ZOOrrear" así que atento estaré :)
VOTES:1
avatar
Javier Mendoza Sunday, 11 May 2014
Gracias Bole, será un placer ayudarte a cruzar a el lado oscuro apañero xD
VOTES:0

Cambiar de idioma

¡Suscríbase!
Su correo electrónico:
Invalid Input

contribuya-articulo p