Comment ajoutez-vous une vignette Opera pour votre site?

9

J'ai remarqué que dans la fonction "Speed ​​Dial" d'Opera, certains sites afficheront leur logo comme image d'aperçu, tandis que d'autres sites ne sont qu'une capture d'écran de l'apparence du site lorsque vous l'ajoutez à la numérotation rapide. Je n'en suis pas sûr, mais je pense que Chrome a le même comportement.

Stackoverflow par exemple a le logo: D

Alors, comment puis-je faire en sorte que mon site affiche le logo lorsque les utilisateurs l'ajoutent dans la numérotation rapide?

Katie
la source
Sur mon système, Chrome montre toujours juste une capture d'écran
Adjam

Réponses:

5

Après la sortie de Barracuda, Opera utilise la méta <link rel=”icon”>ou <link rel="apple-touch-icon">dans l'en-tête du site pour trouver le logo, mais il n'apparaîtra dans Opera que si l'image jointe est plus large que 114 px.

Dans le cas de stackoverflow, le code ressemble à ceci: -

<link rel="apple-touch-icon" href="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png">

Liens vers une image d'icône de 158 x 158 pixels

Logo Stackoverflow

toomanyairmiles
la source
2

Vous pouvez également utiliser du HTML (dynamique) pour afficher les derniers titres d'articles, des images ou des commentaires. Voir Faire briller votre site dans Speed ​​Dial pour plus de détails.

fuxia
la source