Tool
Open Graph Protocol
Official ogp.me spec for og:image tags.
About
The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.
While many different technologies and schemas exist and could be combined together, there isn't a single technology which provides enough information to richly represent any web page within the social graph. The Open Graph protocol builds on these existing technologies and gives developers one thing to implement. Developer simplicity is a key goal of the Open Graph protocol which has informed many of the technical design decisions .
To turn your web pages into graph objects, you need to add basic metadata to your page. We've based the initial version of the protocol on RDFa which means that you'll place additional tags in the of your web page. The four required properties for every page are:
As an example, the following is the Open Graph protocol markup for The Rock on IMDB :
Features
- og:title - The title of your object as it should appear within the graph, e.g., "The Rock".
- og:image - An image URL which should represent your object within the graph.
- og:audio - A URL to an audio file to accompany this object.
- og:description - A one to two sentence description of your object.
- og:locale - The locale these tags are marked up in. Of the format language_TERRITORY . Default is en_US .
- og:locale:alternate - An array of other locales this page is available in.
- Pricing
- Free
- Pricing detail
- Open specification
- Platforms
- Docs
Alternatives from our catalog
Tools on the same shelves as Open Graph Protocol, ordered by shared tags and our own comparisons. Not vendor endorsements.
- OpenGraph.xyzFree · Web
Named OG preview destination in checklists.
same tags
- Favicon.ioFree · Web
Simplest favicon starter.
same tags
- Metatags.ioFree · Web
Instant social-card preview debugger.
same tags
- socialsizesFree · Web
Cheat-sheet for correct OG crop sizes.
same tags
- RealFaviconGeneratorFreemium · Web
Gold standard for complete favicon sets.
same tags
- OGMagicFreemium · API, Web
Zero-code dynamic OG via querystring.
same tags