RankEngineRespuesta rápida: completa los campos y copia el bloque de etiquetas en tu <head>. La vista previa muestra la tarjeta 1.91:1 que la mayoría de las plataformas renderizan. Usa una imagen de 1200 × 630 y una URL HTTPS absoluta: estas dos elecciones solucionan la gran mayoría de las vistas previas rotas.
Herramienta gratis
Generador de Open Graph — etiquetas og: y Twitter gratis
Las etiquetas que realmente importan
| Etiqueta | Por qué |
|---|---|
og:title |
El titular en la tarjeta. No necesariamente tu título SEO — este lo lee una persona que está desplazándose por un feed. |
og:description |
Una o dos líneas. Se corta mucho en LinkedIn y Facebook. |
og:image |
El factor más importante para que se haga clic en el enlace. |
og:url |
La URL canónica. Mantiene las comparticiones de variantes etiquetadas o con parámetros consolidadas en una sola entrada. |
og:type |
website, article o product. |
twitter:card |
Establece summary_large_image o X mostrará una miniatura pequeña. |
Todo lo demás es opcional, y los duplicados twitter:* de título, descripción e imagen solo son necesarios si deseas que difieran de los valores de Open Graph — X utiliza og: por defecto.
Reglas para imágenes
- 1200 × 630 px, proporción 1.91:1.
- URL HTTPS absoluta. Una ruta relativa es la causa más común de una tarjeta sin imagen; los scrapers no las resuelven.
- Menos de ~5 MB, idealmente mucho menos.
- Mantén el texto alejado de los bordes. Algunas superficies recortan a un cuadrado, y un titular que va de borde a borde pierde sus primeras y últimas palabras.
- No reutilices la foto del producto sin cambios. Una foto de producto con fondo blanco es adecuada en una página de producto pero invisible en un feed. Una tarjeta con el nombre del producto sobre la imagen se lee en tamaño miniatura; la foto sola no.
Evitar el almacenamiento en caché
Cada plataforma almacena en caché su extracción, a menudo durante días. Si reemplazas la imagen en la misma URL, la antigua sigue apareciendo. Dos soluciones, en orden de fiabilidad:
- Cambia la URL — nuevo nombre de archivo, o añade
?v=2. Esto siempre funciona. - Fuerza una nueva extracción — Facebook Sharing Debugger, LinkedIn Post Inspector, o el validador de tarjetas de X. Normalmente funciona, ocasionalmente no.
Configuraciones predeterminadas de Shopify
La mayoría de los temas ya emiten las cuatro etiquetas principales a partir de la imagen destacada y la descripción del producto. Verifica antes de añadir las tuyas: dos etiquetas og:image en una página significan que la plataforma elige una, y cuál elige no es algo que puedas controlar.
Si las configuraciones predeterminadas de tu tema están bien, el cambio de mayor valor suele ser una imagen social hecha a propósito en lugar de más etiquetas. Imagen para compartir en redes sociales y SEO en Shopify cubre dónde el tema establece esto y cómo anularlo por producto.
Preguntas frecuentes
¿Qué son las etiquetas Open Graph?
Son etiquetas meta en el <head> que indican a las plataformas sociales y aplicaciones de mensajería cómo mostrar un enlace: qué título, descripción e imagen mostrar en la tarjeta de vista previa. Sin ellas, cada plataforma adivina a partir de la página, y generalmente elige la primera imagen que encuentra y un fragmento truncado del texto principal.
¿Qué tamaño debe tener la og:image?
1200 × 630 px, una proporción de 1.91:1. Esto se muestra correctamente como una tarjeta grande en Facebook, LinkedIn, X y Slack. Mantén el tamaño por debajo de 5 MB, usa una URL HTTPS absoluta y evita que el texto importante esté cerca de los bordes, ya que algunas superficies recortan a un cuadrado.
¿Necesito etiquetas de Twitter además de Open Graph?
En general, no. X utiliza Open Graph cuando faltan los equivalentes de twitter:, por lo que og:title, og:description y og:image suelen ser suficientes. La única etiqueta que vale la pena añadir explícitamente es twitter:card configurada en summary_large_image, que selecciona el formato grande en lugar de la miniatura pequeña.
¿Las etiquetas Open Graph afectan al SEO?
No directamente — Google no las utiliza para el ranking. Afectan a si un enlace compartido parece digno de clic, lo que influye en las veces que se comparte y en el tráfico y enlaces que genera. Es un efecto indirecto pero real.
Actualicé mi imagen y aún aparece la antigua. ¿Por qué?
Cada plataforma almacena en caché la captura de manera agresiva. Fuerza una actualización con el Depurador de Compartición de Facebook, el Inspector de Publicaciones de LinkedIn o el validador de tarjetas de X. Si la imagen cambió en la misma URL, cambia también la URL — un nuevo nombre de archivo o una cadena de consulta es la única forma fiable de superar una caché persistente.
¿Qué hace Shopify por defecto?
La mayoría de los temas emiten og:title, og:description, og:image y og:url, utilizando la imagen destacada del producto. Es un valor predeterminado razonable, pero rara vez es óptimo: una foto de producto sobre un fondo blanco hace una tarjeta social débil en comparación con una imagen de 1200 × 630 hecha a propósito que incluya el nombre del producto.
Todas las herramientas
SEO Title Generator & Checker
Generate SEO titles from your keyword and check any title's character count, pixel width, and keyword position.
Meta Description Generator & SERP Preview
Generate high-converting meta descriptions and preview how your page looks in Google.
Keyword Density Checker
Paste any text and see keyword density, top 1–2–3-word phrases, and stuffing warnings.
Robots.txt Generator (AI-Crawler Aware)
Generate a correct robots.txt in seconds.
LSI & Related Keyword Generator
Generate related keywords, question keywords, and commercial long-tails from any seed term.
Image Alt Text Generator & Checker
Build descriptive, SEO-friendly alt text for product images and check existing alt text for length, redundancy, and stuffing.
Googlebot Simulator — See What Google Sees
Fetch any URL with Googlebot's user agent: status code, redirects, title, meta robots, canonical, X-Robots-Tag, H1s, and an indexability verdict.
Schema markup generator
Generate valid JSON-LD schema free: Product, FAQPage, BreadcrumbList, LocalBusiness and Article.
Hreflang tag generator
Build a valid hreflang cluster for every language version of a page, with x-default, and a built-in check that every URL points back at every other one..
UTM builder
Build consistent UTM-tagged campaign URLs free.
URL slug generator
Turn any title into a clean, lowercase, hyphenated URL slug.
Readability checker
Paste text and get Flesch Reading Ease, Flesch-Kincaid grade level, sentence length distribution and the specific sentences that are dragging the score down..
SERP preview tool
Preview how a title, URL and meta description will render in Google on desktop and mobile, measured in pixels rather than characters so truncation is accurate..
SEO ROI calculator
Estimate what a ranking improvement is worth: search volume, position-based CTR, conversion rate and order value, plus a payback period on your SEO spend..
SEO report generator
Generate an on-page SEO report for any URL: title and meta lengths, headings, canonical, schema types, image alt coverage, links and indexability, scored..
Guías relacionadas
Open Graph Images on Shopify: Fix Your Link PreviewsShopify meta titles: fix duplicates at scaleShopify meta description: write ones that rankShopify noindex: keep the right pages out of Google
Run this across your whole catalog
RankEngine applies and verifies these fixes on every product in your Shopify store — automatically.
Install RankEngine free