Generar un rich snippet de una valoración de producto mediante RDFa
Por regla general, las valoraciones de producto que aparecen en las SERP como rich snippet contienen el nombre del producto, una imagen, una puntuación, así como un cuerpo de texto, que además de la crítica en sí, también incluye el nombre del autor, el título y la fecha. Con el siguiente fragmento de código se muestra cómo se estructura esta información con RDFa para las máquinas:
Estructuración de una valoración de producto mediante RDFa:
01 | <div vocab="http://schema.org/" typeof="Product"> |
02 | <img property="image" src="https://www.ionos.mx/digitalguidewww.anbieter.de/produktbild.jpg" alt="Bildbeschreibung"/> |
03 | <span property="name">Name des Produkts</span> |
04 | <div property="review" typeof="Review"> Review: |
05 | <span property="reviewRating" typeof="Rating"> |
06 | <span property="ratingValue">5</span> - |
07 | </span> |
08 | <b>"<span property="name">Titel der Bewertung</span>"</b> von |
09 | <span property="author" typeof="Person"> |
10 | <span property="name">Name des Autors</span> |
11 | </span>, geschrieben am |
12 | <meta property="datePublished" content="2006-05-04">4. Mai 2006 |
13 | <div property="reviewBody">Bewertungstext</div> |
14 | <span property="publisher" typeof="Organization"> |
15 | <meta property="name" content="Name des Herausgebers"> |
16 | </span> |
17 | </div> |
18 | </div> |
Como en el ejemplo anterior, en la linea 01 se establece schema.org como el vocabulario en el que se basa el marcado. El atributo typeof define los datos entre la línea 01 y la 17 como pertenecientes al esquema estándar “Product”.
Según schema.org, los productos tienen una serie de características o propiedades (properties). En este ejemplo, a este producto le hemos otorgado, y hemos señalado semánticamente, un nombre (property="name"), una imagen (property=”image”) y un comentario (property="review").
La sintaxis RDFa también considera que las propiedades también pueden ser tipos en sí y recibir propiedades. Es así como la característica “review” de la línea 04 se puede definir como esquema “Review” y ser especificada en más detalle
Fragmento:
04 | <div property="review" typeof="Review"> Review: |
Es habitual encontrar un sistema de estrellas para valorar experiencias de usuario en la web. Para que las máquinas puedan interpretarlas, a “Review” se le otorga la propiedad “reviewRating” que, a su vez, se convierte en la categoría “Rating” y puede ser definida con la propiedad “ratingValue” y un valor determinado (líneas 04 a 06).
Fragmento:
04 | <div property="review" typeof="Review"> Review: |
05 | <span property="reviewRating" typeof="Rating"> |
06 | <span property="ratingValue">5</span> - |
Otras características de la categoría “Review” son el título (property="name"), el autor (property=”author”), la fecha de publicación (property="datePublished"), el texto mismo (property="reviewBody") y el editor (property="publisher"). Tanto el autor como el editor se pueden definir mediante un atributo typeof propio como categoría específica (persona u organización) y reciben propiedades como “name”.
Es evidente la complejidad del marcado con RDFa, un formato que, a la vez que permite una notación semántica extremadamente detallada, requiere claramente mucho más esfuerzo a la hora de aplicarlo que formatos más modernos como JSON-LD.