Respuesta corta: Las etiquetas Open Graph son etiquetas meta de la sección head de una página. Les dicen a Facebook y a otras plataformas qué título, descripción e imagen mostrar cuando alguien comparte tu enlace. El protocolo pide cuatro en cada página: og:title, og:type, og:image y og:url. Sin ellas, el rastreador de Facebook intenta adivinarlas.
Las etiquetas Open Graph principales
| Etiqueta | Qué contiene | Qué piden Meta o el protocolo |
|---|---|---|
og:title | El título de la página | Sin marcas como el nombre del sitio |
og:description | Una descripción breve | Aparece bajo el título en Facebook |
og:image | La URL de la imagen de la vista previa | Una URL nueva para cada imagen nueva |
og:url | La URL canónica | Sin parámetros de sesión ni de seguimiento |
og:type | El tipo de contenido | website si no la pones |
og:image:alt | Una descripción de la imagen | Agrégala siempre que la página tenga og:image |
Cada etiqueta es un elemento meta con una propiedad y un valor, como <meta property="og:title" content="The Rock" />. El protocolo se basa en RDFa, así que las etiquetas van en la sección head de la página.
De «The Open Graph protocol» y de Meta for Developers, «A Guide to Sharing for Webmasters», en inglés, consultados el 3 de noviembre de 2026.
Cómo lee tu página el rastreador de Facebook
Meta dice que casi todo el contenido llega a Facebook como un enlace compartido, así que las etiquetas Open Graph son la forma de controlar cómo se ve esa publicación. Sin ellas, su rastreador usa reglas internas para adivinar el título, la descripción y la imagen.
Meta añade que tu servidor debe usar las codificaciones gzip y deflate para que su rastreador comparta bien tu página.
La imagen, su tamaño y su texto alternativo
Meta pide declarar og:image:width y og:image:height, para que la imagen cargue bien la primera vez que alguien comparte la página. El protocolo añade que una página con og:image también debe tener og:image:alt, una descripción de lo que muestra la imagen, no un pie de foto.
Para og:image:type, la guía de Meta lista JPEG, GIF y PNG. Nuestra guía sobre el texto alternativo explica cómo describir una imagen.
Cómo configurar las etiquetas Open Graph
- Escribe un título para compartir sin el nombre de tu sitio, y una descripción breve de la página.
- Elige una imagen para cada página y anota su ancho y su alto.
- Agrega og:title, og:type, og:image y og:url en la sección head, o completa los campos sociales de tu plugin de SEO.
- Agrega og:description, og:image:width, og:image:height y og:image:alt.
- Haz que og:url apunte a la dirección canónica de la página, sin parámetros de seguimiento.
- Pega la URL en el Sharing Debugger de Meta para ver qué etiquetas lee su rastreador.
- Cuando cambies una imagen, dale una URL nueva para que Facebook no siga mostrando la anterior.
Lo que envían nuestras páginas
Cada una de nuestras guías tiene su propia imagen para compartir, de 1200 por 630 píxeles, con su ancho, su alto y su texto alternativo declarados. También declara og:type article y una tarjeta de imagen grande para X. Nuestra página de inicio usa en cambio una imagen de 1800 por 945.
Hasta las 12:56 AM del 3 de noviembre, nuestro og:title terminaba en «| Feedback Studios», como nuestros títulos de página. Meta pide el título sin el nombre del sitio, así que lo quitamos de las etiquetas para compartir. og:site_name sigue diciendo nuestro nombre, y el título de la pestaña del navegador no cambió.
Nuestras imágenes para compartir son archivos WebP, un tipo que la guía de Meta no lista. Nuestras páginas en español declaran og:locale es_ES, y ninguna de nuestras páginas declara todavía og:locale:alternate.
Antes de compartir una página
- La página tiene og:title, og:type, og:image y og:url.
- El título para compartir no repite el nombre de tu sitio.
- La imagen declara su ancho, su alto y su texto alternativo.
- og:url es la dirección canónica, sin parámetros.
- Una imagen nueva tiene una URL nueva.
- El Sharing Debugger no muestra errores ni advertencias.
RecuerdaCuatro etiquetas deciden la vista previa de un enlace: og:title, og:type, og:image y og:url. Dale a cada página su propia imagen, declara su tamaño y prueba el enlace en el Sharing Debugger antes de compartirlo.
Si quieres un sitio cuyas páginas se vean bien cuando alguien las comparte, mira nuestro servicio de diseño web.
Respuestas rápidas sobre las etiquetas Open Graph
¿Qué pasa si una página no tiene etiquetas Open Graph?
El rastreador de Facebook intenta adivinar el título, la descripción y la imagen de la vista previa con sus propias reglas internas. Meta pide indicar esos datos con etiquetas Open Graph, para que tus publicaciones se vean como quieres.
¿Por qué Facebook sigue mostrando mi imagen anterior?
Facebook guarda las imágenes en caché según su URL y no las actualiza si la URL no cambia. Sube la imagen nueva con otra dirección y pasa el enlace por el Sharing Debugger, que además vuelve a leer la página.
¿og:title debe llevar el nombre de mi marca?
No. Meta pide el título del artículo sin marcas como el nombre del sitio. El protocolo Open Graph tiene otra etiqueta para eso, og:site_name, que nombra el sitio al que pertenece la página.
¿A dónde debe apuntar og:url?
A la URL canónica de la página, sin variables de sesión, parámetros de usuario ni contadores. Meta suma los me gusta y las veces que se comparte en esa URL, así que todas las versiones de la página deben apuntar a la misma dirección.
¿Qué cambia og:type?
Le dice a Facebook el tipo de contenido, y Meta dice que influye en cómo se muestra en el Feed. Sin ella, el tipo es website. Una entrada de blog o una guía suele usar article, y cada URL solo puede tener un tipo.
Fuentes
Consultadas el 3 de noviembre de 2026. The Open Graph protocol, en inglés. Meta for Developers: A Guide to Sharing for Webmasters, en inglés. Nuestro caso: las etiquetas Open Graph de nuestras páginas antes y después de nuestro cambio, el 3 de noviembre de 2026.