Schema markup, que se encuentra en Schema.org, es una forma de microdatos. Una vez añadido a una página web, schema markup crea una descripción mejorada (comúnmente conocida como fragmento enriquecido), que aparece en los resultados de búsqueda.
los principales motores de búsqueda, incluidos Google, Yahoo, Bing y Yandex, comenzaron a colaborar para crear Schema.org, en 2011.
el Schema markup es especialmente importante en la era de Hummingbird y RankBrain., Cómo un motor de búsqueda interpreta el contexto de una consulta determinará la calidad de un resultado de búsqueda.
Schema puede proporcionar contexto a una página web ambigua.
Via Schema.org:
«La mayoría de los webmasters están familiarizados con las etiquetas HTML en sus páginas. Generalmente, las etiquetas HTML decirle al navegador cómo mostrar la información incluida en la etiqueta. Por ejemplo, <h1>Avatar</h1> indica al navegador para mostrar la cadena de texto «Avatar» en un título 1 formato., Sin embargo, la etiqueta HTML no da ninguna información sobre lo que significa esa cadena de texto—»Avatar» podría referirse a la película en 3D de gran éxito, o podría referirse a un tipo de imagen de perfil—y esto puede hacer que sea más difícil para los motores de búsqueda para mostrar de forma inteligente el contenido relevante a un usuario.»
¿ Esquema de Mejorar Su Ranking de Búsqueda?
no hay evidencia de que los microdatos tengan un efecto directo en los rankings de búsqueda orgánica.,
no obstante, los fragmentos enriquecidos hacen que tus páginas web aparezcan más prominentemente en las SERPs. Se ha demostrado que esta visibilidad mejorada mejora las tasas de clics.
según un estudio de acmqueue, menos de un tercio de los resultados de búsqueda de Google incluyen un fragmento enriquecido con Schema.org marcado. Esto expone una gran oportunidad para el resto.
muy pocas cosas en SEO, hoy en día, pueden mover el dial rápidamente. Esto puede.
¿para qué se utiliza el esquema?,
- Empresas y organizaciones
- Eventos
- Personas
- Productos
- Recetas
- Comentarios
- Videos
de Arriba son algunos de los usos más conocidos de esquema. Sin embargo, hay una buena probabilidad de que si tiene algún tipo de datos en su sitio web, va a tener un itemscope asociado, itemtype y itemprop.,
agregar esquema a sus páginas web
usando microdatos
microdatos es un conjunto de etiquetas que tiene como objetivo hacer que anotar elementos HTML con etiquetas legibles por máquina sea mucho más fácil. Los microdatos son un gran lugar para que los principiantes comiencen porque es muy fácil de usar.
Sin embargo, la desventaja de usar microdatos es que tienes que marcar cada elemento individual dentro del cuerpo de tu página web. Como puedes imaginar, esto puede complicarse rápidamente.,
antes de comenzar a agregar schema a sus páginas web, debe averiguar el ‘tipo de elemento’ del contenido de su página web.
por ejemplo, ¿su contenido web se centra en la comida? ¿Música? ¿Tecnología?
una vez que hayas descubierto el tipo de elemento, ahora puedes determinar cómo puedes etiquetarlo.
veamos un ejemplo. Digamos que tienes una tienda que vende routers de alta calidad., Si usted fuera a mirar el código fuente de su página de inicio es probable que vea algo similar a esto:
Una vez que bucear en el código, usted querrá encontrar la parte de su página web que habla de lo que su negocio tiene para ofrecer. En este ejemplo, esos datos se pueden encontrar entre las dos etiquetas <div>.,
Ahora, en la parte superior se puede agregar en:
<div itemscope>
Por la adición de esta etiqueta, estamos indicando que el código HTML contenido entre la etiqueta <div> bloques son la identificación de un elemento específico.
a continuación, tenemos que identificar qué es ese elemento mediante el atributo ‘itemtype’ para identificar el tipo de elemento sobre el que se trata nuestra página web (Tecnología).,
<div itemscope itemtype=»http://schema.org/tech”>
Un tipo de elemento viene en la forma de una URL (como http://schema.org/tech). Digamos, por ejemplo, que tu sitio gira en torno a productos de belleza en lugar de tecnología. La URL del tipo de elemento podría tener este aspecto:
para facilitar las cosas, puede buscar una lista de tipos de elemento aquí, además de ver extensiones para identificar la entidad específica que está buscando., Tenga en cuenta que esta lista no lo abarca todo, por lo que existe la posibilidad de que no encuentre el tipo de artículo para su nicho específico.
volver a la página técnica, desea etiqueta de la parte de la página web que contiene el nombre de la empresa. Usted puede hacer esto entre el <h1> etiquetas.,
Ahora, vamos a utilizar el ‘itemprop’ etiqueta, que las etiquetas de las propiedades de un elemento:
<h1 itemprop=»name»>Tecnología Haven</h1>
Usted puede aplicar estas etiquetas para el resto de la página. Cuando se usan etiquetas para identificar propiedades de elementos, no es necesario etiquetar toda la línea, solo la parte a la que la propiedad hace referencia.,
por ejemplo, si tiene una línea que dice dirección: 1234 W sunshine blvd, solo necesita aplicar las etiquetas alrededor de la dirección en sí y nada más.
Este código puede parecer complicado, pero schema.org proporciona ejemplos sobre cómo usar los diferentes tipos de elementos, para que pueda ver realmente lo que se supone que debe hacer el código. ¡No te preocupes, no te quedarás afuera en el frío tratando de resolver esto por tu cuenta!,
si todavía te sientes un poco intimidado por el código, el Ayudante de marcado de datos estructurados de Google hace que sea súper fácil etiquetar tus páginas web.
para usar esta increíble herramienta, simplemente seleccione su tipo de elemento, pegue la URL de la página de destino o el contenido al que desea dirigirse, y luego resalte los diferentes elementos para que pueda etiquetarlos.
usando RDFa
RDFa es un acrónimo de Resource Description Framework en Atributos. Esencialmente, RDFa es una extensión de HTML5 y fue diseñado para ayudar a los usuarios en el marcado de datos estructurados.,
RDFa se considera una recomendación del W3C, lo que significa que es un estándar web, y se puede usar para encadenar vocabularios de datos estructurados. Esto es especialmente útil si desea agregar datos estructurados que se extiende más allá de los límites de Schema.org.
Se puede respirar un suspiro de alivio. RDFa no es muy diferente de los microdatos.
Similar a los microdatos, las etiquetas RDFa incorporan el código HTML preexistente en el cuerpo de su página web., Por el bien de la familiaridad, veremos el sitio web de tecnología una vez más como un ejemplo.
el HTML de tu sitio técnico probablemente se vería así antes de que se modificara:
Para comenzar, debes asegurarte de que el vocabulario que estás usando sea Schema.org y que la página web en cuestión hace referencia a una página de tecnología.
para este ejemplo, puede buscar «tecnología» en Schema.org para aprender a etiquetar diferentes elementos. Por lo general, encontrarás ejemplos cerca de la parte inferior de la página que te mostrarán cómo usarlos en la práctica.,
simplemente haga clic en la pestaña RDFa para ver ejemplos específicos de RDFa.
a continuación, debe usar la etiqueta vocab combinada con la URL http://schema.org para identificar el vocabulario para el marcado. Para identificar el tipo de Página, utilice la etiqueta typeof. A diferencia de los microdatos, que utilizan una URL para identificar los tipos, RDFa utiliza una o más palabras para clasificar los tipos.,
<div vocab=»http://schema.org/» typeof=»tecnología»>
Si desea identificar una propiedad más que usted debe utilizar el tipo de atributo.,
por ejemplo, si desea ampliar aún más una propiedad de dirección, puede usar «PostalAddress» de la siguiente manera:
<div property=»address» typeof=»PostalAddress»>
comparando microdatos y RDFa uno al lado del otro, el atributo typeof es el equivalente del atributo ItemType que se encuentra en los microdatos. Además, el atributo property sería el equivalente al atributo itemprop.
para mayor explicación, puede visitar Schema.org para comprobar listas y ver ejemplos., Puede encontrar qué tipos de elementos se definen como propiedades y cuáles se definen como tipos.
volviendo a nuestro ejemplo anterior, la página de tecnología se vería así después de haber sido etiquetada apropiadamente:
para ayudarlo, cada página Schema.org proporciona ejemplos sobre cómo aplicar correctamente las etiquetas. Por supuesto, también puede recurrir a la herramienta de prueba de datos estructurados de Google.,
conclusión
Con Suerte, cualquier temor que pueda haber tenido cuando escuchó la palabra «esquema» o «datos estructurados» se ha dejado de lado.
Schema es mucho más fácil de aplicar de lo que parece y es una práctica recomendada que debe incorporar a sus páginas web.
El trabajo puede parecer tedioso. Pero dado el tiempo y el esfuerzo, usted estará seguro de cosechar los beneficios de su trabajo.
Créditos de la imagen
imagen destacada: Paulo Bobita
captura de pantalla tomada por el autor