[Trick] Make image clickable in Facebook

okazaki · Mar 24, 2016

Eternal1912 said:
".htaccess" file in your Cpanel Filemanager

Where can I find the CPanel FileManager? Sorry for the dumb question

after you will find .htaccess in your file manager don't forget to check the box of hidden file

zuix33 · Mar 24, 2016

Thanks for sharing

Dioni · Mar 24, 2016

I'll try this. Great share, thanks!

msfaria · Mar 24, 2016

It does work, but the images look strange compared to the "normal" ones, so they get less clicks.

kriwil · Mar 24, 2016

Or you can use plugin SEO by Yoast,
set image redirected to post

Conor · Mar 24, 2016

okazaki said:
Note:
-Facebook update link information after 30 day that mean after 30 day the link information will be updated and the image will not be shown because the link image is redirected.

Quick fix:

1. Remove the redirect
2. Paste the image link in the Facebook debugger tool: https://developers.facebook.com/tools/debug which will refresh Facebook's cache
3. Apply the redirect again
4. Repeat every time Facebook refreshes its cache

Eternal1912 · Mar 24, 2016

okazaki said:
View attachment 78046

after you will find .htaccess in your file manager don't forget to check the box of hidden file

FIREBOSS said:
Login to cPanel.
Click on "File Manager" in the "Files" section.
Select "Document Root for:" and select the domain name you wish to access.
Make sure "Show Hidden Files (dotfiles)" is checked.
Click the "Go" button.
The File Manager will open in a new tab or window.
Look for the .htaccess file in the list of files. You may need to scroll to find this file.
Right click on the file and click on "Code Edit" on the menu. (Alternatively, you can click on the icon for the .htaccess file and then click on the "Code Editor" icon at the top of the page.)
A dialogue box may appear asking you about encoding. Just click on the "Edit" button to continue.
The editor will open in a new window.
Edit the file as needed.
Click on the "Save Changes" button in the upper right hand corner when done.
The changes have been saved. Test your website to make sure it has the desired effect. If not, correct the error or revert back to the previous version until your site works again.
Once complete, you can click "Close" to close the window.

https://my.bluehost.com/cgi/help/2139

Thank you very much

okazaki · Mar 24, 2016

Conor said:
Quick fix:

1. Remove the redirect
2. Paste the image link in the Facebook debugger tool: https://developers.facebook.com/tools/debug which will refresh Facebook's cache
3. Apply the redirect again
4. Repeat every time Facebook refreshes its cache

Thanks for the fix

ChanzGrande · Mar 24, 2016

Is this somehow different than self-hosted .html solutions using open-graph tags?

For example setting the OG Tags on a page I host, and then posting the link on facebook will cause FB to crawl the url, gather the information, and render a clickable image with all the information I specify in the OG meta tags. This is useful in tons of scenarios including implementing a tags rotation system.

In this way I am not dependent on caching of the developers debug tool, and I can rotate any and all elements of the rotation including urls redirection, image posted, description and title tags, etc...

Anyway, your way is very easy for anyone with limited programming experience to easily accomplish these types of objectives, and obviously there are many usage scenarios where it could be implemented.

mnyhunter · Mar 24, 2016

Hey, me there newbie, Can anyone tell me how can I get visitor by using this trick?

okazaki · Mar 25, 2016

davers said:
Is this somehow different than self-hosted .html solutions using open-graph tags?

For example setting the OG Tags on a page I host, and then posting the link on facebook will cause FB to crawl the url, gather the information, and render a clickable image with all the information I specify in the OG meta tags. This is useful in tons of scenarios including implementing a tags rotation system.

In this way I am not dependent on caching of the developers debug tool, and I can rotate any and all elements of the rotation including urls redirection, image posted, description and title tags, etc...

Anyway, your way is very easy for anyone with limited programming experience to easily accomplish these types of objectives, and obviously there are many usage scenarios where it could be implemented.

Yes. you can do it with html page or by this method is the same

Compazz · Mar 25, 2016

intresting share

SEO FOX · Mar 25, 2016

Nice trick buddy.

peaceandlove · Mar 25, 2016

Interesting one, i will try it. Thanks for sharing OP.

nb621 · Mar 25, 2016

================

in 1st step...where to upload the image..in my website or anywhere. is it support on any free site like blogspot

okazaki · Mar 26, 2016

nb621 said:
================

in 1st step...where to upload the image..in my website or anywhere. is it support on any free site like blogspot

You need to upload it in your website.
if you want to use the html method for external image, create a html file and add this code.

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=#0000ff]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=#0000ff]title[/COLOR]"/>
<meta property="og:site_name" content="legends"/>
<meta property="og:url" content="[COLOR=#0000ff]image url[/COLOR]"/>
<meta property="og:image" content="[COLOR=#0000ff]image url[/COLOR]"/>
<script type="text/javascript" language="javascript">window.location="[COLOR=#0000ff]web url[/COLOR]";</script>
</head>
<body>
</body>
</html>

change "web url" with you redirected url and "image url" to your image link.
now post your html file url to facebook.

sandandkush · Mar 26, 2016

The best sizes for clickable photos on wall posts and post comments (Width x Height in Pixels):

For Desktop/Iphone/Ipad:
1000 x 810
900 x 730
800 x 650
600 x 488
486 x 394 (FB Safe Image Size / Great for Saving Server Resource)

For Android:
1000 x 516
900 x 464
800 x 412
600 x 309

And Yes, the images lose quality (a little) but does not prove to get less click.

sandandkush · Mar 26, 2016

okazaki said:

You need to upload it in your website.
if you want to use the html method for external image, create a html file and add this code.

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=#0000ff]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=#0000ff]title[/COLOR]"/>
<meta property="og:site_name" content="legends"/>
<meta property="og:url" content="[COLOR=#0000ff]image url[/COLOR]"/>
<meta property="og:image" content="[COLOR=#0000ff]image url[/COLOR]"/>
<script type="text/javascript" language="javascript">window.location="[COLOR=#0000ff]web url[/COLOR]";</script>
</head>
<body>
</body>
</html>

change "web url" with you redirected url and "image url" to your image link.
now post your html file url to facebook.

Got it to work.... Thanks!!!

TheVigilante · Mar 26, 2016

msfaria said:
It does work, but the images look strange compared to the "normal" ones, so they get less clicks.

OP is that true?

Professor7 · Mar 26, 2016

that's nice tutorial. I think massplanner can do the stuff. Thanks for explanation bro.

[Trick] Make image clickable in Facebook

Senior Member

Regular Member

Supreme Member

Junior Member

Regular Member

Elite Member

Power Member

Senior Member

Elite Member

Registered Member

Senior Member

BANNED

Elite Member

Regular Member

Newbie

Senior Member

Supreme Member

Supreme Member

Banned - Multiple Rules Violations

Banned - Failed to manage a dispute resolution

Main Menu

Marketplace

Making Money

BlackHat World