Tell me more ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.
up vote 2 down vote favorite
1

I have recently designed a website with no img tags, only one big fat CSS sprite with everything in it. Though, when I try to publish that website on Facebook, it won't show a preview thumbnail — probably because it doesn't find any images on the markup. Any suggestions? I'd still like to keep it a super fast img-less website, nevertheless.

share|improve this question

2 Answers

up vote 2 down vote accepted

I would suggest this reading

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

Google is your friend :)

It all resumes to add a meta info to your code as:

<link rel="image_src" href="http://site.com/website-thumb.jpg" />

and try not to make that image more than 250px wide.

share|improve this answer
Indeed it is. :) – John Conde♦ Feb 17 '11 at 15:16
up vote 3 down vote

Facebook uses a proprietary link type called image_src:

<link rel="image_src" href="location/of/image" />

Just insert that in your <head> and Facebook should be able to pick up on the image.

If you're also interested, Facebook also recognizes two other rel values: audio_src and video_src. See here for more.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.