Verificador de Open Graph: cómo se ve tu enlace al compartirlo

Para qué sirven las etiquetas Open Graph

Cuando alguien comparte un enlace en Facebook, LinkedIn, WhatsApp, X o Slack, la aplicación lee las etiquetas Open Graph de la página para crear la vista previa: una imagen, un título y una breve descripción. Sin ellas, la aplicación adivina, y la vista previa suele mostrar la imagen equivocada, un aviso de cookies como descripción o nada en absoluto. Una buena vista previa marca la diferencia entre un enlace en el que la gente hace clic y uno ante el que pasa de largo.

Las etiquetas que importan

• og:title: el titular de la vista previa. Puede ser más corto y directo que la etiqueta title.
• og:description: una o dos frases sobre lo que obtiene el lector.
• og:image: la imagen, como dirección completa. Usa 1200 por 630 píxeles; las imágenes pequeñas se muestran como miniatura en lugar de como una tarjeta grande.
• og:url: la dirección principal de la página, para que cada vez que se comparta cuente para una sola página.
• twitter:card: dale el valor summary_large_image para que aparezca la imagen grande en X. Para lo demás, X lee las etiquetas Open Graph.

Cómo acertar con la imagen

Mantén el texto y los logos lejos de los bordes: algunas aplicaciones recortan la imagen en forma de cuadrado. Usa una foto real de tu producto, tu local o tu equipo en lugar de una foto de banco de imágenes, mantén el archivo por debajo de 5 MB y sírvelo por https. Después de cambiar la imagen, pide al Sharing Debugger de Facebook y al Post Inspector de LinkedIn que vuelvan a leer la página, porque conservan la vista previa anterior durante un tiempo.

Las etiquetas para compartir conviven con los datos estructurados, que describen el negocio a los buscadores: revísalos con el verificador de marcado Schema. El Verificador SEO de sitios web con IA revisa las vistas previas al compartir como parte de su puntuación sobre 100.