I am using mediawiki 1.19 and I've added facebook 'like'. When I click like the image posted is the site logo. How do I take the image from the page. I've run the site through http://developers.facebook.com/tools/debug and it seems og:image is set to the site logo. How do I change this meta property? My site is thepetwiki.com Thanks
2 Answers
You are going to gave to add some custom og:tags to the HTML markup of your page and specify the image that you want to use...
Take a look at the example from the Facebook documentation -
<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>
As you can see the og:image parameter is specified here and that allows Facebook to correctly display the meta data associated with that URL...
You might not need all of the og:tags specified here, title,url,image and description should be fine for just a LIKE button.
You are already aware of the debugger tool - it will help you debug your LIKE button and og:tags. Make some changes in your HTML markup and each time you'll have to send your URL though the debugger to refresh Facebook's cached version of your URL.
A quick Google search gave me this mediawiki extension that looks like it could help you -
http://www.mediawiki.org/wiki/Extension:OpenGraphMeta
OpenGraphMeta provides OpenGraph protocol metadata for articles on the wiki for 3rd parties like Facebook to extract...
-
how do I do this with mediawiki? Also I don't want to have to create new meta tags for each page (I have 100s of pages on my site). How do I set it so facebook takes the image from the content area?– LTechMay 20, 2012 at 8:52
-
You use
og:tags. I am sorry but I have zero knowledge inmediawiki. At the end of the day, each individual URL must have the appropriate meta tags for Facebook - otherwise (as you have seen) it will take what ever image it wants to...– LixMay 20, 2012 at 8:54 -
So check it out - a quick google search gave me this result - it appears to be a
medawikiextension for exactly this purpose - mediawiki.org/wiki/Extension:OpenGraphMeta– LixMay 20, 2012 at 8:56 -
I've already tried the extension and mediawiki.org/wiki/Extension:Add_Metas to change the meta data but it isn't working. I can't figure out how the og:image was set to begin with, at present I have Meta Tag <meta property="og:image" content="thepetwiki.com/xxx/thepetwikilogoshare.jpg" /> set as my og:image showing in the debugger. How do I change this!?!?– LTechMay 20, 2012 at 9:45
-
It seems can add a new meta tag but I can't override the original propert=og:image, so the posted image on 'facebook like' is still the logo– LTechMay 20, 2012 at 9:51
see post http://www.mediawiki.org/wiki/Extension_talk:Facebook#OpenGraph_image_problems. The open graph coding is all part of the Facebook extension.
-
2