{"id":7295,"date":"2019-05-02T10:20:09","date_gmt":"2019-05-02T10:20:09","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=7295"},"modified":"2019-05-02T11:01:15","modified_gmt":"2019-05-02T11:01:15","slug":"estrellas-de-calificacion-media-de-tu-pagina-web-en-google","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/estrellas-de-calificacion-media-de-tu-pagina-web-en-google\/","title":{"rendered":"Estrellas de calificaci\u00f3n media de tu p\u00e1gina Web en Google"},"content":{"rendered":"

En este art\u00edculo vas a aprender a utilizar los fragmentos de datos estructurados para marcar el contenido de las calificaciones y comentarios que dejan los clientes en una p\u00e1gina Web con Google Rich Snippets<\/strong>. Las estrellas<\/strong> de calificaci\u00f3n visibles en Google<\/strong>.<\/p>\n

El objetivo principal de este tutorial es que consigas preparar tu sitio Web para que Google<\/strong> entienda que deseas agregar las estrellas de calificaci\u00f3n media en los resultados de b\u00fasqueda org\u00e1nica y as\u00ed conseguir llamar m\u00e1s la atenci\u00f3n del usuario que busca y conseguir m\u00e1s clics.<\/p>\n

De esta forma, consigues aumenta tu CTR con los fragmentos enriquecidos.<\/p>\n

Puede ser una p\u00e1gina de un producto, una entrada de un blog, una p\u00e1gina de una organizaci\u00f3n o lo que se te ocurra. En cualquier p\u00e1gina que presente opiniones de clientes se puede agregar los fragmentos enriquecidos\u00a0<\/strong>para mostrar las estrellas de calificaci\u00f3n media.<\/p>\n

\"\"<\/a><\/p>\n

\u00bfC\u00f3mo marcar los elementos de tu contenido?<\/h3>\n

En el siguiente enlace tienes una gu\u00eda extensa con todas las posibilidades y ejemplos. Ver gu\u00eda<\/a>.<\/p>\n

En el momento que ya tienes marcado los elementos de tu contenido, entra en juego la posibilidad de agregar los fragmentos de opini\u00f3n<\/strong>.<\/p>\n

Si tu tienda brinda opiniones de clientes o cr\u00edticos, es ideal agregar los fragmentos de opini\u00f3n para mejorar la presencia en los resultados de b\u00fasqueda<\/strong>.<\/p>\n

Un fragmento de opini\u00f3n<\/strong> es un extracto breve de una opini\u00f3n o una calificaci\u00f3n de un sitio Web de opiniones.<\/p>\n

Generalmente, es un promedio de las puntuaciones de muchos usuarios que dejan opiniones de un producto, servicio o p\u00e1gina Web.<\/p>\n

Si Google<\/strong> encuentra lenguaje de marcado v\u00e1lido de opiniones o calificaciones, es posible que se muestre un fragmento enriquecido que incluya estrellas y otra informaci\u00f3n resumida de opiniones o calificaciones.<\/p>\n

Una calificaci\u00f3n, adem\u00e1s de contener el texto de la opini\u00f3n, es una evaluaci\u00f3n que se describe en una escala num\u00e9rica (por ejemplo del 1 al 5).<\/p>\n

En el siguiente enlace puedes ver m\u00e1s detalles:<\/p>\n

Fragmentos de opini\u00f3n<\/a><\/p>\n

Si deseas ir al grano, a continuaci\u00f3n puedes observar el c\u00f3digo que se necesita para conseguir mostrar las estrellas de calificaci\u00f3n media como fragmentos enriquecidos<\/strong> para tu sitio Web.<\/p>\n

Te hemos preparado 2 ejemplos. En uno puedes observar un producto y en otro una organizaci\u00f3n.<\/p>\n

A continuaci\u00f3n, detallar\u00e9 el c\u00f3digo del ejemplo del producto ya que el c\u00f3digo para una organizaci\u00f3n es muy similar.<\/p>\n

En el contenedor principal de la p\u00e1gina debes indicar que se trata de un producto. Lo puedes hacer f\u00e1cilmente agregando itemtype=\u00bbhttps:\/\/schema.org\/Product\u00bb<\/em> como atributo del contenedor quedando as\u00ed, por ejemplo:<\/p>\n

<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<div<\/span><\/a> id<\/span>=<\/span>"content"<\/span> class<\/span>=<\/span>"col-lg-12"<\/span> itemtype=<\/span>"https:\/\/schema.org\/Product"<\/span>><\/span>\n    ...\n<\/<\/span>div<\/span><\/a>><\/span><\/pre><\/div><\/div>\n
Dentro del contenedor principal, en el lugar deseado de la p\u00e1gina que contiene comentarios en tu sitio Web, debes agregar el siguiente c\u00f3digo que contiene la calificaci\u00f3n media basada en m\u00faltiples calificaciones o comentarios:<\/p>\n
<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<div<\/span><\/a> class<\/span>=<\/span>"col-lg-12"<\/span> itemprop=<\/span>"aggregateRating"<\/span> itemscope itemtype=<\/span>"http:\/\/schema.org\/AggregateRating"<\/span>><\/span>\n    <meta<\/span><\/a> itemprop=<\/span>"itemReviewed"<\/span> content<\/span>=<\/span>"Hummingbird printed t-shirt"<\/span> \/<\/span>><\/span>\n    <meta<\/span><\/a> itemprop=<\/span>"worstRating"<\/span> content<\/span>=<\/span>"1"<\/span> \/<\/span>><\/span>\n    <meta<\/span><\/a> itemprop=<\/span>"bestRating"<\/span> content<\/span>=<\/span>"5"<\/span> \/<\/span>><\/span>\n    <h3<\/span><\/a>><\/span>3 comentarios sobre "Hummingbird printed t-shirt"<\/<\/span>h3<\/span><\/a>><\/span>\n    <p<\/span><\/a>><\/span>Calificaci\u00f3n media: <span<\/span><\/a> itemprop=<\/span>"ratingValue"<\/span>><\/span>4<\/<\/span>span<\/span><\/a>><\/span>\/5 basado en <span<\/span><\/a> itemprop=<\/span>"ratingCount"<\/span>><\/span>3<\/<\/span>span<\/span><\/a>><\/span> comentarios de clientes.<\/<\/span>p<\/span><\/a>><\/span>\n<\/<\/span>div<\/span><\/a>><\/span><\/pre><\/div><\/div>\n
Schema.org<\/em> es una actividad comunitaria de colaboraci\u00f3n fundada por Google<\/strong> y otros con la misi\u00f3n de crear, mantener y promover esquemas para datos estructurados en Internet, en p\u00e1ginas web, en mensajes de correo electr\u00f3nico y m\u00e1s.<\/p>\n
El atributo itemprop=\u00bbaggregateRating\u00bb<\/em> que estamos agregando al contenedor indica precisamente eso, que el contenido que viene a continuaci\u00f3n contiene la calificaci\u00f3n media de la p\u00e1gina basada en m\u00faltiples calificaciones o comentarios.<\/p>\n
Tambi\u00e9n debes considerar las siguientes los siguientes atributos para los datos estructurados:<\/p>\n