Primal Habits
It is currently Sun Mar 26, 2017 7:10 am


Feed

Post new topic Reply to topic  [ 1 post ] 
Author Message
PostPosted: Mon Jun 28, 2010 8:28 pm 
Offline
User avatar

Joined: Sun Apr 25, 2010 1:02 pm
Posts: 115



How to Get Your Website Preview Thumbnail to Show Up on Facebook


Facebook (and other sites!) have a link feature that allows users to share content with one another. This feature, usually called something like Share or Add This, loads a graphic from the site to go along with the link. Due to a couple factors, not all sites will load an image preview. In addition to having the most loaded title of all time, this article also contains the steps to ensure your website will pull up a Share Preview image.
.Difficulty: Moderate
Instructions.Things You'll Need:
•Image manipulation software (optional)
•Image hosting capibility
•Access to HTML headers
Step 1

Before you go through every single page of your site adding code and making images, check to make sure you don't already have a good image with Share Preview. Head over to Facebook, attempt to share a link and see what comes up. If you don't get an image (or at least not one you'd like) then continue on.

Step 2

Find an image you want to use to represent your site. You could use a logo, an image from the site, or even a screenshot. Assuming you just want people to know how awesome your site would look in their browser, take a screenshot of your website. You can do this using the print screen button, Shift+Command+3 on a Mac, or some free screenshot software.

Step 3

Before you upload the screenshot, use some image software to crop and edit it just the way you want it to look on the site. For loading purposes, I'd shink it down to 250px wide or less and compress it.

Step 4

Upload the image. It's best if you upload it to the actual website you're generating a preview for. While it maybe work on another service like Flickr or Photobucket, some times won't load an off-site image preview.

Step 5

Add a image source meta tag to the head of your document. The tag looks like this: < link rel="image_src" href="http://site.com/image.jpg" /> (Remove the space between < and link) Make sure you change the href to where the image is hosted, using the full URL. In order to get Share Preview and other features to read the image correctly, you need to make sure it's between the head tags in your html. It also helps to have the meta tags "title" and "description".

_________________
Check Out RouterHead8080 T.V.



Share on FacebookShare on TwitterShare on TuentiShare on SonicoShare on FriendFeedShare on OrkutShare on DiggShare on MySpaceShare on DeliciousShare on Technorati
Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 1 post ] 

All times are UTC - 7 hours [ DST ]


Related topics
 Topics   Author   Replies   Views   Last post 
There are no new unread posts for this topic. Move Website via SSH

RouterHead8080

3

943

Tue May 01, 2012 9:02 pm

RouterHead8080 View the latest post

There are no new unread posts for this topic. How to update / refresh / replace new facebook URL thumbnail

WhopperKing007

2

4967

Thu May 19, 2011 8:33 am

WhopperKing007 View the latest post

There are no new unread posts for this topic. FIFA 17 Preview: Revolution For Single Player

rosalvaar

0

9084

Wed Aug 10, 2016 1:17 am

rosalvaar View the latest post

There are no new unread posts for this topic. Show Scripts Sending email WHM

RouterHead8080

0

2131

Thu Jul 28, 2011 8:14 pm

RouterHead8080 View the latest post

There are no new unread posts for this topic. How to re-create the Show Desktop icon - Windows XP & Vista

RouterHead8080

0

2251

Sun Apr 25, 2010 1:36 pm

RouterHead8080 View the latest post

 


Who is online

Users browsing this forum: No registered users and 0 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
cron

Affiliates    Terms of use    Privacy policy   

Primal Habits, a Sceptersoft Company
Copyright © 2010 - 2017 Sceptersoft LLC. All rights reserved.