1

When I share some of my blog posts, Facebook doesn't display their right thumbail or anyn related image to the posts ... It just gives 3 unrelated thumbails to choose ...

For example , FB shows the right thumbail with this post :

http://www.moroccoenglish.com/?p=480

while it doesn't with this post :

http://www.moroccoenglish.com/?p=578

How can I set FB to display me the related thunmbails of the shared post ?

thanks for helping me ...

1
  • Without a question and a bit more information there's little anyone can do to help out. Can you edit your question to provide any additional information?
    – Steve
    Commented Feb 3, 2013 at 22:40

1 Answer 1

1

Why would you expect it to correctly guess your thumbnail? Facebook detects images based on the Open Graph protocol. If you don't have a meta tag specifying the image for that page, the best you can hope for is FB guessing based on any images in the page.

If you want to get the correct image, you would need the following code in your header for each page:

<meta property="og:image" content="<full URL to image here>" />

If you want a plugin solution, Add Meta Tags is a good option. It does much more than Open Graph, which will be good for your SEO.

Facebook provides a Debugger where you can test the end result.

8
  • Thanks dan, concerning : <meta property="og:image" content="<full URL to image here>" /> .... which image url I should I put ?? Commented Feb 3, 2013 at 23:49
  • That's up to the specifics of your project. I would be inclined to use the featured image if it is set and have a fallback if it is not.
    – Dan
    Commented Feb 4, 2013 at 0:30
  • I get this error messager from the validator : Commented Feb 4, 2013 at 1:01
  • I get this message from validator : <meta property="og:image" content="moroccoenglish.com/wp-content/upl…✉ You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). Commented Feb 4, 2013 at 1:02
  • The URL in your comment doesn't appear to point anywhere. In any event, I am 95% sure the og protocol requires the http/https protocol specifier in the URL.
    – Dan
    Commented Feb 4, 2013 at 1:21

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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