Para páginas en local, detrás de contraseña o aún sin publicar: clic derecho sobre la página → «Ver código fuente». Copia desde <head> hasta </head> y pégalo aquí.
O rellena los campos
Cómo se verá
Google no usa Open Graph para su resultado: usa el <title> y la meta description, cuando no decide reescribirlos.
Revisión
Las etiquetas, listas para pegar
Siguiente paso
¿Lo arreglamos por ti?
Envíanos este resultado y te respondemos en menos de 24 horas hábiles con qué arreglaríamos primero, cuánto trabajo es y qué puedes dejar como está.
Abre el formulario con el diagnóstico ya escrito. Puedes editarlo antes de enviarlo.
¿Cómo se usa?
01
Trae tus etiquetas
Escribe la URL de tu página, pega su código fuente o rellena los campos a mano. Las tres formas se sincronizan.
02
Mira las cuatro tarjetas
Cada plataforma recorta por un sitio distinto y usa la imagen de otra manera. Aquí se ven a la vez.
03
Arregla y vuelve a publicar
Copia las etiquetas corregidas, súbelas y pide a la plataforma que vuelva a leer tu enlace.
Qué pasa cuando escribes tu URL
El navegador impide que una página descargue el HTML de otro dominio, así que lo pide por ti una función nuestra en Cloudflare. Pide solo el principio del documento —hasta la etiqueta </head> o 256 KB, lo que llegue antes—, te lo devuelve y no guarda nada: ni la URL ni el contenido. El resultado se queda diez minutos en caché para no molestar a tu servidor dos veces mientras corriges.
Hay páginas a las que esa función no llega: las que tienes en local, las que están detrás de una contraseña y las que todavía no has publicado. Para esas sigue estando el cuadro de pegar: copia el <head> desde el código fuente y pégalo. Es lo mismo que leería la función, sin que salga de tu equipo.
La imagen es aparte: para enseñártela hay que descargarla, y eso lo hace tu navegador directamente contra el servidor donde esté alojada. Es la misma petición que hará el robot de cada plataforma, y por eso sirve de prueba.
La tarjeta es la primera impresión
Un enlace compartido sin imagen ni descripción se ve como una línea de texto gris, y compite en el mismo hilo con enlaces que sí tienen tarjeta. La diferencia no está en el contenido: está en cuatro etiquetas que se escriben una vez y se olvidan.
En los sitios que construimos, esa imagen se genera sola en cada compilación —una por página, con su propio título— y las etiquetas se comprueban antes de publicar, junto con los enlaces rotos y los metadatos duplicados. Es más barato que descubrirlo cuando alguien comparte la página.
Preguntas frecuentes
¿Qué hace la herramienta cuando escribo mi URL?
Tu navegador no puede descargar el HTML de otro dominio —la política del mismo origen se lo impide—, así que lo pide una función nuestra en Cloudflare. Esa función descarga solo el principio del documento, hasta </head> o 256 KB, lo que llegue antes; devuelve ese trozo a tu navegador y no guarda nada. El resultado se conserva diez minutos en caché para no molestar dos veces a tu servidor mientras corriges. El análisis, las tarjetas y las etiquetas generadas se siguen calculando en tu navegador.
He arreglado las etiquetas y la tarjeta sigue igual. ¿Por qué?
Porque las plataformas guardan en caché lo que leyeron la primera vez, a veces durante días. Hay que pedirles que vuelvan a leer el enlace: Facebook y WhatsApp comparten el depurador de compartidos de Facebook, LinkedIn tiene su Post Inspector y X su validador de tarjetas. Pasar el enlace por ahí fuerza una lectura nueva.
¿Qué medidas debe tener la imagen?
1200×630 píxeles, que es la relación 1,91:1 de las tarjetas grandes. El mínimo para que la mayoría de plataformas la acepte son 200 píxeles de lado, y por debajo de 600 se ve borrosa al ampliarse. Evita el texto pequeño: en el móvil esa tarjeta mide menos de la mitad.
¿Por qué mi imagen no aparece si la URL es correcta?
Los tres motivos habituales, por frecuencia: la ruta es relativa y el robot no puede resolverla; la imagen está detrás de un inicio de sesión o en un entorno de pruebas con contraseña; o el servidor bloquea las peticiones que no vienen de un navegador. Esta herramienta intenta cargarla igual que lo haría el robot, así que si aquí no se ve, es muy probable que allí tampoco.
¿Hacen falta las etiquetas de Twitter si ya tengo las de Open Graph?
Casi nunca. X lee las de Open Graph cuando no encuentra las suyas, así que basta con añadir twitter:card para elegir entre la tarjeta ancha y la miniatura pequeña. Duplicar título, descripción e imagen solo tiene sentido si quieres decir cosas distintas en cada red.
¿Google usa Open Graph?
No para el resultado de búsqueda. Ahí usa el <title> y la meta description —y con frecuencia reescribe esta última si cree que otro texto de tu página responde mejor a la búsqueda—. Open Graph es para lo que se comparte: redes, mensajería y previsualizaciones dentro de otras aplicaciones.
¿Se envía a algún sitio lo que pego?
Lo que pegas, no: el HTML se analiza en tu navegador con el propio analizador que ya usa para pintar páginas, y ese análisis no ejecuta nada de lo que pegues. La URL que escribes sí pasa por nuestra función, que la descarga y no la registra. Y la imagen que indiques la carga tu navegador directamente, porque hay que descargarla para poder enseñártela — igual que haría cualquier página que la muestre.
¿Tus enlaces se comparten sin imagen?
Suele ser una etiqueta mal puesta y quince minutos de trabajo. Si además quieres que cada página genere su propia imagen sin que nadie la diseñe una por una, eso ya lo montamos nosotros.
Respondemos en menos de 24 horas hábilesBogotá · UTC−5