Cómo se ve tu enlace cuando alguien lo comparte

Por qué importa la imagen para compartir#

Cuando alguien pega tu enlace en Facebook, LinkedIn, en Messenger o en un chat, el servicio obtiene una vista previa: imagen, titular y texto breve. La deciden las etiquetas Open Graph del código de la página. Si faltan, el servicio adivina, y el resultado suele ser un logotipo recortado o ninguna imagen. Las etiquetas son un tipo de metaetiquetas (consulta Metaetiquetas).

Las etiquetas necesarias#

El estándar Open Graph exige cuatro etiquetas: og:title, og:type, og:image y og:url, donde og:url es la dirección permanente de la página [1]. Opcionales pero importantes son og:description, og:site_name y og:locale (para español de España, es_ES), y para la imagen og:image:width, og:image:height y og:image:alt [1]. LinkedIn también exige og:description [2].

La imagen: tamaño y formato#

• Meta recomienda al menos 1200 × 630 píxeles, una proporción cercana a 1,91:1 y como máximo 8 MB. Si indicas la anchura y la altura en las etiquetas, la imagen puede mostrarse al instante [3].
• LinkedIn exige al menos 1200 × 627 píxeles y como máximo 5 MB; las imágenes de menos de 401 píxeles de ancho se muestran como una miniatura pequeña [2].
• La dirección de la imagen debe ser completa (empezar por https://); si no, los servicios no pueden obtenerla.
• X (Twitter) usa las etiquetas Open Graph cuando faltan sus propias etiquetas de X.

Esto es lo que hacemos#

• Cada página que construimos tiene todas las etiquetas Open Graph, una imagen para compartir de 1200 × 630 con anchura, altura y texto alternativo, y el mismo título y descripción que en el resultado de búsqueda.
• En el análisis de tu sitio web actual ves qué etiquetas faltan y si la imagen es demasiado pequeña.
• Si quieres medir lo que aportan las veces que se comparte y los anuncios, lee sobre Píxeles y medición.