Make image clickable in Facebook...Able to do?

youngd

Junior Member
Joined
Jan 19, 2011
Messages
124
Reaction score
4
Does anybody know how to make a image a clickable link that directs back to my blog. I still see people being able to do this.
 
I'm wondering the same thing too, especially image with "play" button. Hopefully someone can come out with answers here.
 
IIRC:

<meta property="og:image" content="image_url" />
<meta property="og:image:width" content="640" />
<meta property="og:image:height" content="640" />
<meta property="og:type" content="image" />
 
You can't just post a image link anymore.
 
MonsterMag is correct. You need OG tags on your website and then post your website link on Facebook. The preview image and description are made automatically by Facebook using those tags.
 
This is what i use :D Create a file.html
Code:
<html xmlns="http://www.w3.org/1999/xhtml" lang="vi" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"><head>
<title>[COLOR=#ff0000]title[/COLOR]</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="googlebot" content="noarchive"/>
<meta content="noindex, nofollow" name="robots"/>
<meta property="fb:app_id" content="1702636393315452"/>
<meta property="og:title" itemprop="headline" name="title" content="[COLOR=#ff0000]title[/COLOR]"/>
<meta property="og:site_name" content="legends"/>
<meta property="og:url" content="[COLOR=#ff0000]image url[/COLOR]"/>
<meta property="og:image" content="[COLOR=#ff0000]image url[/COLOR]"/>
<script type="text/javascript" language="javascript">window.location="[COLOR=#ff0000]web url[/COLOR]";</script>
</head>
<body>
</body>
</html>
 
Last edited:
This is what i use :D Create a file.html
Code:
<html xmlns="http://www.w3.org/1999/xhtml" lang="vi" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#"><head>
<title>[COLOR=#ff0000]title[/COLOR]</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="googlebot" content="noarchive"/>
<meta content="noindex, nofollow" name="robots"/>
<meta property="fb:app_id" content="1702636393315452"/>
<meta property="og:title" itemprop="headline" name="title" content="[COLOR=#ff0000]title[/COLOR]"/>
<meta property="og:site_name" content="legends"/>
<meta property="og:url" content="[COLOR=#ff0000]image url[/COLOR]"/>
<meta property="og:image" content="[COLOR=#ff0000]image url[/COLOR]"/>
<script type="text/javascript" language="javascript">window.location="[COLOR=#ff0000]web url[/COLOR]";</script>
</head>
<body>
</body>
</html>
This only shows as image on Desktop or Pc browsers, when you are on facebook app or from mobile browsers it shows like normal LINK just there as title it is image name.
 
Last edited:
okazaki's method works as does the open graph tagging method when correctly implemented. Perhaps your urls are blocked with your testing, but from what I observe there is no problem with either of these implementations for solving your quandary.
 
OP did you try any of these methods? I'm wondering if any of them works
 
Back
Top