1. Home
  2. Articles
  3. Web Design
  4. Social Media
  5. Facebook
  6. Facebook OG:Image Order
Read about Facebook OG Image Tag Order

Facebook OG:Image Order

Published:

Share

Description

During tonight's testing with the Facebook Sharing Debugger, I found something interesting. After running the debugger and testing a link post preview on my wall, I noticed that preview image was cut off. This is not acceptable.

Article

Chunks of meta data got moved around in my testing process and what I have come up with is, Facebook does not automatically decide on the best image for share links. After trying a couple of tests, I found that Facebook will take the first open graph image that is defined. Other versions of the image can be selected by using a navigation on the Facebook Link Preview. This appears as a forward and backward button at the top left of the image.

To address the Facebook default to first defined image, I moved the standard link share image to the top of the list. The resolution of this image is 1.91x1 or 1200x630. So make sure you are defining this open graph image first!

Author

Profile Picture of Bryan Myers - The Web Guy

Bryan Myers - "The Web Guy"

Advanced Digital Channel Engineer

Tags

  1. Articles discussing web related topics and technologies.Articles
  2. Articles about Web Design.Web Design
  3. Articles covering integration with social media websites.Social Media
  4. Articles about integrating Facebook website features.Facebook

Related Articles

Go Back