Open Graph hints
=================
This is the absolute minimum to get started and avoid mistakes (that I made). But there is more !
(HTM) more
Minimal markup:
Adapt to your own needs, ofcourse :-)
If you leave out og:image a random image from the page will be used. Not necessarily what you want.
Markup notes
-------------
- All URLs must be absolute
- When used on the frontpage, the URL should include a trailing slash
Image dimensions
-----------------
- Minimum size: 1200×630 pixels
- Optimal size: 1920×1080 pixels
- Supported formats are JPEG, PNG and WEBP 1
(DIR) 1
Be aware of cropping!
Debug / Refresh cache
----------------------
So, if you did make a mistake:
Facebook Sharing Debugger: developers.facebook.com/tools/debug .
(HTM) developers.facebook.com/tools/debug
LinkedIn Post Inspector: linkedin.com/post-inspector .
(HTM) linkedin.com/post-inspector
----------------------------------
- Some (Facebook, not Linkedin) can handle SVG, but make sure they have a big enough width × height and/or viewBox or they rasterize an ugly low resolution version. ↩︎
Some (Facebook, not Linkedin) can handle SVG, but make sure they have a big enough width × height and/or viewBox or they rasterize an ugly low resolution version. ↩︎
(DIR) ↩︎
(DIR) next Weight