Open Graph Image tags are one of the 3 most important tags to use on your site because the three major social networks Facebook, Google+ and LinkedIn all use these tags when your content is shared.
Open Graph Image
-
Social Networks Supported:
- Importance: Required
- Can use multiple times on same page: Yes
- Tag Placement: Head section
- Example: <meta property="og:image" content="http://yourdomain.com/path-to-image.jpg" />
Open Graph Image tags are one of the 3 most important tags to use on your site because the three major social networks Facebook, Google+ and LinkedIn all use these tags when your content is shared.
How to set the Open Graph Image Tag
The Open Graph Image tag(s) should be added to the <head> section of your page with the following syntax:
Open Graph Image recommendations
It is acceptable to add multiple og:image tags to each page of your site. The first og:image tag in your <head> section will generally be used as the default image when shared. However, there are benefits to adding additional Open Graph Image tags:
- For Facebook's "Share" button, additional og:image tags will let the user choose which image they want to share.
- Some social networks have dimension restrictions on the image that is shared. By providing additional options, you can help ensure that the best image is available for the networks to display.
In general, it is always recommended to set at least one og:image tag on your page. Without setting any image tag, you are allowing the social network to choose the image they feel best represents the content. In many cases, they will choose incorrectly and something like an RSS icon or some other generic, unrelated, image will be used.
Choosing your image for the og:image tag
- Set an image with dimensions at least 200x200 px.
- If possible, use an image with over 1000x1000 px.
- Facebook recommends images with a 1.9:1 aspect ratio.
- If targeting social networks other than just Facebook, we recommend a 1:1 (square) ratio with the primary content centered. This allows each social network the option to crop down the image as necessary.
