Silktide

La imagen social es la imagen que se muestra cuando se comparte una página en redes sociales y en aplicaciones de mensajería. Silktide comprueba que cada página especifique una, que la imagen realmente se cargue y que el tamaño declarado se ajuste a una tarjeta de vista previa.

La imagen se establece con etiquetas en el de la página:

<!-- Una dirección web completa, con las dimensiones de la imagen declaradas -->
<meta property="og:image" content="https:\/\/www.example.com\/images\/course-preview.jpg" \/>
<meta property="og:image:width" content="1200" \/>
<meta property="og:image:height" content="630" \/>

Por qué es importante

Los enlaces compartidos con imágenes reciben mucha más atención que los enlaces solo de texto. Si falta la imagen o falla su carga, las plataformas no muestran ninguna imagen o eligen una de la página, a menudo un logotipo o una foto irrelevante. Si la imagen es demasiado pequeña o tiene una forma poco habitual, puede aparecer recortada, borrosa o reducida a una miniatura. Declarar el ancho y el alto también permite que las plataformas representen la vista previa de inmediato la primera vez que se comparte un enlace, en lugar de mostrarla sin imagen.

Cómo solucionarlo

En tu , busca el campo de imagen social, imagen de vista previa social o imagen destacada.
Usa una dirección web completa (que empiece por https:\/\/) que funcione para el público, no una dirección que solo funcione cuando has iniciado sesión.
Elige una imagen en formato apaisado, idealmente de 1200 x 630 píxeles y como mínimo 600 x 315.
Publica el ancho y el alto de la imagen en las etiquetas og:image:width y og:image:height; la mayoría de los complementos de SEO pueden hacerlo automáticamente.

Cómo lo comprueba Silktide

Probar cada página que podría compartirse - páginas que los motores de búsqueda y las plataformas pueden indexar.
Leer la etiqueta og:image de la página. Marcar la página por imagen ausente o rota si no hay imagen, la dirección no es una dirección web completa http/https, la imagen no se descarga o el archivo descargado no es una imagen.
Si la imagen se carga, comprobar que og:image:width y og:image:height están declaradas. Si no lo están, marcar la página.
Si se declaran las dimensiones, marcarlas como no ideales cuando la imagen sea menor de 600 x 315 píxeles, o su forma se aleje mucho de la relación apaisada que usan las tarjetas de vista previa (aprox. entre 1,4 y 2,1 veces más ancha que alta).

Solución de problemas

La imagen se carga correctamente en mi navegador

Una imagen puede funcionarte a ti pero fallar en una descarga automatizada por las mismas razones que un enlace: sesiones iniciadas, restricciones geográficas o bloqueo del tráfico automatizado. Consulta los consejos de solución de problemas para enlaces rotos. Si concluyes que la imagen está realmente bien, la incidencia.

Mi imagen está alojada en otro dominio

Eso está bien. La imagen puede estar en cualquier lugar, como en un servicio de alojamiento de imágenes o una , siempre que sea de acceso público.

Las dimensiones indicadas son incorrectas

Silktide lee las dimensiones que la página declara en sus etiquetas og:image:width y og:image:height, no los píxeles del propio archivo. Si has cambiado el tamaño de la imagen pero las etiquetas siguen declarando el tamaño antiguo, actualiza las etiquetas.