Todo lo que necesita saber sobre el marcado de esquema en 2022

Todos los días, su jefe le entrega una gran cantidad de notas de las reuniones, así como documentos diversos.

Es su trabajo clasificar correctamente cada uno en un archivador.

Esto implica leerlos todos y seleccionar los detalles clave . Es a la vez aburrido y tedioso.

Afortunadamente, llega un nuevo gerente y requiere que todos los documentos que crea la empresa deben tener los mismos detalles clave etiquetados en la parte superior de cada uno.

¡Tu trabajo se ha vuelto mucho más fácil!

De un vistazo rápido, tiene toda la información que necesita para ordenar y archivar correctamente todos los documentos.

¿Qué es el marcado de esquema?

Schema Markup es una "etiqueta" compuesta de código, que comparte información importante sobre sus páginas y agrega contexto.

Es como una señal para las arañas mientras rastrean su contenido. El código se agrega a su HTML para mejorar los fragmentos enriquecidos en las SERP de Google.

¿Recuerdas haber aprendido a formatear en la escuela? Tus maestros estaban cansados ​​de fuentes cursivas imposibles de leer, alturas de línea que convierten un ensayo de una página en cinco, ¡y de no saber quién escribió la maldita cosa porque no tiene nombre!

De la misma manera que tus profesores querían una mejor manera de entender tus ensayos, Google quiere una mejor manera de entender tu contenido.

Vale, eres un negocio local. ¿Cuál es el nombre de su empresa y dónde está ubicada?

Ok, estás publicando una receta. ¿Cómo se llama la receta, los ingredientes y los pasos para hacerla?

Vale, has opinado sobre un producto. ¿Cómo se llama y qué calificación general de estrellas le darías?

La definición oficial de marcado de esquema de Google es "un formato estandarizado para proporcionar información sobre una página y clasificar el contenido de la página".

Verá en el siguiente ejemplo que el segundo fragmento incluye una calificación de estrellas y una revisión que se ha agregado en el esquema.

Schema proporciona más información a los usuarios de búsqueda, así como a los motores de búsqueda. El contenido también se destaca entre otros resultados que ayudan a aumentar la tasa de clics (CTR).

¿Cómo se creó el esquema?

Aunque schema.org fue creado por las cuatro mayores empresas de motores de búsqueda (Google, Bing, Yahoo y Yandex), en realidad es un proyecto dirigido por la comunidad.

Cualquiera puede participar y compartir sus ideas.

Arriba hay una captura de pantalla de la página de problemas de Github de schema.org . Aquí es donde ocurre la gran mayoría de la discusión con respecto a los diferentes tipos de esquema.

Es un excelente lugar para solucionar problemas y confusiones con diferentes tipos de fragmentos. Los problemas se pueden buscar fácilmente.

Discutiré más sobre esto en la sección de desarrolladores de este artículo.

esquema simple

Al igual que con los humanos en todo el mundo, se utilizan muchos lenguajes para codificar sitios web.

Una página web se compone de HTML (lenguaje de marcado de hipertexto) que le dice al sitio web cómo ver su contenido. Aunque su sitio web habla este idioma, ¡no podemos asumir que todos los motores de búsqueda puedan hacerlo!

Es un gran juego de adivinanzas para Google averiguar quién es el autor, la empresa/organización que representa y qué datos se pueden utilizar en las SERP.

Déjame darte un ejemplo rápido. Digamos que queremos organizar una reunión local de SEO. Nuestro objetivo es aparecer en este cuadro que aparece cuando busca en Google "Eventos de SEO cerca de mí":

Bueno, hay una variedad de formas en las que podemos hacer esto. La primera (y más fácil) forma sería crear una publicación de evento de Google My Business . ¡Pero tal vez no seamos elegibles para tener una lista de Google My Business!

No hay problema. El segundo método es colocar un fragmento de código de schema.org en nuestra página de eventos.

Consulte el siguiente fragmento de código. Lo anoté para que sea fácil de entender.

¡Pero espera! En caso de que vea la captura de pantalla y se sienta abrumado, tenga en cuenta que hay una variedad de formas de agregar el marcado Schema a su sitio sin tocar ningún marcado extraño. Hay complementos de WordPress y generadores de código fáciles de usar.

Sin embargo, ayuda a obtener una comprensión cruda de lo que esos ayudantes están haciendo realmente.

¡Y así, este pequeño fragmento le da a Google un montón de información sobre nuestro evento!

¿Tener sentido?

Schema.org frente a fragmentos enriquecidos frente a datos estructurados

Verá todo tipo de términos utilizados:

• Tipos/clases de esquema
• Datos estructurados
• Fragmentos enriquecidos

Pero, ¿cuáles son sus diferencias?

Los datos estructurados describen lo que estamos haciendo. Proporcionamos datos claros y organizados sobre nuestro contenido que los motores de búsqueda podrían comprender.

Schema.org es un tipo de datos estructurados. En realidad, es el único tipo de datos estructurados que le importa a Google.

Es posible que haya oído hablar de OpenGraph antes. Ese es otro tipo de datos estructurados, pero se usa casi exclusivamente para sitios de redes sociales como Facebook, Twitter y Pinterest.

Rich Snippets son widgets geniales y elegantes que Google crea usando sus datos. No es nada sobre lo que tengamos control absoluto, pero nuestros datos estructurados de schema.org aumentan nuestras posibilidades.

¿Quieres ver algunos ejemplos?

Información sobre una película:

Reseñas de estrellas:

Receta:

¿Qué tipos de Schema.org utiliza Google?

Por lo que sabemos, ¡los usan todos! Después de todo, Google es un jugador central detrás del proyecto schema.org.

Sin embargo, independientemente de cuántos tipos de datos utilicen para comprender y clasificar los sitios web, solo se utilizan unos pocos en sus fragmentos enriquecidos (al menos hasta ahora).

Ellos son:

• Organización
• Artículo
• Negocio local
• Receta
• Revisar
• Video
• Producto
• Evento
• Persona

Esto no significa que no valga la pena implementar los otros. Estamos a punto de repasar una variedad de diferentes tipos de datos que podrían ser muy beneficiosos para implementar.

Cómo agregar marcado de esquema a su sitio web

Tienes tres opciones principales para agregar marcado Schema a tu sitio web:

1. Agregar el código de marcado manualmente
2. Utilice el resaltador de datos
3. Usar un complemento de WordPress

Comprobación de marcado existente

Antes de agregar algo a su sitio, es importante ver qué está implementado actualmente.

Si está leyendo este artículo, es probable que haya realizado algunos esfuerzos de SEO en el pasado, incluso si es tan pequeño como instalar el complemento de WordPress Yoast SEO. Bueno, los complementos como ese generalmente agregan al menos algo de marcado de esquema.

Introduce una URL tuya en la Herramienta de prueba de datos estructurados .

Cualquier marcado que tenga se mostrará en el lado derecho de la página. Como puede ver, hay tres tipos de esquema utilizados en la página que probé.

Opción n.º 1: agregar el código de marcado manualmente

Podría escribir su código de marcado desde cero, pero no tiene por qué ser así.

¡ Google creó el Asistente de marcado de datos estructurados y es genial!

Comienza seleccionando tu tipo de contenido e ingresando una de tus URL. Elijo una publicación reciente de nuestro blog.

Luego, comience a resaltar y etiquetar diferentes elementos de su página.

Después de eso, haga clic en el botón rojo "Crear HTML" y tome su código para agregarlo a la sección principal de su HTML. Se verá un poco así:

Esto es maravilloso para su página de inicio o incluso para una sola página. Pero comienza a ser tedioso si desea etiquetar individualmente cada publicación de blog.

Si este es el caso, hay otras opciones para explorar. El primero de los cuales es el Marcador de datos.

Opción #2: Resaltador de datos

Google quería brindar a los webmasters una interfaz más fácil de usar para etiquetar sus datos. Tal vez no esté seguro de editar el HTML de una página para agregar el marcado de esquema.

El Marcador de datos es útil. Asegúrese de haber iniciado sesión en su cuenta comercial de Google, conecte una de sus URL y etiquétela como lo haría con el Asistente de marcado de datos estructurados.

Después de eso, presentará contenido similar en su sitio y puede asegurarse de que también esté etiquetado correctamente.

Opción #3: Complemento de WordPress

Puede comenzar con un complemento de WordPress como Yoast . Su versión gratuita le brinda los tipos de esquema más básicos, como Organización, Persona y Migas de pan.

También tienen actualizaciones premium que admiten comercio electrónico y tipos de esquemas relacionados con negocios locales.

Ahora, ¿a dónde vas desde aquí? Es posible que sea un blogger, por lo que le gustaría tipos de esquema como BlogPosting o Article. Es posible que tenga un negocio local y le gustaría el tipo LocalBusiness.

Un excelente complemento gratuito que he encontrado es WP SEO Structured Data Schema . Admite una tonelada de tipos de esquema en la versión gratuita.

Si no está seguro de cuál implementar en su sitio, a continuación enumeramos los tipos de esquema más populares.

Tipos de datos de esquema que debería usar

Organización y datos de esquema de migas de pan

• Organización
• Migaja de pan

Hay algunos tipos de datos que se aplican a todos los sitios, ya sea una publicación de noticias, una tienda en línea o una heladería.

En la guía de Google para mejorar la apariencia del sitio web de su empresa en la búsqueda, recomiendan configurar el tipo de esquema Organización y Breadcrumb.

Al hacerlo, especificará todo tipo de información, como el nombre de su marca, su dirección (si tiene una), sus canales oficiales de redes sociales y su logotipo.

Las migas de pan ayudan a mostrar la jerarquía de sus páginas. Los verás mucho en los resultados de búsqueda. Eche un vistazo a la URL de este resultado de búsqueda para el término "botas de senderismo para hombre":

Las migas de pan muestran la jerarquía de páginas, categorías de productos y categorías de publicaciones de blog.

Google también recomienda agregar una sección de punto de contacto al marcado de su organización. Eso lo ayudará a obtener su información de contacto correctamente listada cuando las personas busquen su empresa.

Al igual que:

Sugerencia para el marcado de la organización : no coloque el marcado de su organización en todas las páginas. John Mueller de Google recomienda que solo se coloque en la página de inicio o en la página de contacto .

Marcado de persona

La razón más común por la que las personas quieren usar el marcado Persona es para obtener fragmentos enriquecidos como este:

Obtener ese tipo de fragmentos enriquecidos no siempre es fácil. Sobre todo si no eres muy conocido o tienes un nombre bastante común.

El mejor uso de este marcado de esquema para SEO es si posee un sitio web personal. También es útil si eres una empresa que tiene páginas dedicadas a cada uno de los miembros de tu equipo.

Marcado de negocios locales

Si es una empresa local, implementar el marcado de esquema de LocalBusiness es un gran paso a seguir.

Sin embargo, los fragmentos enriquecidos de empresas locales extraen principalmente datos de su lista de Google My Business.

Todavía vale la pena implementarlo para la consistencia de NAP (nombre, dirección, número de teléfono).

Marcado de artículo

Para ser aún más específico que el tipo de artículo, puede usar un tipo de artículo de noticias o publicación de blog en su lugar.

Los artículos pueden contener todos los datos básicos que asociaría con un artículo, como su título y la fecha de publicación. Además, también puede especificar el número de palabras, los premios que ha ganado y una breve descripción de la misma.

Marcado de calificación/revisión

Todos hemos visto este tipo de fragmento enriquecido de calificación en los resultados de búsqueda antes:

Podría usarse para mostrar las calificaciones de sus clientes o su propia reseña de un producto.

Asegúrese de usar reseñas reales de sus clientes en lugar de establecer arbitrariamente todos sus productos con cinco estrellas.

Este es probablemente el tipo de esquema del que más se abusa. Algunas personas los colocan en todas sus páginas con la esperanza de obtener una mayor clasificación y hacer clic. Google se ha dado cuenta de eso e incluso podría penalizarlo por hacer tal cosa.

Marcado del producto

¡El esquema del producto es imprescindible para las tiendas de comercio electrónico!

Se recomienda emparejarlo con el esquema de reseñas/calificaciones.

Marcado de video

Google muestra los resultados de los videos no solo en la pestaña Videos, sino también en línea con su contenido habitual.

Muchas veces, los resultados de los videos están dominados por los resultados de Youtube. Otras veces (como esta) otros sitios de alta autoridad pueden asegurar clasificaciones.

Marcado de eventos

Definitivamente vuelva a leer nuestra sección titulada "Esquema simple" donde repasamos un ejemplo práctico del marcado de eventos.

Este marcado es para cualquier tipo de evento que cree y le permite incluir todos los detalles del evento dentro del marcado.

Marcado de receta

¡Es imprescindible para cualquier blog de cocina! Si alguna vez ha echado un vistazo a cualquier página de resultados de búsqueda relacionada con recetas...

…está claro que es completamente diferente a los resultados de cualquier otra palabra clave.

Desea que sea lo más fácil posible para que Google entienda su receta.

Bonificación: margen de beneficio para su industria de nicho

Hay muchos tipos de marcado relacionados con la industria de súper nicho para utilizar. Especialmente si estás en SEO local, es probable que tus competidores no se aprovechen de ellos.

Por ejemplo, hay tipos como:

• HombreRopaTienda
• Tienda de bicicletas
• Librería
• Tienda de pasatiempos
• …incluso OfficeEquipmentStore

Marcado de esquema en… correos electrónicos

Es probable que el 90% de los que leen este artículo solo estén interesados ​​en cómo agregar el marcado Schema a los sitios web.

¡La mayoría de las personas no tenían idea de que era algo que también se podía agregar a sus correos electrónicos de marketing!

Primero, es importante mencionar que esto es realmente solo un beneficio para los usuarios de Gmail. Afortunadamente, los usuarios de Gmail tienen el 29% de la cuota de mercado de clientes de correo electrónico, lo que lo convierte en el servicio de correo electrónico más utilizado.

Me encantaría ver agregado el marcado Schema a los clientes de correo electrónico de Apple. ¿Sabía que Gmail y Apple representan más del 50 % de la cuota de mercado de clientes de correo electrónico?

Los dos ejemplos más comunes de fragmentos de schema.org que verá en su bandeja de entrada son para vuelos y hoteles. A continuación se muestra lo que verá para los vuelos que ha comprado:

Y aquí hay un ejemplo de un botón que aparece junto a todos sus correos electrónicos con respecto a una reserva de hotel.

Sin embargo, la mayoría de ustedes no está en el negocio de los hoteles ni en el de las aerolíneas. ¡Todavía hay algunos tipos de datos perversos que podrías usar!

Acciones de acceso

Las acciones más útiles para casi todas las empresas serán las acciones de acceso .

Todo lo que hace es proporcionar un simple botón o enlace junto a su correo electrónico que permite a sus suscriptores visitar una URL.

Este marcado es excelente para proporcionar un llamado a la acción y alentar la apertura.

Eventos y RSVP

Puede usar el tipo de datos EventRegistration y RSVP para que a sus suscriptores les resulte muy fácil decir que sí a su próximo evento.

Crear respuestas personalizadas específicas (por ejemplo, "Sí, voy") y asignar a cada una una URL única es ideal para realizar pruebas divididas, realizar un seguimiento y personalizar la experiencia del usuario.

Seguimiento de pedidos y envíos

Para aquellos que están en el comercio electrónico, los dos elementos más útiles del marcado de correo electrónico para usted serán Pedido y Entrega de paquetes .

Facturas

Ya sea que esté enviando facturas a clientes o recordando a un cliente sobre un pago de suscripción automático, el tipo de datos Factura es muy útil.

En la imagen de arriba, puede ver el ejemplo que muestra una factura que ya se pagó.

Una parte única de este tipo de datos es que hay una variedad de estados de pago entre los que puede elegir.

Esto está definido por el PaymentStatusType de Schema . Los cinco tipos son:

• PagoAplicadoAutomáticamente
• PagoCompletado
• Pago rechazado
• Fecha de pago
• PagoAtrasado

Esquema para desarrolladores

Haga clic aquí para enviar esta sección por correo electrónico a su desarrollador.

Pensé en cerrar este artículo con algunos consejos y trucos para desarrolladores.

Esto no es necesariamente algo que deba saber como gerente de marketing o alguien a quien no le gusta nada que se parezca al código.

Cómo leer los documentos

Como desarrollador, el aprendizaje de cualquier tipo de tecnología comienza con aprender a leer la documentación.

Hay tres recursos principales que desea vigilar:

• La jerarquía completa de Schema.org
• Documentos de datos estructurados de Google (o los Documentos de datos estructurados de Gmail para aquellos que manejan el correo electrónico)
• Página de problemas de Schema.org Github para discusión y soporte de última hora

Documentos de Schema.org

La documentación de schema.org detalla todos los tipos/clases posibles definidos por el estándar y las opciones de configuración que tiene.

Su documentación no es la más divertida de leer. Debido a cómo está diseñado, te convertirás en un experto en presionar los botones "Inicio" y "Fin" en tu teclado.

Esa tabla gris principal que ve detalla todas las propiedades/atributos disponibles que tiene la opción de definir.

Si se desplaza por allllllllllllllllllllllllllllllllll... hasta el final de la página, notará ambos subtipos (piense en subclases en términos de programación), así como ejemplos de fragmentos de código.

Documentos de datos estructurados de Google

Los documentos de datos estructurados de Google muestran todo tipo de ejemplos de código, así como una mirada detrás de la cortina de los tipos de esquema que le interesan a Google.

Navegar es muy sencillo. El panel de la izquierda tiene todo lo que necesita para aparecer en la lista de "datos estructurados".

Problemas de Schema.org Github

Habrá momentos en los que estés leyendo los documentos y algo no te quede lo suficientemente claro. Lo más probable es que alguien haya tenido la misma confusión. El mejor lugar para obtener claridad sobre este tipo de problemas suele ser mediante la exploración de problemas de Github.

Microdatos frente a RDFa frente a JSON-LD

El verdadero debate aquí es Microdata AND RDFa vs. JSON-LD.

Los microdatos y RDFa son muy similares. Siguen una sintaxis similar a HTML/XML. También es completamente visible y hace uso de su contenido existente.

JSON-LD, por otro lado, es solo un fragmento invisible de código, solo procesado por los bots que visitan su sitio. La gran diferencia es que tienes que definir todo de nuevo. Entonces, supongamos que está especificando el nombre de su publicación de blog. Tienes que escribirlo de nuevo en lugar de envolverlo alrededor de tu contenido visible.

Si eso no tiene ningún sentido, déjame ilustrar usando dos fragmentos de código.

Una publicación de blog de microdatos:

 <div itemscope itemtype="http://schema.org/NewsArticle">
<h1 itemprop="titular">
      15 empresas de coches eléctricos que se están apoderando del mercado
    </h1>
<p itemprop="articleBody">Este es el contenido de mi artículo.</p>
</div>

Una publicación de blog JSON-LD:

 <h1>15 empresas de coches eléctricos toman el control del mercado</h1>
<p>Este es el contenido de mi artículo.</p>

<tipo de script="aplicación/ld+json">
 {
  "@contexto": "https://schema.org",
  "@type": "Artículo",
  "headline": "15 empresas de coches eléctricos se hacen cargo del mercado",
  "articleBody": "Este es el contenido de mi artículo".
  }
</script>

Notas finales

¡Espero que este artículo haya sido de gran ayuda para enseñarle sobre datos estructurados y marcado de esquema!

Hemos cubierto mucho terreno y hemos pasado por muchos tipos de esquemas diferentes.

A medida que Google implemente más y más características de resultados de búsqueda enriquecidos, la importancia del esquema solo aumentará.

Háganos saber cómo le va con la implementación del esquema utilizando #fatjoeschema en Twitter @fatjoewho.