Schema.org es una colección de vocabulario (o esquemas) que se utiliza para aplicar marcado de datos estructurados a páginas web y contenido. La aplicación correcta del esquema puede mejorar los resultados de SEO a través de fragmentos enriquecidos.
El marcado de datos estructurados es traducido por plataformas como Google y Microsoft para proporcionar resultados enriquecidos mejorados (o fragmentos enriquecidos) en las páginas de resultados de los motores de búsqueda o en los correos electrónicos. Por ejemplo, puede marcar las páginas de sus productos de comercio electrónico con un esquema de variantes para ayudar a Google a comprender las variaciones de los productos.
Schema.org es un proyecto independiente que ha ayudado a establecer la coherencia de los datos estructurados en Internet. Comenzó a colaborar con motores de búsqueda como Google, Yahoo, Bing y Yandex en 2011.
El vocabulario de esquema se puede aplicar a páginas mediante codificaciones como RDFa, Microdata y JSON-LD. Google prefiere el esquema JSON-LD porque es el más fácil de aplicar y mantener.
¿El marcado de esquema mejora su clasificación de búsqueda?
El esquema no es un factor de clasificación.
Sin embargo, su página web es elegible para fragmentos enriquecidos en SERP solo cuando utiliza el marcado de esquema. Esto puede mejorar la visibilidad de su búsqueda y aumentar el CTR en su página web desde los resultados de búsqueda.
El esquema también se puede utilizar para crear un gráfico de conocimiento de entidades y temas. El uso del marcado semántico de esta manera alinea su sitio web con la forma en que los algoritmos de IA categorizan las entidades, lo que ayuda a los motores de búsqueda a comprender su sitio web y su contenido.
La información proporcionada por los datos estructurados puede proporcionar contexto a una página web que de otro modo sería ambigua. También puede ayudarle a aclarar entidades con múltiples significados potenciales.
Según Schema.org:
“La mayoría de los webmasters están familiarizados con las etiquetas HTML en sus páginas. Normalmente, las etiquetas HTML le indican al navegador cómo mostrar la información incluida en la etiqueta. Por ejemplo,
Avatar
le dice al navegador que muestre la cadena de texto “Avatar” en formato de encabezado 1.
Sin embargo, la etiqueta HTML no proporciona ninguna información sobre lo que significa esa cadena de texto (“Avatar” podría referirse a la exitosa película en 3D o podría referirse a un tipo de imagen de perfil) y esto puede dificultar la búsqueda. motores para mostrar de forma inteligente contenido relevante a un usuario”.
Esto significa que los motores de búsqueda deben tener información adicional que les ayude a descubrir de qué trata la página web.
Incluso puede vincular sus entidades directamente a sitios como Wikipedia o el gráfico de conocimiento de Google para crear conexiones explícitas. Usar Schema de esta manera puede tener resultados SEO positivos, según Martha van Berkel, directora ejecutiva de Schema App:
“En Schema App, hemos probado cómo la vinculación de entidades puede afectar el SEO. Descubrimos que eliminar la ambigüedad de entidades como lugares dio como resultado que las páginas tuvieran un mejor rendimiento en [near me] y otras consultas de búsqueda basadas en la ubicación.
Nuestros experimentos también demostraron que la vinculación de entidades puede ayudar a que las páginas aparezcan en consultas de búsqueda sin marca más relevantes, lo que aumenta las tasas de clics en las páginas.
A continuación se muestra un ejemplo de vinculación de entidades. Si su página habla de “París”, puede resultar confuso para los motores de búsqueda porque hay varias ciudades en el mundo llamadas París.
Si está hablando de la ciudad de París en Ontario, Canadá, puede usar la propiedad SameAs para vincular la entidad de París en su sitio con la entidad conocida de París, Ontario en Wikipedia, Wikidata y Knowledge Graph de Google.
Al ayudar a los motores de búsqueda a comprender el contenido, les ayuda a ahorrar recursos (especialmente importante cuando tiene un sitio web grande con millones de páginas) y a aumentar las posibilidades de que su contenido se interprete correctamente y se clasifique bien. Si bien esto puede no ser un factor de clasificación directamente, Schema ayuda a sus esfuerzos de SEO al brindarles a los motores de búsqueda la mejor oportunidad de interpretar su contenido correctamente, brindando a los usuarios la mejor oportunidad de descubrirlo.
¿Para qué se utiliza el marcado de esquema?
Arriba se enumeran algunos de los usos más populares del esquema, que son compatibles con Google y otros motores de búsqueda.
Es posible que tenga un tipo de objeto que tenga una definición de Schema.org pero que no sea compatible con los motores de búsqueda.
En tales casos, se recomienda implementarlos, ya que los motores de búsqueda pueden comenzar a admitirlos en el futuro y usted puede beneficiarse de ellos ya que ya tiene esa implementación.
Tipos de codificación de esquemas: JSON-LD, microdatos y RDFa
Hay tres formatos principales para codificar el marcado de esquema:
- JSON-LD.
- Microdatos.
- RDFa.
Google recomienda JSON-LD como formato preferido para datos estructurados. Los microdatos todavía son compatibles, pero se recomienda el esquema JSON-LD.
En determinadas circunstancias, no es posible implementar el esquema JSON-LD debido a limitaciones técnicas de la infraestructura del sitio web, como sistemas de gestión de contenidos antiguos). En estos casos, la única opción es marcar HTML mediante Microdatos o RDFa.
Ahora puede mezclar formatos JSON-LD y Microdatos haciendo coincidir el @id
atributo del esquema JSON-LD con el itemid
atributo del esquema de microdatos. Este enfoque ayuda a reducir el tamaño HTML de sus páginas.
Por ejemplo, en una sección de preguntas frecuentes con texto extenso, puedes utilizar Microdatos para el contenido y JSON-LD para los datos estructurados sin duplicar el texto, evitando así un aumento del tamaño de la página. Profundizaremos en esto a continuación en el artículo cuando analicemos cada tipo en detalle.
1. Formato de esquema JSON-LD
JSON-LD codifica datos utilizando JSON, lo que facilita la integración de datos estructurados en páginas web. JSON-LD permite conectar diferentes tipos de esquemas utilizando un gráfico con @ids
mejorando la integración de datos y reduciendo la redundancia.
Veamos un ejemplo. Digamos que tienes una tienda que vende enrutadores de alta calidad. Si miraras el código fuente de tu página de inicio, probablemente verías algo como esto:
<div>
<h1>TechHaven</h1>
<h2>The best routers you’ll find online!</h2>
<p>Address:</p>
<p>459 Humpback Road</p>
<p>Rialto, Ca</p>
<p>Tel: 909 574 3903</p>
<p><a href="http://www.techhaven.com/menu">Click here to view our best routers!</a></p>
<p>We’re open: </p>
<p>Mon-Sat 8am - 10:30pm</p>
<p>Sun: 2pm - 8pm</p>
</div>
Una vez que profundice en el código, querrá encontrar la parte de su página web que analiza lo que ofrece su empresa. En este ejemplo, esos datos se pueden encontrar entre las dos etiquetas
El siguiente texto con formato JSON-LD marcará la información dentro de ese fragmento HTML en su página web, que quizás desee incluir en la sección
de su página web.<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Store",
"name": "TechHaven",
"description": "The best routers you’ll find online!",
"address": {
"@type": "PostalAddress",
"streetAddress": "459 Humpback Road",
"addressLocality": "Rialto",
"addressRegion": "CA",
"postalCode": "92376",
"addressCountry": "USA"
},
"telephone": "+19095743903",
"url": "http://www.techhaven.com/menu",
"openingHoursSpecification":
[
{
"@type": "OpeningHoursSpecification",
"dayOfWeek":
[
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday"
],
"opens": "08:00",
"closes": "22:30"
},
{
"@type": "OpeningHoursSpecification",
"dayOfWeek": "Sunday",
"opens": "14:00",
"closes": "20:00"
}
]
}
</script>
Este fragmento de código define su empresa como una tienda mediante el atributo"@type": "Store"
.
Luego, detalla su ubicación, información de contacto, horario de atención de lunes a sábado y diferentes horarios de atención para el domingo.
Al estructurar los datos de su página web de esta manera, proporciona información crítica directamente a los motores de búsqueda, lo que puede mejorar la forma en que indexan y muestran su sitio en los resultados de búsqueda. Al igual que agregar etiquetas en el HTML inicial, insertar este script JSON-LD indica a los motores de búsqueda aspectos específicos de su negocio.
Repasemos otro ejemplo de esquema de página web conectado con esquemas de organización y autor a través de @id
. JSON-LD es el formato que recomienda Google y otros motores de búsqueda porque es extremadamente flexible y este es un gran ejemplo.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@id": "https://www.example.com/#website",
"@type": "WebSite",
"name": "Example Website",
"url": "https://www.example.com",
"publisher": {
"@id": "https://www.example.com/#organization"
}
},
{
"@id": "https://www.example.com/#organization",
"@type": "Organization",
"name": "Example Company",
"alternateName": "Example Co.",
"legalName": "Example Company Inc.",
"slogan": "Innovation at its best",
"foundingDate": "2000-01-01",
"numberOfEmployees": 200,
"url": "https://www.example.com",
"logo": "https://www.example.com/logo.png",
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+1-800-555-1212",
"contactType": "Customer Service",
"areaServed": "US",
"availableLanguage": "English"
},
"founder": {
"@id": "https://www.example.com/founder/jane-smith/#founder"
},
"sameAs": [
"https://www.facebook.com/example",
"https://www.twitter.com/example",
"https://www.linkedin.com/company/example"
]
},
{
"@id": "https://www.example.com/sample-page/#webpage",
"@type": "WebPage",
"url": "https://www.example.com/about",
"name": "About Us",
"description": "This is the About Us page for Example Company.",
"isPartOf": {
"@id": "https://www.example.com/#website"
},
"publisher": {
"@id": "https://www.example.com/#organization"
}
},
{
"@id": "https://www.example.com/sample-page/#newsarticle",
"@type": "NewsArticle",
"headline": "Example News Headline",
"datePublished": "2024-05-10T10:00:40+00:00",
"dateModified": "2024-05-10T11:00:40+00:00",
"wordCount": 180,
"description": "This is an example news article.",
"articleBody": "This is the full content of the example news article. It provides detailed information about the news event or topic covered in the article.",
"author": {
"@id": "https://www.example.com/authors/john-doe/#author"
},
"publisher": {
"@id": "https://www.example.com/#organization"
},
"copyrightHolder": {
"@id": "https://www.example.com/#organization"
},
"isPartOf": {
"@id": "https://www.example.com/sample-page/#webpage"
},
"mainEntityOfPage": {
"@id": "https://www.example.com/sample-page/#webpage"
}
},
{
"@id": "https://www.example.com/founder/jane-smith/#founder",
"@type": "Person",
"name": "Jane Smith",
"url": "https://www.example.com/founder/jane-smith",
"sameAs": [
"https://www.twitter.com/janesmith",
"https://www.linkedin.com/in/janesmith"
]
},
{
"@id": "https://www.example.com/authors/john-doe/#author",
"@type": "Person",
"name": "John Doe",
"url": "https://www.example.com/authors/john-doe",
"sameAs": [
"https://www.twitter.com/johndoe",
"https://www.linkedin.com/in/johndoe"
]
}
]
}
</script>
En el ejemplo:
- Enlaces del sitio web a la organización como editor con
@id
. - La organización se describe con propiedades detalladas.
- Enlaces de páginas web al sitio web con
isPartOf
. - Enlaces de artículos de noticias a la página web con
isPartOf
y volver a la página web conmainEntityOfPage
e incluye la propiedad del autor a través de@id
.
Puede ver cómo los nodos del gráfico están vinculados entre sí utilizando el"@id"
atributo. De esta forma informamos a Google que se trata de una página web publicada por el editor descrito en el esquema.
El uso de hashes (#) para los ID es opcional. Sólo debe asegurarse de que diferentes tipos de esquemas no tengan el mismo ID por accidente. Agregar hashes personalizados (#) puede resultar útil, ya que proporciona una capa adicional de seguridad de que no se repetirán.
Quizás te preguntes por qué usamos"@id"
para conectar nodos de gráficos. ¿No podemos simplemente colocar los esquemas de organización, autor y página web por separado en la misma página y que sea intuitivo que estén conectados?
El problema es que Google y otros motores de búsqueda no pueden interpretar de manera confiable estas conexiones a menos que se vinculen explícitamente usando @id
.
Agregar al gráfico tipos de esquemas adicionales es tan fácil como construir ladrillos Lego. Digamos que queremos agregar una imagen al esquema:
{
...
Con información de Search Engine Journal.
Leer la nota Completa > ¿Qué es el marcado de esquema y por qué es importante para el SEO?