{"id":255,"date":"2025-08-18T02:17:09","date_gmt":"2025-08-18T07:17:09","guid":{"rendered":"https:\/\/angelgrimaldo.com\/blog\/?p=255"},"modified":"2025-08-18T02:37:26","modified_gmt":"2025-08-18T07:37:26","slug":"sabes-la-diferencia-entre-datos-estructurados-y-rich-snippets-guia-para-entenderlos-y-mas","status":"publish","type":"post","link":"https:\/\/angelgrimaldo.com\/blog\/sabes-la-diferencia-entre-datos-estructurados-y-rich-snippets-guia-para-entenderlos-y-mas\/","title":{"rendered":"\u00bfSabes la Diferencia entre Datos Estructurados y Rich Snippets? Gu\u00eda para este y m\u00e1s t\u00e9rminos"},"content":{"rendered":"\n<p>Hoy, haciendo un reporte de un proyecto web, especificamente sobre <strong><a href=\"https:\/\/promedia.digital\/seo\/\" target=\"_blank\" rel=\"noopener\">SEO Onpage<\/a><\/strong>, me di cuenta de que puede resultar muy confuso explicar la <a href=\"https:\/\/angelgrimaldo.com\/glosario\" data-type=\"link\" data-id=\"https:\/\/angelgrimaldo.com\/glosario\">terminolog\u00eda<\/a> SEO a un cliente. <br><br><strong>T\u00e9rminos como datos estructurados, datos enriquecidos<\/strong>, <strong>rich snippets, microformatos, open graph, twitter card y schema<\/strong> pueden resultar un poco dificil para un cliente de entenderlos.<br><br>Muchos de estos t\u00e9rminos est\u00e1n interrelacionados y se refieren a diferentes partes del mismo proceso. Aqu\u00ed voy a tratar de explicarte de que se trata cada uno de ellos y su diferencia de una manera clara y sencilla, para que tu, que te dedicas al <strong>Marketing Digital<\/strong> hables con propiedad.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Datos Estructurados (Structured Data) y Schema<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/schema-1024x559.webp\" alt=\"\" class=\"wp-image-263\" srcset=\"https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/schema-1024x559.webp 1024w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/schema-300x164.webp 300w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/schema-150x82.webp 150w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/schema-768x419.webp 768w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/schema.webp 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u00bfQu\u00e9 son?<\/strong> Los datos estructurados son un formato estandarizado para etiquetar la informaci\u00f3n de tu sitio web. Piensa en ellos como un lenguaje que los motores de b\u00fasqueda pueden entender. No es algo que los usuarios vean en la p\u00e1gina, sino un c\u00f3digo que se a\u00f1ade para que los bots de Google, Bing, etc., sepan exactamente de qu\u00e9 se trata el contenido.<\/li>\n\n\n\n<li><strong>Ejemplo:<\/strong> En lugar de que Google vea el n\u00famero \u00ab50\u00bb y se pregunte si son soles, d\u00f3lares o un porcentaje, con los datos estructurados le dices: <code>{\"@type\": \"Product\", \"price\": \"50\"}<\/code>. As\u00ed, el motor de b\u00fasqueda sabe que \u00ab50\u00bb es el precio de un producto.<\/li>\n\n\n\n<li><strong>Relaci\u00f3n con Schema:<\/strong> <strong>Schema es el vocabulario<\/strong> de los datos estructurados. Es el \u00abdiccionario\u00bb que Google, Bing y Yahoo acordaron usar para que todos los sitios web hablen el mismo idioma. Cuando implementas datos estructurados, lo haces utilizando las propiedades y tipos definidos por Schema.org (por ejemplo, Product, Review, Recipe, LocalBusiness).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2. Microformatos<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/microformatos-1024x559.webp\" alt=\"\" class=\"wp-image-261\" srcset=\"https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/microformatos-1024x559.webp 1024w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/microformatos-300x164.webp 300w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/microformatos-150x82.webp 150w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/microformatos-768x419.webp 768w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/microformatos.webp 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u00bfQu\u00e9 son?<\/strong> Los microformatos son una forma m\u00e1s antigua de datos estructurados. Son etiquetas que se a\u00f1ad\u00edan directamente al HTML existente de una p\u00e1gina. Aunque todav\u00eda son reconocidos, <strong>han sido ampliamente superados por Schema<\/strong> y JSON-LD. Su uso no es tan flexible ni tan potente como el de Schema.<\/li>\n\n\n\n<li><strong>Relaci\u00f3n con Schema:<\/strong> Schema es la evoluci\u00f3n y el est\u00e1ndar actual. Mientras que los microformatos eran como un dialecto local, Schema.org es el idioma universal.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">3. Rich Snippets (Fragmentos Enriquecidos)<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/seo-on-page-rich-snipeets-1024x559.webp\" alt=\"\" class=\"wp-image-257\" srcset=\"https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/seo-on-page-rich-snipeets-1024x559.webp 1024w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/seo-on-page-rich-snipeets-300x164.webp 300w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/seo-on-page-rich-snipeets-150x82.webp 150w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/seo-on-page-rich-snipeets-768x419.webp 768w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/seo-on-page-rich-snipeets.webp 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u00bfQu\u00e9 son?<\/strong> Los Rich Snippets son el <strong>resultado visual<\/strong> de tener datos estructurados. Son los fragmentos de informaci\u00f3n adicionales que aparecen en los resultados de b\u00fasqueda de Google, haciendo que un resultado sea m\u00e1s atractivo y llamativo.<\/li>\n\n\n\n<li><strong>Ejemplo:<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Snippet normal:<\/strong> T\u00edtulo, URL y una meta-descripci\u00f3n.<\/li>\n\n\n\n<li><strong>Rich Snippet:<\/strong> T\u00edtulo, URL, meta-descripci\u00f3n, y adem\u00e1s, <strong>estrellas de valoraci\u00f3n<\/strong>, el precio del producto, el tiempo de cocci\u00f3n de una receta, o el stock disponible.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Relaci\u00f3n con los datos estructurados:<\/strong> Los datos estructurados son la <strong>causa<\/strong>, y los Rich Snippets son el <strong>efecto<\/strong>. No puedes tener un Rich Snippet si no has implementado los datos estructurados correctos. Sin embargo, tener datos estructurados no te garantiza que Google te muestre un Rich Snippet; la decisi\u00f3n final es de Google.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. Datos Enriquecidos (Rich Results)<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/Rich-Results-1024x559.webp\" alt=\"\" class=\"wp-image-262\" srcset=\"https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/Rich-Results-1024x559.webp 1024w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/Rich-Results-300x164.webp 300w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/Rich-Results-150x82.webp 150w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/Rich-Results-768x419.webp 768w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/Rich-Results.webp 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u00bfQu\u00e9 son?<\/strong> Este es el t\u00e9rmino m\u00e1s actual y general que Google utiliza. Un \u00abRich Result\u00bb es cualquier resultado de b\u00fasqueda que no sea un simple enlace de texto azul. Es el t\u00e9rmino que abarca no solo los Rich Snippets, sino tambi\u00e9n otros formatos visuales como el <strong>Knowledge Panel<\/strong>, el carrusel de recetas o eventos, o la \u00abposici\u00f3n cero\u00bb (Featured Snippet).<\/li>\n\n\n\n<li><strong>Relaci\u00f3n con Rich Snippets:<\/strong> El t\u00e9rmino \u00abRich Results\u00bb se utiliza a menudo como sin\u00f3nimo de \u00abRich Snippets\u00bb, pero es m\u00e1s amplio. Un Rich Snippet es un tipo de \u00abRich Result\u00bb.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">5. Open Graph y Twitter Cards<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"559\" src=\"https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/open-graph-twitter-card-1024x559.webp\" alt=\"\" class=\"wp-image-264\" srcset=\"https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/open-graph-twitter-card-1024x559.webp 1024w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/open-graph-twitter-card-300x164.webp 300w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/open-graph-twitter-card-150x82.webp 150w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/open-graph-twitter-card-768x419.webp 768w, https:\/\/angelgrimaldo.com\/blog\/wp-content\/uploads\/open-graph-twitter-card.webp 1408w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u00bfQu\u00e9 son?<\/strong> Estos son protocolos de marcado espec\u00edficos para <strong>redes sociales<\/strong>, no para motores de b\u00fasqueda como Google.\n<ul class=\"wp-block-list\">\n<li><strong>Open Graph:<\/strong> Protocolo creado por <strong>Facebook<\/strong>. Permite controlar c\u00f3mo se ve tu contenido cuando alguien lo comparte en Facebook, LinkedIn, y otras plataformas que lo adoptaron. Define el t\u00edtulo, la descripci\u00f3n, la imagen y el tipo de contenido que se mostrar\u00e1.<\/li>\n\n\n\n<li><strong>Twitter Cards:<\/strong> Protocolo espec\u00edfico para <strong>Twitter<\/strong>. Cumple una funci\u00f3n similar a Open Graph, permitiendo personalizar la apariencia de un tuit cuando se comparte una URL de tu sitio.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Relaci\u00f3n con los dem\u00e1s:<\/strong> No tienen una relaci\u00f3n directa con el SEO en Google. No ayudan a que Google entienda tu contenido, pero son vitales para el <strong>SEO Social<\/strong>, ya que mejoran el aspecto de tu contenido cuando se comparte en redes, lo que puede aumentar el tr\u00e1fico y el engagement.<\/li>\n<\/ul>\n\n\n\n<div class=\"angel-table-wrapper-v2\"><h3>Tabla Resumen<\/h3><\/div>\n\n\n\n<style>\n\/* Estilos generales para el contenedor responsivo *\/\n.table-responsive {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    margin-top: 20px;\n}\n\n\/* Estilos de la tabla *\/\n.styled-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 14px;\n    text-align: left;\n    background-color: #fff;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    border-radius: 8px;\n    overflow: hidden; \/* Esto es clave para que los bordes redondeados se vean bien *\/\n}\n\n\/* Estilos para el encabezado de la tabla *\/\n.styled-table thead tr {\n    background-color: #f7f7f7;\n    color: #333;\n    font-weight: bold;\n    border-bottom: 2px solid #ddd;\n}\n\n.styled-table th,\n.styled-table td {\n    padding: 12px 15px;\n    border-bottom: 1px solid #eee;\n    vertical-align: top; \/* Asegura que el contenido se alinee en la parte superior *\/\n}\n\n\/* Estilos para las filas del cuerpo de la tabla *\/\n.styled-table tbody tr {\n    transition: background-color 0.3s ease;\n}\n\n.styled-table tbody tr:hover {\n    background-color: #f1f1f1;\n}\n\n\/* Estilos para las celdas de la primera columna para que se parezcan al ejemplo *\/\n.styled-table tbody tr td:first-child {\n    font-weight: bold;\n    color: #4a4a4a;\n}\n\n\/* Estilos para las celdas de las columnas restantes *\/\n.styled-table tbody tr td {\n    color: #666;\n}\n\n\/* Media Queries para la responsividad en dispositivos peque\u00f1os *\/\n@media screen and (max-width: 768px) {\n    .styled-table,\n    .styled-table thead,\n    .styled-table tbody,\n    .styled-table th,\n    .styled-table td,\n    .styled-table tr {\n        display: block;\n    }\n\n    \/* Ocultar el encabezado de la tabla *\/\n    .styled-table thead tr {\n        position: absolute;\n        top: -9999px;\n        left: -9999px;\n    }\n\n    \/* Estilo de las filas como bloques *\/\n    .styled-table tr {\n        margin-bottom: 15px;\n        border-radius: 8px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n    }\n\n    \/* Convertir las celdas en elementos antes y despu\u00e9s para mostrar los encabezados *\/\n    .styled-table td {\n        border: none;\n        position: relative;\n        padding-left: 50%;\n        text-align: right;\n    }\n    \n    .styled-table td:before {\n        content: attr(data-label);\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 45%;\n        padding-left: 10px;\n        font-weight: bold;\n        text-align: left;\n        color: #333;\n    }\n    \n    \/* Etiqueta de datos para cada celda *\/\n    .styled-table td:nth-of-type(1):before { content: \"T\u00e9rmino\"; }\n    .styled-table td:nth-of-type(2):before { content: \"\u00bfQu\u00e9 es?\"; }\n    .styled-table td:nth-of-type(3):before { content: \"\u00bfPara qu\u00e9 sirve?\"; }\n\n    .styled-table td:first-child {\n      padding-top: 15px;\n    }\n\n    .styled-table td:last-child {\n      padding-bottom: 15px;\n    }\n}\n<\/style>\n<div class=\"table-responsive\">\n  <table class=\"styled-table\">\n    <thead>\n      <tr>\n        <th>T\u00e9rmino<\/th>\n        <th>\u00bfQu\u00e9 es?<\/th>\n        <th>\u00bfPara qu\u00e9 sirve?<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td><strong>Schema<\/strong><\/td>\n        <td>Un vocabulario de etiquetas.<\/td>\n        <td>Es el <strong>diccionario<\/strong> que se usa.<\/td>\n      <\/tr>\n      <tr>\n        <td><strong>Datos Estructurados<\/strong><\/td>\n        <td>El c\u00f3digo que usa Schema.<\/td>\n        <td>Es el <strong>lenguaje<\/strong> que se implementa.<\/td>\n      <\/tr>\n      <tr>\n        <td><strong>Rich Snippet<\/strong><\/td>\n        <td>Un resultado de b\u00fasqueda visual y atractivo.<\/td>\n        <td>Es el <strong>resultado<\/strong> de los datos estructurados.<\/td>\n      <\/tr>\n      <tr>\n        <td><strong>Datos Enriquecidos<\/strong><\/td>\n        <td>T\u00e9rmino general de Google para resultados especiales.<\/td>\n        <td>Es la <strong>categor\u00eda<\/strong> que abarca a los Rich Snippets.<\/td>\n      <\/tr>\n      <tr>\n        <td><strong>Microformatos<\/strong><\/td>\n        <td>Un m\u00e9todo de datos estructurados obsoleto.<\/td>\n        <td>Fue una <strong>versi\u00f3n anterior<\/strong> de los datos estructurados.<\/td>\n      <\/tr>\n      <tr>\n        <td><strong>Open Graph<\/strong><\/td>\n        <td>Protocolo para redes sociales (Facebook, LinkedIn).<\/td>\n        <td>Personaliza la <strong>apariencia en redes sociales<\/strong>.<\/td>\n      <\/tr>\n      <tr>\n        <td><strong>Twitter Card<\/strong><\/td>\n        <td>Protocolo para Twitter.<\/td>\n        <td>Personaliza la <strong>apariencia en Twitter<\/strong>.<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hoy, haciendo un reporte de un proyecto web, especificamente sobre SEO Onpage, me di cuenta de que puede resultar muy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":256,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[41],"tags":[55,51,64,62,65,53,54,63,52,59,60,61,58],"class_list":["post-255","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","tag-datos-enriquecidos","tag-datos-estructurados","tag-featured-snippet","tag-fragmentos-enriquecidos","tag-knowledge-panel","tag-microformatos","tag-open-graph","tag-rich-results","tag-rich-snippets","tag-schema","tag-seo","tag-seo-social","tag-twitter-card"],"_links":{"self":[{"href":"https:\/\/angelgrimaldo.com\/blog\/wp-json\/wp\/v2\/posts\/255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/angelgrimaldo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/angelgrimaldo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/angelgrimaldo.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/angelgrimaldo.com\/blog\/wp-json\/wp\/v2\/comments?post=255"}],"version-history":[{"count":12,"href":"https:\/\/angelgrimaldo.com\/blog\/wp-json\/wp\/v2\/posts\/255\/revisions"}],"predecessor-version":[{"id":277,"href":"https:\/\/angelgrimaldo.com\/blog\/wp-json\/wp\/v2\/posts\/255\/revisions\/277"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/angelgrimaldo.com\/blog\/wp-json\/wp\/v2\/media\/256"}],"wp:attachment":[{"href":"https:\/\/angelgrimaldo.com\/blog\/wp-json\/wp\/v2\/media?parent=255"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/angelgrimaldo.com\/blog\/wp-json\/wp\/v2\/categories?post=255"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/angelgrimaldo.com\/blog\/wp-json\/wp\/v2\/tags?post=255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}