html - telefonico - dónde se escribe el atributo alt text en las imágenes que subes a wordpress

Cómo hacer enlaces compatibles con Skype(etiquetas de imagen de vista previa)

Question

Compartir ciertos enlaces en Skype activa el programa para mostrar la vista previa con la imagen de la página. En un sitio web en el que trabajo: hay imágenes grandes en ciertas páginas, pero Skype recoge el logotipo del sitio web en su lugar. No pude encontrar qué metaetiquetas harían que Skype recogiera la imagen deseada y obtuviera una vista previa.

Tengo un <link rel="image_src" href="http://www.example.com/path/to/img.png" /> que funciona para la vista previa para compartir en Facebook (se usa img.png lugar del logotipo del sitio web) pero no funciona para Skype.

Entonces, ¿cómo sugerirías a Skype qué imagen debería usarse para la vista previa?

Answer 1

Necesitaré encontrar alguna fuente que lo respalde, pero creo que si ha definido algunos metadatos de gráficos abiertos, seleccionará la imagen especificada allí. Por ejemplo, tengo estos en uno de mis sitios:

<meta property="og:title" content="Site Title" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://my.site.com" />
<meta property="og:image" content="http://my.site.com/images/thumb.png" />
<meta property="og:description" content="Site description" />

Y la imagen que se muestra como vista previa del enlace en Skype es la imagen del pulgar especificada en og:image (que no está disponible en ningún otro lugar de la página).