Generate Open Graph meta tags for social media sharing. Create OG tags for Facebook, LinkedIn, and other platforms to control how your content appears when shared.
Open Graph (OG) protocol was created by Facebook and is now used by most social media platforms including LinkedIn, Twitter, and Discord. OG meta tags control how your content appears when shared on social media, including the title, description, image, and type of content displayed in the share preview.
<meta property="og:[attribute]" content="[value]" />Open Graph tags use the property attribute instead of name. Common properties include og:title, og:description, og:image, og:url, og:type, and og:site_name. These are placed in the <head> section of your HTML alongside regular meta tags.
| Input | Output |
|---|---|
| Title: "My Blog Post", Type: article, Image: example.com/img.jpg | <meta property="og:title" content="My Blog Post" /> <meta property="og:type" content="article" /> <meta property="og:image" content="example.com/img.jpg" /> |
| Title: "Product Page", Type: website, Site: MyShop | <meta property="og:title" content="Product Page" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="MyShop" /> |
| Title: "Watch: Movie Trailer", Type: video.movie | <meta property="og:title" content="Watch: Movie Trailer" /> <meta property="og:type" content="video.movie" /> |