web-dev-qa-db-fra.com

Comment définir og: image pour qu'il prenne l'image de la page?

J'utilise mediawiki 1.19 et j'ai ajouté facebook "j'aime". Lorsque je clique sur l'image affichée, c'est le logo du site. Comment prendre l'image de la page. J'ai exécuté le site via http://developers.facebook.com/tools/debug et il semble og: l'image est définie sur le logo du site. Comment puis-je changer cette méta-propriété? Mon site est thepetwiki.com Merci

17
LTech

voir l'article http://www.mediawiki.org/wiki/Extension_talk:Facebook#OpenGraph_image_problems . Le codage graphique ouvert fait partie de l'extension Facebook.

2
LTech

Vous allez donner pour ajouter du og:tags Personnalisé au balisage HTML de votre page et spécifier l'image que vous souhaitez utiliser ...

Jetez un œil à l'exemple de la documentation Facebook -

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml">
  <head>
    <title>The Rock (1996)</title>
    <meta property="og:title" content="The Rock"/>
    <meta property="og:type" content="movie"/>
    <meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
    <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
    <meta property="og:site_name" content="IMDb"/>
    <meta property="fb:admins" content="USER_ID"/>
    <meta property="og:description"
          content="A group of U.S. Marines, under command of
                   a renegade general, take over Alcatraz and
                   threaten San Francisco Bay with biological
                   weapons."/>
    ...
  </head>
  ...
</html>

Comme vous pouvez le voir, le paramètre og:image Est spécifié ici et permet à Facebook d'afficher correctement les métadonnées associées à cette URL ...

Vous n'aurez peut-être pas besoin de tous les og:tags Spécifiés ici, title, url, image et description devraient convenir à un LIKE bouton.

Vous connaissez déjà l'outil debugger - il vous aidera à déboguer votre bouton LIKE et og:tags. Apportez quelques modifications dans votre balisage HTML et chaque fois que vous devrez envoyer votre URL via le débogueur pour actualiser la version en cache de Facebook de votre URL.


Une recherche rapide sur Google m'a donné cette extension mediawiki qui semble pouvoir vous aider -

http://www.mediawiki.org/wiki/Extension:OpenGraphMeta

OpenGraphMeta fournit des métadonnées de protocole OpenGraph pour des articles sur le wiki pour des tiers comme Facebook à extraire ...

26
Lix