{"id":9978,"date":"2024-07-17T11:38:40","date_gmt":"2024-07-17T16:38:40","guid":{"rendered":"https:\/\/moodwebs.com\/?p=9978"},"modified":"2024-07-17T11:38:44","modified_gmt":"2024-07-17T16:38:44","slug":"guia-completa-del-marcado-schema","status":"publish","type":"post","link":"https:\/\/moodwebs.com\/en\/2024\/07\/17\/guia-completa-del-marcado-schema\/","title":{"rendered":"Guia completa del marcado schema"},"content":{"rendered":"

El marcado schema es un vocabulario de datos estructurados que ayuda a los motores de b\u00fasqueda a comprender mejor la informaci\u00f3n de tu web. Cuando los motores de b\u00fasqueda reconocen el significado y las relaciones que hay entre las distintas partes de tu web, pueden ofrecer resultados enriquecidos o fragmentos enriquecidos.<\/p>\n\n\n\n

Schema es un lenguaje que se utiliza para representar informaci\u00f3n: los datos reales se llaman datos estructurados. Los datos estructurados organizan el contenido que hay en tu p\u00e1gina web y la traducen en informaci\u00f3n comprensible para Google con el marcado schema.<\/p>\n\n\n\n

Por ejemplo del marcado schema, puedes usar datos estructurados en una p\u00e1gina de recetas de pastel de cumplea\u00f1os para que Google entienda cu\u00e1nto se tarda en preparar el pastel, las rese\u00f1as de los usuarios, entre otros.<\/p>\n\n\n\n

Tipos de marcado schema<\/strong><\/h2>\n\n\n\n

El marcado schema es un c\u00f3digo que describe los elementos de tu web en un lenguaje que todos los principales motores de b\u00fasqueda entienden. De esta manera, con el marcado schema, los motores de b\u00fasqueda pueden ofrecerles a los usuarios resultados m\u00e1s completos para sus b\u00fasquedas.<\/p>\n\n\n\n

Un marcado schema de instrucciones (o how-to markup), por ejemplo, le dice a Google que un contenido espec\u00edfico es una gu\u00eda paso a paso. Con esta informaci\u00f3n del marcado schema, Google puede darle a los usuarios una vista previa de cada paso dentro de la p\u00e1gina de resultados de b\u00fasqueda.<\/p>\n\n\n\n

Google entiende 32 tipos de marcado schema: art\u00edculo, libro, breadcrumb (migas de pan), carrusel, curso, conjunto de datos, evaluaci\u00f3n del empleador, evento, revisi\u00f3n de hechos, preguntas m\u00e1s frecuentes, actividades en casa, instrucciones, licencia de imagen, oferta de trabajo, video educativo, soluci\u00f3n de matem\u00e1ticas, pel\u00edcula, preguntas y respuestas sobre educaci\u00f3n, salario estimado, p\u00f3dcast, problemas pr\u00e1cticos, preguntas y respuestas, receta, aplicaci\u00f3n de software (Beta), speakable (que puede hablar), suscripci\u00f3n y contenido de pago, video.<\/p>\n\n\n\n

Los expertos de MoodWebs te detallan lo principal de algunos de los tipos de marcado schema.<\/p>\n\n\n\n

Marcado de logotipo<\/strong><\/h3>\n\n\n\n

El marcado schema del logotipo le dice a Google cu\u00e1l es tu logotipo. De esa manera, tu logo aparecer\u00e1 correctamente en el Knowledge Graph de Google cada vez que alguien busque tu empresa.<\/p>\n\n\n\n

Marcado de negocios locales<\/strong><\/h3>\n\n\n\n

El marcado schema de negocios locales se\u00f1ala qu\u00e9 elementos de tu web contienen informaci\u00f3n de contacto, como tu direcci\u00f3n u otros detalles comerciales importantes.<\/p>\n\n\n\n

Luego, con el marcado schema, Google muestra esa informaci\u00f3n en un panel de negocios locales en el lado derecho de los SERPs relacionados. Este marcado schema garantiza que Google ofrece a sus usuarios la informaci\u00f3n correcta. Adem\u00e1s, impulsa el tr\u00e1fico peatonal local.<\/p>\n\n\n\n

\"Guia<\/figure>\n\n\n\n

Marcado de rese\u00f1as<\/strong><\/h3>\n\n\n\n

El marcado schema de rese\u00f1as a\u00f1ade una puntuaci\u00f3n con estrellas en la parte inferior de la entrada de la p\u00e1gina de resultados. Muestra a los usuarios lo que piensan otras personas de esos productos o servicios que est\u00e1n buscando.<\/p>\n\n\n\n

Esto es \u00fatil del marcado schema, porque es m\u00e1s probable que los clientes compren productos con rese\u00f1as.<\/p>\n\n\n\n

Marcado de sitelink<\/strong><\/h3>\n\n\n\n

El marcado schema de sitelink a\u00f1ade enlaces de navegaci\u00f3n adicionales a tu resultado en los SERP. En lugar de mostrar solo un enlace a tu p\u00e1gina de inicio, tambi\u00e9n se muestran enlaces a tu blog, a tu p\u00e1gina de contrataci\u00f3n, etc.<\/p>\n\n\n\n

Marcado de producto<\/strong><\/h3>\n\n\n\n

El marcado schema de productos le aporta a Google m\u00e1s informaci\u00f3n sobre los productos que vendes en tu web para que los usuarios puedan ver m\u00e1s detalles directamente en la p\u00e1gina de resultados.<\/p>\n\n\n\n

Tambi\u00e9n este marcado schema le da a Google una imagen de tu producto para que pueda aparecer en la B\u00fasqueda de im\u00e1genes de Google. Las b\u00fasquedas de im\u00e1genes conforman el 22.6% de todas las b\u00fasquedas, por lo que puedes perder mucho tr\u00e1fico si no a\u00f1ades im\u00e1genes.<\/p>\n\n\n\n

Google no mostrar\u00e1 resultados enriquecidos para todas tus p\u00e1ginas con datos estructurados. Sin embargo, a\u00f1adir el marcado schema a tu web te dar\u00e1 m\u00e1s probabilidades de obtener un resultado enriquecido que ocupe m\u00e1s espacio en la p\u00e1gina de resultados.<\/p>\n\n\n\n

Por ejemplo, tu web podr\u00eda aparecer simult\u00e1neamente como un resultado org\u00e1nico, como una respuesta a una pregunta frecuente y como un video en la misma p\u00e1gina de resultados. Por lo tanto, hay m\u00faltiples oportunidades con el marcado schema para que un usuario haga clic en tu web, todo desde una sola b\u00fasqueda.<\/p>\n\n\n\n

\u00bfPor qu\u00e9 es importante el marcado schema para SEO?<\/strong><\/h2>\n\n\n\n

El objetivo de estructurar tus datos con el marcado schema es que te comuniques mejor con los motores de b\u00fasqueda. Cuando Google entiende las p\u00e1ginas web en un nivel m\u00e1s profundo, ofrece mejores resultados a los usuarios.<\/p>\n\n\n\n

Componentes como los elementos visuales, los fragmentos enriquecidos, o el Knowledge panel aparecen en las SERP despu\u00e9s de recopilar informaci\u00f3n de datos estructurados con el marcado schema.<\/p>\n\n\n\n

Aunque no hay evidencia de que el marcado schema mejore tu posicionamiento, proporciona una gran cantidad de oportunidades. Por ejemplo, un resultado de b\u00fasqueda de tu web sin enlaces no ofrece a los usuarios mucho m\u00e1s que el t\u00edtulo y la meta descripci\u00f3n.<\/p>\n\n\n\n

Por otro lado, un resultado de b\u00fasqueda con marcado schema sitelinks ofrece a los buscadores la p\u00e1gina principal vinculada junto con p\u00e1ginas de webs similares que podr\u00edan interesarles m\u00e1s. Si la etiqueta de t\u00edtulo no atrajo al usuario para que hiciera clic, todav\u00eda hay posibilidades de atraerlo con otros enlaces. Algunos schemas tambi\u00e9n act\u00faan como vallas publicitarias digitales.<\/p>\n\n\n\n

\"Guia<\/figure>\n\n\n\n

Carrefour ocupa toda la parte superior del pliegue de la SERP gracias a todos los fragmentos enriquecidos que tiene. Los estudios demuestran que un mayor espacio en los resultados de b\u00fasqueda gracias a los datos enriquecidos mejora la tasa de clics.<\/p>\n\n\n\n

De hecho, los usuarios hacen clic en resultados enriquecidos un 58% de las veces frente a 41% de las veces para resultados no enriquecidos.<\/p>\n\n\n\n

Google tambi\u00e9n ha declarado que los datos correctamente estructurados con marcado schema pueden mejorar la apariencia general de los resultados de b\u00fasqueda (lo que proporciona una mejor experiencia de usuario).<\/p>\n\n\n\n

Por ejemplo, con rese\u00f1as estructuradas, Google puede mostrar recetas con la mayor cantidad de calificaciones de cinco estrellas en la parte superior de sus resultados. O, con datos estructurados sobre canciones y \u00e1lbumes, Google puede mostrar qu\u00e9 canciones canta un artista como una serie de tarjetas enriquecidas.<\/p>\n\n\n\n

Entonces, si bien no hay evidencia s\u00f3lida de que los datos estructurados con marcado schema realmente afectan al posicionamiento, mejoran enormemente la experiencia de b\u00fasqueda. Los usuarios pueden leer preguntas frecuentes, ver calificaciones, obtener informaci\u00f3n comercial importante y m\u00e1s sin tener que visitar una p\u00e1gina.<\/p>\n\n\n\n

Esto puede expandir el alcance de tu marca y, como se mencion\u00f3, aumentar potencialmente la tasa de clics.<\/p>\n\n\n\n

\u00bfC\u00f3mo generar y comprobar tu propio marcado schema HTML<\/strong>?<\/h2>\n\n\n\n

Hay tres lenguajes de c\u00f3digo de marcado schema que puedes a\u00f1adir a tu c\u00f3digo HTML para decirle a los motores de b\u00fasqueda qu\u00e9 hay exactamente en tu p\u00e1gina web: JSON-LD, microdatos y RDFa.<\/p>\n\n\n\n

JSON-LD (Notaci\u00f3n de objetos javascript para objetos enlazados)<\/strong><\/h3>\n\n\n\n

JSON-LD es un script agregado como un bloque de datos, separado del resto del c\u00f3digo de una p\u00e1gina. Google recomienda usar JSON-LD \u201csiempre que sea posible\u201d porque los bloques de datos JSON-LD son m\u00e1s f\u00e1ciles de organizar y cambiar o editar, cuando sea necesario.<\/p>\n\n\n\n

En este ejemplo, el código de la página web, <p> Mi nombre es Kelly <\/p>, está completamente separado del script JSON-LD que se encuentra debajo.<\/p>\n\n\n\n

Microdatos<\/strong><\/h3>\n\n\n\n

Los microdatos hacen pr\u00e1cticamente lo mismo que JSON-LD, pero tienen un formato diferente. El c\u00f3digo debe incrustarse en el HTML de la p\u00e1gina web, por lo que es menos f\u00e1cil de escribir y actualizar para principiantes.<\/p>\n\n\n\n

Tambi\u00e9n es m\u00e1s dif\u00edcil de usar a escala para webs m\u00e1s grandes (como webs de comercio electr\u00f3nico).<\/p>\n\n\n\n

RDFa (Marco descriptivo de recursos en atributos)<\/strong><\/h3>\n\n\n\n

RDFa es similar a los microdatos en el sentido de que se a\u00f1aden al c\u00f3digo de tu p\u00e1gina a trav\u00e9s de etiquetas y atributos HTML. Sin embargo, es un poco m\u00e1s antiguo y m\u00e1s complejo.<\/p>\n\n\n\n

El beneficio es que suele ser m\u00e1s f\u00e1cil integrarlo con otras aplicaciones o plataformas que tambi\u00e9n lo usan.<\/p>\n\n\n\n

Mejores pr\u00e1cticas para schema markup<\/strong><\/h2>\n\n\n\n