SEO: Validar los datos estructurados de tu página web para mejorar tu posicionamiento

SEO: Validar los datos estructurados de tu página web para mejorar tu posicionamiento

Hoy vamos a explicar alguna forms sencillas de mejorar el SEO de tu página. Usando microformatos.

Por ejemplo si tienes una web en WordPress e instalas el plugin Yoast puedes comprobar si has configurado correctamente los datos estructurados.

Te recomendamos que empieces por la prueba de resultados enriquecidos para ver qué resultados enriquecidos de Google se pueden generar a partir de tu página. Para probar datos estructurados de schema.org sin validar funciones específicas de Google, utiliza el Validador de marcado.

Validad Microformato de Google

Para validar los microformatos usaremos la página https://developers.google.com/search/docs/advanced/structured-data

Por ejemplo, con la url de una noticia. O con un fragmento de código HTML. Esta pagina da dos opciones

La herramienta oficial de Google para probar los datos estructurados que tienes en tus páginas y ver qué resultados enriquecidos de Google se pueden generar a partir de ellos. También puedes previsualizar qué aspecto tendrán esos resultados en la Búsqueda de Google. Esta mnuy bien para ver si el microformato de news article o cualquier otro microformato es correcto para Google y no tiene fallos.

Válida todos los datos estructurados basados en Schema.org que estén insertados en páginas web. No se muestran advertencias específicas de funciones de Google.

Informes de estado de resultados enriquecidos

Ver tus ofertas de empleo, recetas, noticias y más. Una vez has validado tus microformatos con cualquiera de las dos webs anteriores, puedes hacer un seguimiento desde la SEARCH CONSOLE

Descubre qué resultados enriquecidos de tu sitio web que Google ha podido leer y cuáles no, y cómo solucionar los errores que hayamos encontrado en ellos.

Los informes de resultados enriquecidos de tu sitio web se muestran en el panel de menús Mejoras. Hay un informe diferente para cada tipo de resultado enriquecido. Solo verás el informe de un tipo de resultado enriquecido si se cumplen las siguientes condiciones:

Si has implementado un tipo admitido y sigues sin ver el informe en tu propiedad, consulta el apartado Faltan resultados enriquecidos de este mismo artículo.

¿Que son los datos estructurados?. Microdatos y rich snippet.

Lo principal antes de profundizar en este tema es entender por qué y para qué han sido creados los datos estructurados o microdatos y rich snippets.

¿Qué son los datos estructurados? Se trata de una serie de formatos avanzados de HTML, cuya función va asociada con la búsqueda semántica. Hay que añadir los microformatos recomendados por Google. Ejemplo News Article con formato JSON-LD para los sitios de noticias.

Actualmente, los bots no están del todo capacitados como para entender plenamente el lenguaje y, además, comprender su intención.

Los datos estructurados son etiquetas HTML que puede agregar que facilitan el rastreo, la indexación y la clasificación. Mejora la forma en que los motores de búsqueda leen sus páginas web, lo que resulta en una mejor representación SERP.

La utilización de datos estructurados puede ayudar a que el contenido de su página web aparezca como características SERP. se presentará posteriormente en los resultados de búsqueda como rich snippet.

En definitiva, lo que persiguen los microformatos o microdatos es dar más información de nuestra página web de una forma estandarizada. Son una especie de consenso de cómo vamos a describir algunos aspectos determinados.

Características de SERP

¿Qué son las caracteristicas SERP? Las características de SERP son resultados especiales que ves en las páginas de resultados de los motores de búsqueda. Por ejemplo recetas, noticias, eventos, etc.

Aquí hay un ejemplo.

Características de SERP

Figura. Búsqueda en Google

El incentivo de las características de SERP es que las personas pueden obtener respuestas a las preguntas sin hacer clic.

Es un posicionamiento prioritario con información adicional única.

Aunque los datos estructurados no se consideran un factor de clasificación, las características de SERP generalmente tienen tasas de clics más altas. Al igual que una buena meta descripción, esto puede afectar indirectamente al SEO.

Cuando realizamos una búsqueda, lo normal es que en la página de resultados aparezca el título de la página y un fragmento con la meta descripción propuesta. Esto es lo que se denominan rich snippets, fragmentos enriquecidos de contenido que anticipan al usuario lo que van a encontrar al hacer clic.

Para crear un fragmento enriquecido solo tenemos que seguir dos pasos:

  1. Escoger un formato de marcado

Se puede utilizar cualquiera de los siguientes formatos:

  • Microdatos (opción recomendada)
  • Microformatos
  • RDFa

No se requiere tener conocimientos previos sobre estos formatos, sino conocer conceptos básicos sobre HTML. Además, haciendo uso del asistente para el marcado de datos estructurados podemos ver cómo se añaden microdatos a nuestro sitio.

  1. Marcar el contenido

Google facilita fragmentos enriquecidos para los siguientes tipos de contenidos:

Además, Google también reconoce el marcado de contenido de vídeo y lo usa para optimizar los resultados de búsqueda.

Existen muchos tipos de funciones SERP (con Google creando más casi a diario), pero os enseñamos algunas de las principales:

 

Fragmentos enriquecidos. (Rating) Estrellas

Fragmentos enriquecidos. (Rating) Estrellas

Figura. Resultado de una crítica con valoración

 

Resultados pagados de productos de tienda

Resultados pagados de productos de tienda

Figura. Resultados de la tiendas

 

Resultados universales en Google

Resultados universales en Google

Figura. Módulo de preguntas.

 

Gráfico de conocimiento

A nivel empresarial, es el formato más interesante, ya que aparece en la parte derecha de forma destacada y aporta todo tipo de información sobre la compañía: nombre, descripción, imágenes, ubicación, dirección, contacto, valoración, horario, reseñas, etc.

Gráfico de conocimiento

Figura. Gráfico de conocimiento

 

Noticias:

Utilizáremos el microformato de NewsArticle. Es básico para sitios de noticias.

NewsArticle. Microformato de noticias

Figura. Módulo de noticias en el buscador d eGoogle

 

Vídeos:

Si nuestro contenido tiene vídeo.

Microformato de vídeo

Figura. Módulo de vídeos en el buscador de Google

 

 

Recetas (Recipe):

Micr Microformato de receta

Usa el microformato de Recipe para el tipo de contenido de recetas.

Figura. Mocroformatos de recetas.

 

 

Eventos (Events):

Microformato de eventos

Usa el microformato de Eventos. Se usa para eventos localizados. Ejemplo un partido, un concierto. Donde podemos marcar fechas, etc.

Figura. Microformato de eventos.

 

 

Hay muchos recomendamos la lectura de cómo se implementan en https://developers.google.com/search/docs/data-types/article?hl=es

También es interesante, sus directrices de datos estructurados https://developers.google.com/search/docs/guides/sd-policies

 

Debemso aprender a construir microformato en formato ld+json o si usas WordPress instalar algún plugin SEO como Yoast que te ayuda a generarlos.

Os dejo el ejemplo de una noticia:

 

<script type=»application/ld+json»>{

   «@context»:»http://schema.org»,

   «@type»:»NewsArticle»,

   «mainEntityOfPage»:{

      «@type»:»WebPage»,

      «@id»:»https://www.cope.es/actualidad/sociedad/todo-tiene-un-porque/noticias/por-que-debe-visitar-bebe-recien-nacido-20191210_570057″

   },

   «headline»:»¿Por qué no se debe visitar a un bebé recién nacido?»,

   «image»:»https://cope-cdnmed.agilecontent.com/resources/jpg/0/9/1575966541090.jpg»,

   «datePublished»:»2019-12-10T09:24:00+01:00″,

   «dateModified»:»2019-12-10T13:15:37+01:00″,

   «author»:{

      «@type»:»Person»,

      «name»:[

         «Juan Cascón Baños»

      ]

   },

   «publisher»:{

      «@type»:»Organization»,

      «name»:»COPE.es»,

      «logo»:{

         «@type»:»ImageObject»,

         «url»:»https://cope-cdnsta.agilecontent.com/img/logo-cope-amp.png»

      }

   },

   «description»:»Os dejamos 10 razones a tener en cuenta a la hora de visitar un bebe recién nacido.»

}</script>

 

Google, por ejemplo, intenta facilitar las cosas incluyendo módulos en Search Console orientados a esta idea: datos estructurados, Rich Cards y Data Highlighter; que facilitan la aplicación de los consejos de schema.org.

Asimismo, Google también pone a disposición de los usuarios la herramienta gratuita Structured Data Testing Tool, que permite analizar fragmentos de código o páginas enteras para detectar errores de marcado. Podemos utilizarla para asegurarnos de que estamos sirviendo los mismos datos estructurados en la versión de ordenador y la versión móvil.

Google nos deja una herramienta para su verificación https://search.google.com/structured-data/testing-tool

Si lo quieres crear a mano hay alguna herramienta online que con  formulario podemos generarlo y luego pagarlo en nuestra empresa. https://technicalseo.com/tools/schema-markup-generator/

 

Os dejamos algunos ejemplos de los microformatos más usados a nivel de SEO

1.  Microformato de logotipo

Vamos a ir mostrando los microformatos más interesantes a nivel de SEO https://developers.google.com/search/docs/data-types/article?hl=es

El primero es el de logotipo ó Organización Sirve para el Grafico de conocimiento

<script type=»application/ld+json»>

    {

      «@context»: «https://schema.org»,

      «@type»: «Organization»,

      «url»: «http://www.example.com»,

      «logo»: «http://www.example.com/images/logo.png»

    }

    </script>

 

Os dejamos un ejemplo de Site de COPE y su documentación está en: https://schema.org/Organization

 

<script type=»application/ld+json»>{

   «@context»:»http://schema.org»,

   «@type»:»Organization»,

   «url»:»https://www.cope.es/»,

   «name»:»COPE | Noticias y radio online»,

   «logo»:»https://www.cope.es/apple-touch-icon-152×152.png»,

   «contactPoint»:{

      «@type»:»ContactPoint»,

      «telephone»:»+34 91 595 12 00″,

      «contactType»:»customer support»,

      «email»:»[email protected]»

   },

   «sameAs»:[

      «https://www.facebook.com/cope/»,

      «https://twitter.com/cope»,

      «https://www.instagram.com/cope_es/»,

      «https://www.youtube.com/user/cadenacope»,

      «https://plus.google.com/+cadenacope»

   ]

}</script>

2   Microformato de WebSite y cuadro de buscador

Es otro de los microformatos interesantes. Su documentación está en: https://schema.org/WebSite

<script type=»application/ld+json»>

    {

      «@context»: «https://schema.org»,

      «@type»: «WebSite»,

      «url»: «https://www.example.com/»,

      «potentialAction»: {

        «@type»: «SearchAction»,

        «target»: «https://query.example.com/search?q={search_term_string}»,

        «query-input»: «required name=search_term_string»

      }

    }

    </script>

 

Ejemplo de una página como COPE

 

<script type=»application/ld+json»>{

   «@context»:»http://schema.org»,

   «@type»:»WebSite»,

   «url»:»https://www.cope.es/»,

   «name»:»COPE | Noticias y radio online»

}    </script>

 

Es por ejmplo se puede completar con el menú de navegación para dar más información al buscador https://schema.org/SiteNavigationElement

 

 

3   Microformato de Breadcumb

 

Es otro de los microformatos interesantes. Su documentación está en: https://schema.org/BreadcrumbList

 

Google lo llamada ruta de exploración. (Aparece en verde y con > Pr marcar la estructura).

Microformato de Breadcumb

Figura. Ruta de Exploración (en verde).

https://developers.google.com/search/docs/data-types/breadcrumb?hl=es

Por ejemplo, tras una consulta de búsqueda del título del libro «Ancillary Justice», se puede generar la siguiente ruta de exploración:

Books › Authors › Ann Leckie › Ancillary Justice

<script type=»application/ld+json»>

    {

      «@context»: «https://schema.org»,

      «@type»: «BreadcrumbList»,

      «itemListElement»: [{

        «@type»: «ListItem»,

        «position»: 1,

        «name»: «Books»,

        «item»: «https://example.com/books»

      },{

        «@type»: «ListItem»,

        «position»: 2,

        «name»: «Authors»,

        «item»: «https://example.com/books/authors»

      },{

        «@type»: «ListItem»,

        «position»: 3,

        «name»: «Ann Leckie»,

        «item»: «https://example.com/books/authors/annleckie»

      },{

        «@type»: «ListItem»,

        «position»: 4,

        «name»: «Ancillary Justice»,

        «item»: «https://example.com/books/authors/ancillaryjustice»

      }]

    }

    </script>

 

4   Microformato de WebPage

 

Es otro de los microformatos interesantes. Su documentación está en: https://schema.org/WebPage

El microformato WebPage sirve para dar el contenido de título y enlace de una página a Google.

Aunque se da con las etiquetas de la cabecera, no está mal usarlo para facilitar el trabajo a Google.

 

<script type=»application/ld+json»>

{

    «@context»: «http://schema.org»,

    «@type»: «WebPage»,

    «name»: «Lecture 12: Graphs, networks, incidence matrices»,

    «description»: «These video lectures of Professor Gilbert Strang teaching 18.06 were recorded in Fall 1999 and do not correspond precisely to the current  edition of the textbook.»,

    «publisher»: {

        «@type»: «CollegeOrUniversity»,

        «name»: «MIT OpenCourseWare»

    },

    «license»: «http://creativecommons.org/licenses/by-nc-sa/3.0/us/deed.en_US»

}

</script>

 

Una de las mejoras es que se puede juntar ciertos microformatos como WebPage con  la miga de Pan

 

<script type=»application/ld+json»>

{

 «@context»: «http://schema.org»,

 «@type»: «WebPage»,

 «@id»: «http://example.com/»,

 «breadcrumb»: {

   «@type»: «BreadcrumbList»,

   «itemListElement»:{

     «@type»: «ListItem»,

     «position»: 1,

     «item»:{

      «@id»: «http://example.com/»,

      «name»: «Lecture 12: Graphs, networks, incidence matrices»

      }

    }

  }

}

</script>

 

5   Microformato de Newsarticle

Es el más importante para los medios de comunicación. Su documentación está en: https://schema.org/NewsArticle

Os ponemos un ejemplo de NewsArticle unido con el de vídeo

<script type=»application/ld+json»>{

   «@context»:»http://schema.org»,

   «@type»:»NewsArticle»,

   «mainEntityOfPage»:{

      «@type»:»WebPage»,

      «@id»:»https://www.cope.es/programas/la-manana-fin-de-semana/noticias/que-sabemos-realmente-del-coronavirus-20200301_634113″

   },

   «headline»:»¿Qué sabemos realmente del coronavirus?»,

   «image»:»https://cope-cdnmed.agilecontent.com/resources/jpg/5/1/1582972819115.jpg»,

   «datePublished»:»2020-03-01T07:30:00+01:00″,

   «dateModified»:»2020-03-01T18:39:28+01:00″,

   «author»:{

      «@type»:»Person»,

      «name»:[

         «Paloma Rodríguez Paulete»,

         «Paula Valverde»

      ]

   },

   «publisher»:{

      «@type»:»Organization»,

      «name»:»COPE.es»,

      «logo»:{

         «@type»:»ImageObject»,

         «url»:»https://cope-cdnsta.agilecontent.com/img/logo-cope-amp.png»

      }

   },

   «description»:»Tras el torpedeo constante de informaciones sobre el coronavirus… ¿qué sabemos realmente sobre este pequeño ser?»,

   «video»:{

      «@type»:»VideoObject»,

      «name»:»Así es la percepción del coronavirus en la calle»,

      «description»:»Entrevistas sobre el coronavirus»,

      «uploadDate»:»2020-02-29T11:38:00+01:00″,

      «thumbnailUrl»:»https://cope-cdnmed.agilecontent.com/resources/jpg/0/7/1582972819170.jpg»,

      «duration»:»PT1M52.042S»,

      «contentUrl»:»https://cope-cdnmed.agilecontent.com/resources/mp4/1/1/1582972720711.mp4″

   }

}</script>

 

 

1.1.1.6   Microformato de Events

Es el más importante para los medios con eventos. Por ejemplo, eventos deportivos o conciertos. Su documentación está en: https://developers.google.com/search/docs/data-types/event y https://schema.org/Event

 

<script type=»application/ld+json»>

{

  «@context»: «http://schema.org»,

  «@type»: «Event»,

  «location»: {

    «@type»: «Place»,

    «address»: {

      «@type»: «PostalAddress»,

      «addressLocality»: «Denver»,

      «addressRegion»: «CO»,

      «postalCode»: «80209»,

      «streetAddress»: «7 S. Broadway»

    },

    «name»: «The Hi-Dive»

  },

  «name»: «Typhoon with Radiation City»,

  «offers»: {

    «@type»: «Offer»,

    «price»: «13.00»,

    «priceCurrency»: «USD»,

    «url»: «http://www.ticketfly.com/purchase/309433»

  },

  «startDate»: «2013-09-14T21:30»

}

</script>

Espero que con este articulo SEO: Validar los datos estructurados de tu página web para mejorar tu posicionamiento, mejores el conocimiento de microformatos y puedas mejorar el SEO de tu página. Si te gusta comparte este artículo en tus redes.

Un poco de SEO: Seminario web sobre la Búsqueda de Google para editores

Te interesa

Riot Games presenta las novedades que llegarán en la pretemporada 2022 de League of Legends

Riot Games se prepara para una pretemporada 2022 de League of Legends con bastantes cambios. Desde hoy, todas las novedades estarán disponibles durante cuatro semanas en el servidor de pruebas; de esta forma, Riot quiere recibir los comentarios de la ...

Últimas noticias de Frikipandi.com

Las noticias se actualizan cada 15 minutos.