Geekflare recibe el apoyo de nuestra audiencia. Podemos ganar comisiones de afiliación de los enlaces de compra en este sitio.
En SEO Última actualización: 15 de septiembre de 2023
Compartir en:
Escáner de seguridad de aplicaciones web Invicti - la única solución que ofrece verificación automática de vulnerabilidades con Proof-Based Scanning™.

Con un SEO cada vez más competitivo, los propietarios de negocios de sitios web están buscando generadores de marcado schema para ayudar a sus lectores a encontrar su contenido más fácilmente.

Añadir el marcado schema a su contenido es una forma popular de impulsar el SEO. Los motores de búsqueda comprueban el esquema para entender la estructura y la intención del contenido de su sitio web.

En este artículo, trataremos todo lo que necesita saber sobre el marcado schema y cómo utilizar los generadores de schema para añadirlo a su contenido.

¿Qué es el marcado Schema?

Si no está familiarizado con el marcado schema, no se preocupe.

Sólo tiene que saber que el marcado schema es una forma de añadir información a su sitio web para que buscadores como Google y Bing pueden comprender mejor el contenido.

Es un código generalmente en formato de microdatos o JSON-Ld que añade significado a su contenido. Puede generar este código a partir de varios generadores de marcado de esquemas disponibles en Internet.

Antes de explorar la parte de generación de schema, vamos a entender por qué debería considerar la adición de marcado schema a su sitio web.

¿Por qué es importante schema para la optimización de sitios web?

Cuando añade contenido a su sitio web, los robots de los motores de búsqueda extraen las palabras clave principales, pero no comprenden la intención de las palabras clave asociadas a su contenido.

Por ejemplo, la palabra clave manzana puede diferir de la fruta en algunos sitios web a la empresa Apple en otros. Añadir información contextual a sus palabras clave puede ayudar a los motores de búsqueda a entender mejor su contenido.

Estas son algunas de las ventajas de añadir el marcado schema al contenido de su sitio web.

  • Fragmentos enriquecidos: El marcado Schema hace que la información del sitio web resulte más atractiva para los robots de los motores de búsqueda, que tienden a destacar su contenido como Rich Snippets.
  • Potencia el SEO: Aunque el marcado schema no es un factor directo de clasificación, sin duda le ayuda a mejorar su posición en la página de resultados del motor de búsqueda. También ayuda a mostrar información importante como las puntuaciones de estrellas en los resultados de búsqueda, lo que hace que su contenido destaque sobre el de sus competidores.
  • Gráfico del conocimiento: Dedicado a un tipo de organización, el Gráfico de Conocimientos muestra la información importante en forma de panel de conocimientos (una caja de conocimientos).
  • Aumenta el CTR: Dado que los usuarios ven respuestas directas a sus preguntas en los fragmentos enriquecidos y enlaces en las preguntas más frecuentes, su contenido tiende a obtener más clics que el de sus competidores.
star-rating-recipe-schema

El marcado Schema también ayuda a muchos sitios web especializados en el sector, como sitios web de recetas, blogs gastronómicos y sitios web de reseñas de productos.

De hecho, puede mejorar la tasa de conversión de su sitio web y ayudarle a crecer orgánicamente.

Diferentes tipos de formatos de esquema

Al igual que las tendencias cambiantes en SEO, el marcado schema también ha evolucionado con las tendencias. Actualmente, existen tres tipos de formatos schema que puede aplicar al contenido de su sitio web.

Examinemos cada tipo en detalle.

#1. Microdatos

Los microdatos fueron los primeros y actualmente el tipo más antiguo de formato de esquema disponible que hace uso de etiquetas para transmitir información adicional a su contenido.

Según Esquema.org, los microdatos son un conjunto de etiquetas que ayudan a los motores de búsqueda a comprender mejor el contenido cuando se añaden a su contenido.

La estructura de los microdatos combina tres componentes esenciales:

  • Ámbito de aplicación: Informa a los motores de búsqueda de que cualquier cosa encerrada entre <div>...</div> es un elemento.
  • Tipo de artículo: Define de qué trata exactamente el artículo.
  • Itemprop: Indica las propiedades de itemtype.

Sin embargo, se trata de un formato antiguo y no se recomienda añadir microdatos si es la primera vez que se añade el marcado schema.

#2. RDFa

RDFa son las siglas de Resouce Distribution Framework in Attributes, un formato para incrustar elementos RDF en HTML5formatos XHTML y XML.

Le ayuda a añadir propiedades que ayudan a los robots de búsqueda a extraer datos esenciales y destacarlos en forma de Rich Snippets.

#3. JSON-LD

Google recomienda utilizar el formato JSON-LD en lugar de otros formatos de esquema porque se trata de una tecnología reciente en comparación con Microdata y RDFa.

JSON-LD son las siglas de JavaScript Object Notation for Linked Data, que consiste en un objeto de importantes pares clave: valor encerrado en una etiqueta .

La principal diferencia es que JSON-LD no necesita colocarse alrededor de HTML como en el caso de los microdatos, lo que elimina el riesgo de desordenar el sitio web para mejorar el código.

Como es un código Javascript, puede incrustarse en cualquier lugar de la sección encerrado entre la etiqueta .

Estructura JSON-LD:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "LocalBusiness",
  "url": "http://www.example.com",
  "name": "Unlimited Ball Bearings Corp.",
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+1-401-555-1212",
    "contactType": "Customer service"
  }
}
</script>

El código comienza con una etiqueta con un atributo que especifica que el código que contiene es JSON-LD.

<script type="application/ld+json">
{
…
}
</script>

Le sigue un elemento fijo "@context":" http://schema.org"

La coma tras las comillas dobles de cierre indica al motor de búsqueda que el código continúa.

 "@context": "http://schema.org",

El siguiente elemento es "@type":" tipo de esquema"que define el tipo de esquema.

Por ejemplo, el tipo de esquema puede ser una Organización, Receta, Libro, Persona, LocalBusiness, etc.

"@type": "LocalBusiness",

Por ejemplo...

"@type": "Recipe",
"@type": "Book",
"@type": "Organization",
"@type": "Person",

A continuación vienen las propiedades de un tipo de esquema:

"item property": "value"

Por ejemplo...

"name": "name to be mentioned"
"url": "URL to be mentioned"
"telephone": "Phone number"

A veces, el valor de una propiedad de un elemento puede ser a su vez otro elemento con su propio conjunto de propiedades. Este proceso se denomina anidamiento.

Ahora que ya sabes qué es JSON-LD, vamos a explorar los distintos tipos de marcado de esquemas que puedes utilizar en función de tu tipo de contenido.

Tipos de marcado de esquemas

Aunque el vocabulario de Schema.org consta de cientos de tipos de esquemas, a continuación se indican algunos de los tipos de esquemas más utilizados.

  • Revisar esquema: El esquema de reseñas añade valoraciones de usuarios, cinco estrellas, imágenes y descripciones de artículos en la página de resultados de búsqueda.
  • Esquema de negocio local: Local business schema ayuda a las empresas locales mostrando campos como el nombre de la empresa, la URL del sitio web de la empresa, la dirección, el horario comercial y las valoraciones.
  • Esquema del artículo: Article schema añade contenido meta como el nombre del autor, editor, tipo de artículo como entradas de blog, artículo corto, contenido de noticias, y más.
  • Esquema de servicio: El esquema de servicios se diseñó para empresas proveedoras de servicios como fontanería, vendedores de viajes, lavaderos de coches, garajes, médicos y profesionales locales del sector servicios.
  • Esquema de recetas: El esquema de recetas añade datos de recetas de cocina como el tiempo de cocción, los ingredientes, las valoraciones, etc.
  • Esquema de persona: El esquema de personas está pensado para destacar a personajes famosos como celebridades, autores de renombre, empresarios y blogueros.
  • Esquema del anuncio de empleo: El esquema de publicación de ofertas de empleo le ayuda a resaltar las ofertas de empleo y los detalles del puesto en los resultados de búsqueda para ayudarle a encontrar al candidato adecuado.
  • Esquema FAQ: El esquema de preguntas frecuentes ha aparecido recientemente y destaca las preguntas más frecuentes en los resultados de los motores de búsqueda.
  • Esquema práctico: El esquema How-To enumera los pasos esenciales que debe seguir un usuario para completar una tarea.
  • Esquema de vídeo: El esquema de vídeo muestra los vídeos de su entrada en la página de resultados de búsqueda para ayudar a los visitantes a conocer sus incrustaciones de vídeo.

Y muchos más.

Generadores de marcado de esquemas

Esta sección explicará cómo aplicar el marcado schema en su sitio web.

Si la idea de empezar a utilizar el marcado schema le abruma, nosotros le ayudamos.

En el momento de leer este artículo, existen numerosos generadores de marcado schema en Internet.

Algunos admiten un solo tipo de esquema, mientras que otros ofrecen soporte para múltiples esquemas.

Veamos algunos de los generadores de schema markup más utilizados para empezar a utilizar fácilmente el código schema en su sitio web.

Ayudante de marcado de datos estructurados de Google

Ayudante de marcado de datos estructurados de Google merece el primer puesto en nuestra lista de generadores de esquemas.

Es bastante fácil de usar, y se obtiene el marcado schema generado en 3 sencillos pasos.

google-schema-generator

Sólo tiene que seleccionar el tipo de esquema, añadir la URL de su contenido o pegar su contenido en formato HTML.

A título ilustrativo, hemos añadido un enlace a un artículo publicado en nuestro sitio web.

En el siguiente paso, debe seleccionar el texto para rellenar el par clave: valor del lado derecho.

Google-schema-markup-generator

Una vez que haya completado el etiquetado de todos los campos, haga clic en el botón Crear HTML para generar el marcado JSON-LD.

A continuación, descargue el código de marcado del esquema en formato de microdatos o JSON-LD y utilícelo en su sitio web.

Generador de marcado de esquemas de Merkle

Lo siguiente en nuestra lista es un herramienta generadora de marcado schema de Merkle. Su interfaz es fácil de entender.

Generador de esquemas Merkle

Puede seleccionar el tipo de esquema que se ajuste a sus necesidades y rellenar los datos para completar el código JSON-LD.

A continuación, puede copiar el código y utilizarlo en su sitio web. También encontrará un botón para probar el código en la plataforma de pruebas Rich Results desde el mismo panel de control.

Generador de esquemas JSON-LD de Hallanalysis

Al igual que el generador de esquemas de Merkle, una de las formas más rápidas y sencillas es utilizar la función Hall Analysis Generador de esquemas JSON-LD.

hallanalysis

Elija el marcado estructurado y rellene el formulario de la izquierda en la medida de lo posible. Después de rellenar todos los detalles, copie el formato JSON-Ld recién generado y pruebe la implementación utilizando la herramienta de prueba de datos estructurados.

Sin embargo, el único inconveniente es que esta herramienta sólo admite seis tipos de marcado schema.

Generador de marcado de esquemas RankRanger

RankRanger es un software SEO profesional que le ayuda con el análisis de la competencia, gráficos SEO personalizados, seguimiento de rankings locales, seguimiento de puntuación AMP y desarrollo de informes de análisis para clientes.

Rankranger

También puede utilizar RankRanger para la investigación de palabras clave, comprobar los vínculos de retroceso de los competidores y realizar un seguimiento del rendimiento de las campañas PPC.

Aunque es una herramienta de pago de la agencia Similarweb tiene disponible en su web un generador de marcado de datos estructurados de forma gratuita.

Puede utilizar su herramienta para generar el esquema FAQ, el esquema Hot-To, el esquema Article, el esquema Local Business y muchas otras marcas JSON-LD.

Al igual que otros generadores de esquemas, debe rellenar los valores para obtener el par clave: valor JSON-LD de su sitio web.

La plataforma también ha proporcionado un botón de Reinicio, Validación y Prueba para comprobar y verificar la corrección del esquema generado.

SearchBloom

SearchBloom ofrece una herramienta gratuita de generación de marcado de esquemas para crear código JSON-LD y microdatos.

SearchBloom

A continuación, seleccione un tipo de marcado de la lista desplegable de opciones de su sitio web.

Por ejemplo, si selecciona el esquema Organización y añade un valor, se empezarán a rellenar los campos de código de esquema de la parte derecha.

generador de esquemas searchbloom

Al hacer clic en el botón Validar se accede a la herramienta de datos estructurados de Google Search Central para validar el marcado de esquema generado.

JamesDflynn.com

Jamesdflynn es una herramienta personal de generación de esquemas creada por J.D. Flynn, un desarrollador web de Chicago.

jamesdflynn

Aunque el generador de esquemas es gratuito, sólo admite seis tipos diferentes de esquemas: esquema de empresa local, persona, producto, evento, organización y sitio web.

La herramienta es gratuita. Es necesario añadir los detalles para generar código de esquema en formato JSON-LD.

Dispone de un botón para restablecer el código. Sin embargo, no hay ningún botón de acceso directo disponible en la plataforma para validar el código de esquema generado.

Generador de marcado de esquemas Webcode.tools

Webcode.tools ofrecen algunas de las mejores herramientas para desarrolladores. En este sitio web encontrarás muchos generadores de código que suelen ayudar a desarrolladores frontales.

webcode-schema-tool

Por ejemplo, algunas herramientas populares son el generador de CSS y el generador de HTML, Tarjeta Twitter generador, generador Open Graph, etc.

La herramienta de marcado de datos estructurados de Webcode admite 13 tipos de esquema diferentes, incluidos los tipos de esquema más recientes y populares, como el esquema de preguntas frecuentes, el esquema de instrucciones y el esquema de objetos de vídeo.

Haga clic en cualquier tipo de marcado de esquema para obtener el código de formato JSON-LD.

webcodes-tool

Una vez que hayas rellenado todos los datos, podrás copiar fácilmente el código desde el panel de la derecha.

Validación de esquemas

No podemos pasar por alto la importancia de validar su marcado schema una vez que lo haya aplicado a su sitio web.

Es esencial comprobar si el esquema aplicado está implementado en el sitio o no.

Otra razón para probar el esquema es inspeccionar cualquier error. Si hay algún error, perjudicará negativamente al SEO de su sitio web.

Siempre es una buena idea visitar el Sitio web de pruebas con resultados enriquecidos y corrija cualquier error antes de añadir el esquema directamente a su sitio web.

Conclusión

Aunque existen algunas herramientas de esquemas de pago, estos generadores son fiables y proporcionan el código del esquema con rapidez.

Una vez que hayas generado el marcado schema, no olvides validarlo mediante la herramienta de fragmentos enriquecidos de resultados de Google.

Este artículo le ayudará a aprender sobre schema, su importancia y los diferentes generadores de schema que puede utilizar de forma gratuita.

No olvide consultar nuestra guías detalladas de SEO que le ayudarán a liderar la competencia empresarial.

  • Rahul
    Autor
Gracias a nuestros patrocinadores
Más lecturas sobre SEO
Potencia tu negocio
Algunas de las herramientas y servicios que le ayudarán a hacer crecer su negocio.
  • Invicti utiliza el Proof-Based Scanning™ para verificar automáticamente las vulnerabilidades identificadas y generar resultados procesables en tan solo unas horas.
    Pruebe Invicti
  • Web scraping, proxy residencial, gestor de proxy, desbloqueador web, rastreador de motores de búsqueda, y todo lo que necesita para recopilar datos web.
    Pruebe Brightdata
  • Monday.com es un sistema operativo de trabajo todo en uno que te ayuda a gestionar proyectos, tareas, trabajo, ventas, CRM, operaciones, flujos de trabajo y mucho más.
    Prueba el lunes
  • Intruder es un escáner de vulnerabilidades en línea que encuentra puntos débiles de ciberseguridad en su infraestructura, para evitar costosas violaciones de datos.
    Prueba Intruder