|
Petit apparté: parfois, un tag img c'est bien, notamment quand l'illustration fait partie du (ou est le) contenu. Une galerie dans laquelle les images seraient cachées dans le fichier CSS serait juste un non sens. Les CSS sont là pour donner du style, pas pour cacher le contenu. Fin de l'apparté.
Youhou ! Il est enfin sorti votre site génial with style, un design chiadé, la juste dose de CSS, tout en ajax là où il en faut ! Pas une balise img à l'horizon, vivent les CSS.
Bref, votre site nouveau, fier membre de l'ordre web 2.0 est prêt. Donc, vous voulez - et c'est bien normal - en faire profiter la communauté. On saute alors à pied joints sur son facebook préféré et on partage l'url ...
Et là c'est le drame ... (Il n'y a pas un copyright sur cette expression ?)
C'est quand même dommage !! Alors que vous aviez justement fait réaliser un super logo à votre image pour souligner tout le potentiel créatif de votre activité :
Vraiment dommage ...
Mais non ! Tout ce travail n'est pas gâché pour autant, vous aller pouvoir infliger entier au monde le rejeton de votre créatif débridé, grâce à la balise og:image
Vous ajoutez donc dans le head de votre source la balise suivante (Et paf, prend ça dans la tête le source !) :
<meta property="og:image" content="http://www.maneya.fr/kb/images/stories/logowizz.jpg" />
Puis vous refaites une tentative de partage (à ce moment là, la mauvaise idée que peut avoir FB, c'est d'avoir mis en cache la version moche ... Dans ce cas, vous pouvez utiliser Plojee pour partager votre chef d'oeuvre)
Youhou \o/
Et pour les ronchons de la validation Web, j'utilise :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#" xml:lang="fr">
La version HTML5 (comprenez "Über hype") de cette intégration est un draft working in progress en version beta pas finie avec des implémentations différentes entre micro versions de navigateurs mais quelques détails sont trouvables à partir d' ici : http://forum.developers.facebook.net/viewtopic.php?id=58384
Si vous avez lu jusqu'à cette ligne vous avez vraiment des capacités de concentration et de synthèse hors du commun !
Pour aller plus loin: voir du côté (x)html(5), opengraph, facebook developers et RDFa pour comprendre de façon sérieuse. |
