Actualizado para 2027. Las imágenes Open Graph son las miniaturas que Facebook, LinkedIn, WhatsApp, Slack, Twitter/X y Discord muestran cuando alguien comparte tu enlace. Si las configuras bien, tu CTR en redes sociales se duplica; si las configuras mal, tu contenido se ve roto en todos los feeds. Esta guía cubre las especificaciones de imágenes Open Graph en 2027, las dimensiones recomendadas, la lógica de respaldo y cómo generar imágenes OG automáticamente para cada entrada en WordPress.
Este artículo fue publicado originalmente con anterioridad y ha sido actualizado para 2026 — adaptado para motores de búsqueda con IA (ChatGPT, Claude, Perplexity), las señales de ranking actuales de Google y las mejores prácticas modernas de WordPress. Los consejos originales siguen vigentes; hemos añadido lo que ha cambiado.
Las tarjetas de redes sociales (Social Media Cards) son a menudo ignoradas por los Community Managers y es un error terrible: tienen el enorme poder de duplicar o triplicar tu tráfico y tus compartidos en redes sociales.
Los tweets con imágenes en los enlaces obtienen el doble de tasa de interacción que los que no tienen imágenes, y estas cifras son aún mejores para Facebook según Buffer.
Añadir imágenes a tus publicaciones en redes sociales no es lo único que puedes hacer para mejorar tu engagement.
El protocolo de etiquetas Open Graph puede ayudarte a crear enlaces compartibles atractivos para Twitter, LinkedIn o Facebook.
En este artículo, te explicaré todo lo que necesitas saber sobre las etiquetas Open Graph para crear tarjetas de vista previa personalizadas para redes sociales y aumentar la visibilidad de tus publicaciones.
Ilustración — consulta el texto para más detalles
Ten en cuenta que nuestro Image SEO Optimizer para WordPress te ofrece la posibilidad de crear plantillas de tarjetas de redes sociales personalizadas e impactantes. Como en esta imagen.
Las tarjetas sociales se utilizan en redes sociales para ofrecer una vista previa de tu página cuando tú u otra persona comparte tu contenido. Se basan en el protocolo Open Graph.
Las tarjetas de redes sociales tradicionales se ven así en Twitter:
Ilustración — consulta el texto para más detalles
Y se ven así en LinkedIn:
Ilustración — consulta el texto para más detalles
Son tan importantes para generar engagement en redes sociales porque pueden hacer que tus publicaciones sean mucho más atractivas. Esto es fundamental porque las redes sociales siguen siendo una de las mejores formas de vender algo online.
Ilustración — consulta el texto para más detalles
Las meta etiquetas Open Graph controlan cómo aparecen las URLs en redes sociales cuando se comparten.
Forman parte del protocolo Open Graph de Facebook y también aparecen en LinkedIn y Twitter.
Puedes encontrarlas en la sección <head> de una página web.
El contenido que aparece en la tarjeta debe estar marcado con etiquetas Open Graph para ayudar a los rastreadores de redes sociales a entender rápidamente de qué trata tu página.
El título se define de esta manera, algo similar a una meta etiqueta de título tradicional en tu código. Para tu información, Facebook utiliza el meta título como og:title si no encuentra una etiqueta og:title en tu página.
Recuerda que el texto que se muestra en los feeds de Facebook aparece en negrita y es muy llamativo. Debe ser cautivador, como un buen título de publicación.
El número de caracteres no está limitado, pero lo mejor es mantenerse entre 60 y 90. Cualquier texto más largo será recortado a 88 caracteres.
Puedes usar esto para establecer la URL canónica de la página que estás compartiendo. Esto simplemente significa que designas una página a la que irán todos tus compartidos. No es posible ver la URL que proporcionaste en el feed de Facebook, solo el dominio es visible.
Describe el tipo de material que estás compartiendo: artículo de blog, vídeo, imagen, etc. La lista de posibilidades es extensa.
Esta etiqueta describe tu contenido de forma similar a la meta descripción en HTML. og:description no es relevante para el SEO, así que no intentes rellenarla con palabras clave.
Sin embargo, es imprescindible que sea cautivadora porque quieres que la gente haga clic en ella.
El conteo de caracteres no está limitado, pero se recomienda usar alrededor de 200 caracteres.
Para muchos profesionales del marketing, esta es la etiqueta Open Graph más potente, ya que una imagen siempre hace que el contenido destaque. Te permite elegir una miniatura específica que aparecerá cada vez que se comparta tu página. Las tasas de conversión pueden mejorar enormemente con este enfoque.
Asegúrate de elegir la og:image adecuada. De lo contrario, Facebook podría mostrar un anuncio no deseado extraído de la página, o nada en absoluto (lo cual es terrible).
Se recomienda que una imagen OG tenga una resolución de 1200×627 píxeles (1.91:1).
También es posible enriquecer las etiquetas og:image con atributos como og:image:width, og:image:height u og:image:alt.
Marcar tus páginas con etiquetas Open Graph puede consumir mucho tiempo. Afortunadamente, casi todos los plugins de SEO, como SEOPress, enriquecen automáticamente los metadatos de tu página con etiquetas OG.
Si quieres aprender a escribir correctamente los atributos OG, Facebook publicó una excelente guía ‘Para compartir para webmasters‘ sobre el tema.
El protocolo Open Graph tuvo tanto éxito que todas las demás redes sociales comenzaron a utilizarlo.
El marcado de Twitter Cards se basa en el mismo patrón y funciona de manera similar. Debes añadirlo a tus documentos HTML para describir tu contenido y retomar el control sobre los fragmentos que se muestran en Twitter cuando se comparte una de tus URLs.
Por defecto, hay 4 plantillas de Twitter Cards disponibles:
Por último, pero no menos importante, el protocolo Open Graph también funciona de la misma manera en LinkedIn.
Pinterest también utiliza el protocolo Open Graph para definir sus Rich Pins. Existen 3 tipos de Rich Pins:
Funciona de manera muy similar a Facebook, Twitter y LinkedIn.
Que yo sepa, nuestro plugin de WordPress es el único que permite a los usuarios de WordPress añadir campos de atributos de imagen para Pinterest. La función es completamente gratuita y no requiere ningún crédito. Puedes acceder a ella desde la sección de medios.
En resumen: porque tener una imagen atractiva capta la atención. Y tener un gran título y descripción incita a los usuarios de redes sociales a hacer clic en tu fragmento.
Las páginas optimizadas con Twitter Cards obtienen más clics, likes y retweets.
Las páginas optimizadas con Facebook Cards obtienen más clics, likes y compartidos.
Las páginas optimizadas con Rich Pins obtienen más clics, likes y compartidos.
Etcétera, etcétera, etcétera.
Las tarjetas sociales también son una parte importante de tu branding visual, y todo sitio web debería tenerlas. Son una forma extraordinaria de popularizar el contenido de tu blog y conectar con tu comunidad.
Además de darte más capacidad para involucrar a tus seguidores, las tarjetas de redes sociales también son un componente visual de tus propios productos.
Es un hecho bien conocido que los tweets con elementos visuales obtienen mayor exposición que el tweet promedio: optimizar tus tarjetas reforzará esta dinámica.
Los estudios muestran que existe una relación entre los compartidos en redes sociales y mejores posiciones en los motores de búsqueda. Sin embargo, muchos expertos en SEO argumentan que las posiciones no se ven directamente afectadas por el engagement en redes sociales.
Siempre es complejo determinar quién tiene razón entre los especialistas en SEO.
Finalmente, Matt Cutts, antiguo empleado de Google, zanjó el debate en un vídeo (enlace a continuación).
«Las páginas de Facebook y Twitter se tratan como cualquier otra página en nuestro índice web. Por lo tanto, si algo ocurre en Twitter o en Facebook y podemos rastrearlo, entonces podemos mostrarlo en nuestros resultados de búsqueda. Pero en cuanto a realizar un trabajo específico especial para decir que tienes tantos seguidores en Twitter o tantos likes en Facebook, hasta donde yo sé, actualmente no tenemos ninguna señal de ese tipo en nuestros algoritmos de ranking de búsqueda web.«
Entonces, ¿fin de la historia, verdad? No exactamente…
En primer lugar, un estudio de cognitive SEO demostró que los resultados mejor posicionados tenían más señales sociales.
En segundo lugar, las directrices para webmasters de Bing confirman que la autoridad en redes sociales tiene un impacto en los resultados de búsqueda. Así que al menos en lo que respecta a Bing, los compartidos en redes sociales definitivamente influyen en el SEO.
Finalmente, cuantos más seguidores tengas, más probable es que tu contenido sea compartido: cuando te diriges a un mercado B2B, Twitter es, por ejemplo, una excelente manera de conseguir backlinks.
Redes sociales = Mayor visibilidad = Más enlaces
Así que sí, las redes sociales de alguna manera impactan en cómo se posicionan los sitios web en los motores de búsqueda y por eso necesitas prestar atención a tus etiquetas OG.
Si eres de la vieja escuela puedes leer este tutorial y crearlas con tu editor HTML favorito. Pero ¡qué pérdida de tiempo…!
La mayoría de los plugins de SEO tienen una función para añadir automáticamente etiquetas OG a las páginas de tu sitio web. Pero realmente no puedes personalizarlas…!
Por eso integramos en nuestro plugin un Optimizador de tarjetas de redes sociales. Pensamos que sería una excelente manera de atraer más tráfico desde redes sociales a tu sitio con imágenes og:image atractivas desde tu biblioteca de WordPress.
El plugin es fácil de usar y te ayudará a crear automáticamente activos de marketing en redes sociales de gran calidad.
1. Define si quieres generar imágenes og:image para tus páginas y/o entradas
2. Crea una plantilla og:image perfecta para aumentar tus leads en redes sociales.
3. Siéntate y observa cómo crece tu tráfico en redes sociales
Eventualmente, también querrás optimizar tus artículos antiguos. Es muy fácil. Solo tienes que ir a tu página de entradas y hacer clic en «generar».
No olvides seleccionar una imagen destacada en tus entradas y páginas para un resultado óptimo.
Y eso es todo, ahora tienes hermosas imágenes og:image para Twitter, Facebook y LinkedIn.
Post Scriptum: Sobre este tema, me gusta mucho Cómo evitar el aspecto vergonzoso que tiene tu sitio en Twitter y Facebook de Emmanuel Ohan. Te aconsejo que le eches un vistazo. Está bien escrito y es instructivo.
