Truemag

  • Categories
    • Tips And Tricks
    • Internet
    • PHP
    • Javascript
    • CSharp
    • SQL Server
    • Linux
  • Lastest Videos
  • Our Demos
  • About
  • Contact
  • Home
  • Write With Us
  • Job Request
Home Tips And Tricks Share Page On Facebook With Thumbnail Featured Image

Share Page On Facebook With Thumbnail Featured Image

When you share your page with Facebook Like Button or http://www.facebook.com/share.php?u=url, Facebook will automatically parse your Title, Description meta tag and try to find an image to assign it as the preview thumbnail for the sharing.

But sometime the image which you would like to share is not chosen. In order to make sure your favorite image is always correctly populated you should add a tag as below somewhere in your HTML code:

<link rel=”image_src” href=”your_feature_image_url” />

Where as:

+ image_src: it’s convention of Facebook

+ your_feature_image_url: your full url of the featured image. You don’t need to worry about resizing, Facebook will take care for you.

If you’re using WordPress, I will share with you how I control the featured image which will show on your wall story when you click Like Button on every my post.

Facebook Like Button Preview

Facebook Like Button Preview

First, please this tutorial: http://4rapiddev.com/tips-and-tricks/add-and-get-custom-field-in-wordpress/ to know how to config your featured image by adding and getting a custom field.

Second, for every post which contains some image, you just assign a image url you like best to the value of the custom field named featured_image. For example, I intend to use this image: http://4rapiddev.com/wp-content/uploads/2011/03/Faebook-Custom-Featured-Image-Preview.jpg as the thumbnail image on Facebook as follow:

Wordpress Set Custome Field Featured Image

Wordpress Set Custome Field Featured Image

Before I do the trick, all thumbnail on Facebook for each share on the Wall are not really perfect, all of them are just a Google icon. I love Google but in this case, it’s really not my expectation 🙂

Facebook Default Featured Image

Facebook Default Featured Image

Now it’s better 🙂

Faebook Custom Featured Image Preview

Faebook Custom Featured Image Preview

Mar 31, 2011Hoan Huynh
Get Wordpress Short Link And Full Link To A PostDelete, Shrink, Eliminate Transaction Log .LDF File
You Might Also Like:
  • How To Ask People To Like Your Facebook Page On The Landing Page
  • Show Latest People Of Facebook Fan Page
  • Suggest Facebook Fan Page To All Friends
  • Add Notes Applications To Facebook Fan Page
  • Share Link/ Url Of Facebook, Twitter, Google Plus, Stumbleupon, Reddit, Digg and Tumblr
  • Get Or Find Facebook Fan Page Id Number
  • Submit Content To facebook Fan Page Automatically
  • C# Save Web Page URL To Image
  • Facebook Removed View App Profile Page link For New Apps
  • Make Short URL For Facebook Profile, Fan Page Or Application Page
Hoan Huynh

Hoan Huynh is the founder and head of 4rapiddev.com. Reach him at [email protected]

11 years ago Tips And TricksFacebook, Featured Image, image_src323
0
GooglePlus
0
Facebook
0
Twitter
0
Digg
0
Delicious
0
Stumbleupon
0
Linkedin
0
Pinterest
Most Viewed
PHP Download Image Or File From URL
24,554 views
Notepad Plus Plus Compare Plugin
How To Install Compare Text Plugin In Notepad Plus Plus
21,892 views
Microsoft SQL Server 2008 Attach Remove Log
Delete, Shrink, Eliminate Transaction Log .LDF File
17,745 views
JQuery Allow only numeric characters or only alphabet characters in textbox
15,069 views
C# Read Json From URL And Parse/Deserialize Json
11,802 views
4 Rapid Development is a central page that is targeted at newbie and professional programmers, database administrators, system admin, web masters and bloggers.
Recent Posts
  • Things to Learn about Installingderm Loan Type S
  • Online Photo Editor – Free Photoediting Software
  • A Guide to Finding the Best Paper Sellers
  • Photoediting in Home Isn’t Hard to Do!

  • Free Photo Editor Online
Categories
  • CSharp (45)
  • Facebook Graph API (19)
  • Google API (7)
  • Internet (87)
  • iPhone XCode (8)
  • Javascript (35)
  • Linux (27)
  • MySQL (16)
  • PHP (84)
  • Problem Issue Error (29)
  • Resources (32)
  • SQL Server (25)
  • Timeline (5)
  • Tips And Tricks (141)
  • Uncategorized (647)
Recommended
  • Custom Software Development Company
  • Online Useful Tools
  • Premium Themes
  • VPS
2014 © 4 Rapid Development