Vista previa de enlace con imagen o título incorrecto: cómo arreglarla
Descubre por qué una vista previa muestra otra imagen o título, corrige las etiquetas Open Graph, renueva las vistas previas de Facebook y LinkedIn y prueba tus enlaces cortos.
La vista previa de un enlace suele mostrar una imagen o un título incorrectos porque las etiquetas de la página están mal o porque la app guardó una copia anterior de la página. La mayoría de las apps crean las vistas previas a partir de las etiquetas Open Graph de la página, como og:title y og:image. Corrige primero las etiquetas y luego pide a las apps que guardaron la copia antigua que vuelvan a leer la página: el depurador de contenido compartido de Meta (Sharing Debugger) para Facebook y el Inspector de publicaciones para LinkedIn.
Esta guía sigue a un grupo de teatro aficionado inventado, los Eastgate Players, cuya página para su nueva obra aparece en las vistas previas con el cartel y el título del año pasado. Trata las páginas que puedes editar y los enlaces cortos que gestionas. Si la página la gestiona otra persona, pídele que corrija sus etiquetas.
Averigua de dónde sale la vista previa
La vista previa sale de la página que el enlace abre al final, después de cualquier redirección. Un enlace corto no tiene vista previa propia: Links lo redirige al destino guardado y no tiene ajustes de vista previa. El título que le das a un enlace en la aplicación Links nunca aparece en una vista previa.
Revisa las etiquetas Open Graph de la página
Abre la página en una ventana privada, mira su código fuente y busca og:. El protocolo Open Graph pide cuatro etiquetas básicas: og:title, og:type, og:image y og:url, que es la dirección permanente de la propia página. Estas son las etiquetas corregidas del teatro:
<meta property="og:title" content="Harbor Lights: our new show" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Five evenings in April at Eastgate Hall." />
<meta property="og:image" content="https://example.org/img/poster-harbor-lights.jpg" />
<meta property="og:url" content="https://example.org/harbor-lights/" />Busca estos fallos:
| Fallo | Solución |
|---|---|
No hay ninguna etiqueta og:image |
Añade una; si no, Facebook intenta adivinarla y puede elegir otra imagen |
| Las etiquetas se copiaron de una página anterior | Actualiza todas las etiquetas og: para esta página |
og:image reutiliza el nombre de archivo del año pasado |
Cambia el nombre de la imagen nueva y actualiza la etiqueta |
og:image es una ruta parcial, como /img/poster.jpg |
Usa la dirección completa con https://, como en los ejemplos de Open Graph |
| La página o la imagen piden iniciar sesión | Usa una página y una imagen públicas: las herramientas de vista previa no inician sesión |
og:url apunta a la página de inicio |
Pon la dirección de esta misma página |
| Tu cambio no aparece en el código fuente | Vacía la caché de tu sitio |
La página del teatro se copió de la del año pasado, así que og:title nombraba la obra anterior, y el cartel nuevo había sustituido a poster.jpg con el mismo nombre.
Actualiza las vistas previas que las apps tienen en caché
Corregir la página no cambia las vistas previas que las apps ya guardaron.
Para Facebook, pega la dirección de la página en el depurador de Meta. La guía de Meta para compartir dice que esta herramienta muestra las etiquetas que leyó el rastreador y vuelve a leer la página. Las imágenes se guardan en caché según su dirección y no se actualizan a menos que la dirección cambie; por eso el cartel sustituido del teatro seguía siendo el antiguo. Meta también recomienda og:image:width y og:image:height, para que la imagen se cargue bien la primera vez que se comparte.
Para LinkedIn, escribe la dirección en el Inspector de publicaciones y revisa la vista previa. La ayuda de LinkedIn dice que la actualización solo afecta a las publicaciones nuevas. Las publicaciones que ya existen conservan su vista previa antigua, así que el teatro hace una publicación nueva.
Para otras apps, como WhatsApp o X (Twitter), revisa la vista previa en un borrador antes de enviarlo.
Prueba el enlace corto como lo ve una herramienta de vista previa
Las herramientas revisan la dirección que les das. Si compartes un enlace corto, como reunified.link/k7m2x9qa, pásalo también por ellas.
Links aplica tus reglas a cada visita, también a las de las herramientas de vista previa. Una regla por país puede coincidir con una herramienta que se conecta desde ese país, y una herramienta que no se identifica como móvil o tablet cuenta como escritorio. Por eso una vista previa puede mostrar el destino de una regla: pon etiquetas correctas en todos los destinos. La guía de redirección explica cómo coinciden las reglas.
Si la herramienta muestra una página de Links que dice que el enlace no está disponible o no existe, consulta la guía para resolver problemas.
Después de cambiar el destino de un enlace corto, una app que guardó su vista previa en caché puede seguir mostrando la página anterior, así que vuelve a revisar el enlace corto en las herramientas.
Entiende cómo afectan las vistas previas a tus recuentos de clics
Muchas apps cargan un enlace en cuanto lo pegas. Links redirige los rastreadores, las vistas previas de enlaces y las precargas del navegador que reconoce, sin contarlos ni cobrar créditos. El rastreador que usa Meta al compartir es uno de ellos, así que el depurador de Meta no suma clics contabilizados. Una herramienta que Links no reconoce sí cuenta como clic.
Tus propias visitas de prueba desde un navegador también cuentan, y alguien que abre el enlace dos veces cuenta dos veces. La guía de estadísticas y privacidad explica qué guarda Links de cada clic.
Revisa la vista previa cada vez que compartas
Usa esta lista de comprobación:
- Revisa las etiquetas de la página en una ventana privada.
- Pon un nombre de archivo nuevo a cada imagen que cambies.
- Crea el enlace corto o actualiza su destino.
- Pasa la página y el enlace corto por las herramientas de Meta y de LinkedIn.
- Revisa la vista previa en un borrador de mensaje.
- Publica y después revisa una publicación real en cada red.
Vuelve a revisarlas después de un rediseño, porque una plantilla nueva puede cambiar las etiquetas. Ahora el teatro da a cada cartel un nombre de archivo con el título de su obra.
Links mantiene la misma dirección corta cuando cambias adónde lleva, y deja fuera de tus recuentos las solicitudes de vista previa que reconoce. La vista previa sale de tu página, así que es ahí donde se arregla.