what are ogp tags
Quick Scoop: What Are OGP Tags?
OGP tags, short for Open Graph Protocol tags, are pieces of HTML meta data that tell social platforms how to display your page when someone shares it. They help control the preview title, description, image, and link so your content looks clean and clickable instead of random or broken.Why They Matter
Without OGP tags, a platform may guess the preview content and often gets it wrong, which can lead to a plain URL, a bad image crop, or an unhelpful description. With them, you can shape how your page appears on apps and sites like LinkedIn, Slack, Discord, WhatsApp, and similar services.Common OGP Tags
Here are the core ones most pages use:| Tag | Purpose |
|---|---|
og:title |
The title shown in the preview. | [5]
og:description | A short summary of the page. | [4]
og:image | The image used in the share card. | [3]
og:url | The canonical URL for the page. | [2]
og:type | The content type, such as article or website. | [2][5]
Simple Example
A typical setup looks like this:<meta property="og:title" content="My Page Title"> <meta property="og:description" content="A short description of the page."> <meta property="og:image" content="https://example.com/image.jpg"> <meta property="og:url" content="https://example.com/page"> <meta property="og:type" content="article">
In Plain English
Think of OGP tags as the “social preview instructions” for your webpage. They don’t usually change how the page looks to normal visitors, but they make a big difference when your link is shared online.If you want, I can also show you:
- how to add OGP tags to HTML,
- the best image size for OGP,
- or a ready-to-copy OGP template.
