Facebook lien miniature

Lors de la publication d'un lien vers un site web dans Facebook (Google+ et le reste de compter trop), vous êtes donné une miniature, ou choix de miniatures à choisir. Ce sont des balises du HTML.

J'ai toujours été d'avis qu'il était préférable de faire mon logo une image d'arrière-plan à l'intérieur d'une balise h1 en utilisant le CSS. Je fais la balise h1 un lien vers la page d'accueil et masquer le texte d'en-tête avec quelque chose comme {text-indent: -9999px}, laissant une belle sémantique d'en-tête HTML. Voici un lien vers mon site si vous voulez un coup d'oeil: http://tempertemper.net

Le problème, c'est que comme c'est une image d'arrière-plan il est négligé.

Serait-ce une bonne idée de le poster personnalisé en haut de la page HTML de cette seule fin, et de le cacher sur le côté de la page? Je ne sais pas, semble un peu brouillon. Je pourrais juste mettre la balise à l'intérieur de la s1, mais le logo ne serait pas la bonne forme car il est conçu pour un usage spécifique.

Peut-être il y a une balise meta à cette fin ou peut-être il y a une technique pour forcer FB tirer une image spécifique qui n'est pas chargé normalement? Quelqu'un aurait-il des idées ou des astuces pour faire cela?

double possible de Facebook afficher le Lien de l'Image (pas exactement un doublon, mais les réponses seront les mêmes)
Ici vous pouvez voir comment cela fonctionne! Je l'ai construit à l'aide de PHP + jQuery. Le code source est disponible pour le téléchargement. Espérons que vous apprécierez! lab.leocardz.com/facebook-link-preview-php--jquery

OriginalL'auteur Martin | 2011-08-04

  1. 15

    Oui, vous pouvez définir une balise meta pour que Facebook sait de quelle image pour sélectionner.

    Voir: https://developers.facebook.com/docs/opengraph/

    Particulier, c'est la og:image de la propriété, et il vous dira Facebook le lien de l'action de script pour choisir l'image comme la miniature.

    Gardez à l'esprit que Facebook fait de la mise en cache, donc si vous avez déjà partagé le lien une fois qu'il peut encore être "coincé" sur l'utilisation de l'ancienne image.

    Vous pouvez voir à quoi Facebook de sortir de votre site web en utilisant le Facebook URL Linter. Voir: http://developers.facebook.com/tools/lint/ (L'utilisation de l'URL Linter permettra également de reconstruire Facebook du cache)

    Avait un jouer et c'est exactement ce que je veux dans FB! Merci @Calvin L!

    OriginalL'auteur Calvin

  2. 9

    Il y a un Méta-Tag pour permettre à l'Application (comme FB) que vous voulez une image spécifique à prendre, plutôt que de laisser l'utilisateur choisir un.

    <link rel="image_src" href="http://link.to/image.png" />

    Pour Facebook il y a aussi une autre Façon de accomplis en utilisant Open Graph protocol.

    Vous avez besoin pour préparer votre Site web pour l'utilisation de l'og: les Balises par l'ajout de la og de l'espace de Noms dans votre Balise html:

    <html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:og="http://ogp.me/ns#">

    Alors vous êtes en mesure d'utiliser l'og: les Méta-Balises comme ceci:

    <meta property="og:title" content="Any title here" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://link.to/image.png" />

    Pour Facebook ce six og Méta-Balises:

    • og:title
    • og:type
    • og:image
    • og:url
    • og:site_name
    • og:les administrateurs OU og:app_id

    Vous trouverez des informations supplémentaires à un plus og: type: https://developers.facebook.com/docs/opengraph/

    OriginalL'auteur scube

  3. 0

    que si vous avez fait comme une img mais en css mettre 

    #logo{
display: none; }

<img id="logo" src="yourlogohere.jpg">

    l'image n'apparaîtra pas sur la page mais je ne sais pas si facebook serait de voir l'image

    OriginalL'auteur Icallitvera

  4. 0

    Comme déjà dit: le Mieux serait d'utiliser la balise meta avec le og:image opengraph de la propriété.

    En outre que: Facebook n'est pas la seule plate-forme à l'aide de l'opengraph metatags. Aussi Google+, ou Xing préfèrent. Pas sûr que sur les autres...

    OriginalL'auteur Robin