Los datos estructurados en Blogger: solución de problemas.

Los datos estructurados son una herramienta fundamental en lapresentación de los resultados de búsquedaen Google.

Gracias a ellos, Google puede presentar información de eventos, rangos de precios, evaluación media del sitio (con estrellas) y gran cantidad de datos en el resumen de la búsqueda que pueden hacer que un usuario se interese más por ese resultado que por otros que no se aprovechan de su potencia.

¿Qué son y para qué se utilizan los datos estructurados en Google?

Imagina que deseas mostrar en los resultados de búsqueda de Google una "información extra" que acompañe al enlace a tu web. Por ejemplo, una tienda online o un restaurante cuando aparezca en la lista de resultados de Google podría mostrar la calificación que otros usuarios pueden hacer de su servicio, una web de un hotel el rango de precios de sus habitaciones... O tienes un Blog donde organizas eventos con tus usuarios a una hora y un sitio y deseas que se vean también en los resultados de búsqueda para que puedan comprobar de un sólo vistazo los distintos planes que organizas... Para todo esto sirven los datos estructurados.

La utilización de datos estructurados permite a los buscadores como Google obtener información de una web que obedece a estructuras de información prefijadas dentro de la misma, para luego mostrarlos en los resultados de las búsquedas.

Un usuario que trata de buscar un hotel o un buen restaurante, puede sentirse mucho más inclinado a hacer "clic" en el resultado que le muestra datos sobre sus precios o valoración media de los usuarios frente a otros que no los muestran.

Datos estructurados primordiales en Blogger, autor y fecha de actualización:

Los datos estructurados le permiten a Google conocer con mayor precisión información tan fundamental como el sitio donde se ha actualizado una entrada o elautor de la misma.

Son estos dos puntos, los datos estructurados que con mayor frecuencia dan problemas en Blogger. Cuando lanzamos unaprueba de datos estructurados en lasherramientas para webmasters de Googlesolemos encontrarnos en los resultados escrito en rojo:

Notas a tener en cuenta con los datos estructurados en Google:

Muchos Blogs no poseen ni tan siquiera en su plantilla campos donde se indique el autor o fecha de actualización. Debes comprender que en este caso, deberás alterar la presentación de tu Blog para que estos datos se muestren.
Los datos estructurados siempre deben mostrarse, no los utilices en "oculto". Es necesario que pienses la zona de tu entrada donde los vas a presentar en caso de que no dispongas de alguna parte en tu Blog habilitada a tal efecto. En Diarios de la nube puedes ver cómo yo los he puesto por ejemplo en la cabecera de la entrada, en el pié de página o en el listado de entradas de la página princpal.

NOTA IMPORTANTE:para asegurar tu proceso de autoría al 100%, si has entrado directamente en esta página te recomiendo encarecidamente que comiences por esta guía:La autoría en Google paso a paso.Esto te facilitará al máximo la consecución de objetivos.

¿Cómo solucionar en Blogger los errores: Error: Missing required field "updated" y Error: Missing required hCard author?

0) Comprueba si tienes estos errores en laprueba de datos estructuradosde lasherramientas para webmasters de Google. Esscribe la dirección de tu blog y cuando haya sido analizado verás los resultados justo debajo. Si ves estos errores marcados con el texto en rojo entonces continúa con la guía.

1) Antes de realizar cualquier cambio en la plantilla de tu Blog realiza una copia de seguridad de la misma. Utilizaesta guía para conseguirlo.

2) Ve directamente dentro de Blogger a la opción de menú "Plantilla" y selecciona el botón "Editar HTML" para que te aparezca el código fuente de tu plantilla:

3) Si tienesError: Missing required hCard author

La colocación de la fecha de actualización de un post y de su autor no tiene porqué ser la misma en todas las plantillas de un Blog. Aunque muchas veces en las plantillas de Blogger estándar se encuentran por eldiv class='post-footer',en algunos casos pueden encontrarse en otras partes del código.

Pulsa las teclas "Ctrl" y "F" con el cursor dentro del código de la plantilla para que te aparezca la "ventanita" de búsqueda de código y localizadiv class='post-footer'.Si te aparece dos veces, fíjate en la segunda ocasión que la encuentres.

Deberás cambiar el código que te aparece por este encolor azul:

div class='post-footer'
div class='post-footer-line post-footer-line-1'

span class='post-author vcard'
b:if cond='data:top.showAuthor'
data:top.authorLabel/
b:if cond='data:post.authorProfileUrl'
span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'
meta expr:content='data:post.authorProfileUrl' itemprop='url'/
a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'
span itemprop='name'data:post.author//span
/a
/span
b:else/
span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'
span itemprop='name'data:post.author//span
/span
/b:if
/b:if
/span

4) Si tienesError: Missing required field "updated"

Realiza la búsqueda del paso 3). Pulsa las teclas "Ctrl" y "F" con el cursor dentro del código de la plantilla para que te aparezca la "ventanita" de búsqueda de código y localizadiv class='post-footer'.Si te aparece dos veces, fíjate en la segunda ocasión que la encuentres.

Dentro fíjate que te aparecerá el textospan class='post-timestamp' que esté dentro deldiv class='post-footer'y Deberás cambiar el código que te marco por este encolor verde:

span class='post-timestamp'

b:if cond='data:top.showTimestamp'
a class='updated' href='http://nombre_de_tu_blog' /aabbr class='published' expr:title='data:post.timestampISO8601'data:top.timestamp//abbr

b:if cond='data:post.url'
a class='updated' href='nombre_de_tu_blog' Nombre de tu Blog./aabbr class='published' expr:title='data:post.timestampISO8601'data:top.timestamp//abbr

/b:if
/b:if
/span

IMPORTANTE:No olvides cambiar elhref='nombre_de_tu_blog'y poner en el href= la dirección de tu Blog y a continuación della descripción de tu Blog.

La estructura final de la parte que hemos reparado deldiv class='post-footer' para solucionar ambos errores quedaría así:

5) Otras alternativas:

Alternativa A) Es menos ortodoxa que los pasos 4 y 5 pero soluciona el problema igualmente. La utilización de los datos estructurados implica siempre una estructura como la que te presento a continuación de ejemplo con mi plantilla:

div class='vcard'

span class='fn n'span class='given-name'Por: span class='meta_author'a href='https://plus.google.com/TU_CÓDIGO_GOOGLE_PLUS?rel=author' data:post.author//a/span/span/span

/div

En: a class='updated' href='http://DIRECCIÓN DE TU WEB' NOMBRE DE TU WEB/aabbr class='published' expr:title='data:post.timestampISO8601'data:post.timestamp//abbr

/div

div class='postdate'span data:post.date//span

/div

Debes intentar imitar esa estructura que puedes incluso escribir tal cual con los datos de tu página de Google+ y la dirección de tu Blog.
Losdiv class que ves los utilizo en mis hojas de estilo, ahí tendrías que jugar con tu propia presentación. Lo importante es que la estructura sea siempre:

span class='fn n'a href='https://plus.google.com/TU_CÓDIGO_GOOGLE_PLUS?rel=author' data:post.author//a/span/span/spanpara que se pueda extraer en los datos estructurados el autor.
a class='updated' href='http://DIRECCIÓN DE TU WEB' NOMBRE DE TU WEB/aabbr class='published' expr:title='data:post.timestampISO8601'data:post.timestamp//abbrpara que se pueda extraer en los datosestructurados la dirección y la fecha de actualización.

Alternativa B) Añade el gadget"insignia"En el diseño de tu Blog:

Dirígete en Blogger a la pantalla principal y en el menú izquierdo de opciones pulsa en "Diseño" tal como muestro en la pantalla inferior.

Haz "clic" en cualquier punto donde ponga "Añadir un gadget" y selecciona el de tipo "insignia" para poner tu perfil de Google+ en el Blog.

Alternativa C)Añade un cuadro de autor al final de tus entradas:

Realiza esta guía paso a paso para añadir un cuadro de autor al final de tus entradas:Añade un cuadro de autor al final de tus entradas.

Alternativa D)No la utilices aisladamente, procura combinarla con cualquiera de las otras alternativas, utiliza las meta etiquetas.

Realiza esta guía paso a paso para utilizar las meta etiquetas básicas en tu Blog:Meta etiquetas básicas en una web.

6) Vuelve a realizar laprueba de datos estructuradosy comprueba que ya no tienes estos errores.

Esta solución la he aplicado partiendo de la base analizada enhttp://bitacoramanzano.blogspot.com. Aunque he incorporado algunas modificaciones, sin lugar a dudas "La bitácora del Manzano" me ha servido para solucionar el problema. Me encanta este sitio porque siempre encuentra soluciones prácticas a temas muy técnicos que muchas veces se encuentran explicados de una manera confusa en Internet.