Open Graph Tags: Make Shared Links Look Good on Social Media
Open Graph tags are small snippets in a page's header that tell social networks and messengers which title, image and description to show when someone shares the link. The four basics are title, image, address and type, with description and site name as useful extras. They cost nothing and make a shared link far more likely to be noticed.
What Open Graph is
Open Graph is a standard that began at a social network to describe web pages in a consistent way. Today many platforms and messaging apps read it, including professional networks and pin boards. Without these tags, the platform guesses: it may pick a random image, cut the title in the wrong place or show nothing at all. With them, you choose what people see.
Why it matters
A preview card is often the first impression of your page. A clear title and a good image make people more likely to click, and a professional card builds trust. It can also affect how often a link is shared, which in turn brings visitors and sometimes links from other sites. It does not change rankings directly, but it supports the work in the backlinks guide.
The tags that matter most
Required tags
- Title: the headline of the card. Keep it clear and not too long, so it is not cut off.
- Image: the picture shown on the card. Use a standard shape for previews and a file large enough to look sharp.
- Address: the full web address of the page, ideally the preferred version described in the canonical tag guide.
- Type: the kind of content, for example an article or a website.
Optional tags
- Description: one or two short sentences that complete the title.
- Site name: your brand name, written the way you want it shown.
- Locale: the language and country code of the page.
Choosing the preview image
A good preview image works at a small size. Use a simple composition with a clear focus and little or no text, and keep the key part in the center so cropping does not cut it. Use a different image for each important page when you can, because a card with the same picture everywhere is easy to scroll past. Check that you have the right to use the image.
How to add the tags
- Website builders have a social sharing or SEO section for each page where you upload the image and write the title and description. Some fill in defaults automatically and let you override them.
- Content management systems usually need an SEO plugin or a theme setting. Check which features are free.
- Hand-built sites add the tags in the head of each page, either by hand or through a template that fills them in from the page data.
Test the preview
- Publish the page with the tags.
- Open the sharing debugger of each network you care about and paste the address. It shows the card and any problems.
- If the old preview still appears, ask the tool to fetch the page again, because platforms keep previews for a while.
- Share the link in a private chat and see how it looks on a phone.
Some networks no longer provide a separate checking tool, so a test share in a private chat is a useful backup.
Audit your pages
A site audit tool can list which pages have tags and which do not. Do the same by hand for a small site: open the five most shared pages, view their source and look for the tags. Pay special attention to the homepage and to any page you promote.
Common problems
- The old image stays because the platform has cached it.
- The address in the tag is wrong or points to a different version of the page.
- The image is too small, too large or in an unusual shape and gets cropped badly.
- Every page has the same title and description, which makes cards look identical.
- The title is far too long and is cut off.
A worked example
Imagine a small bakery site with a page about its sourdough class. The page title is "Sourdough Baking Class for Beginners". Without tags, a messenger might show the bakery logo, cropped, with a half-sentence from the footer. With tags, the card shows the title above, a one-line description such as "A relaxed three-hour class: mix, shape and bake your first loaf", and a bright photo of hands shaping dough. Same page, same link, but the second card tells a stranger what they will get before they click.
Writing the title and description for a card
The card title can differ from the page title in the browser tab. The tab title is written for search results and often includes the brand at the end. The card title can be shorter and warmer. Keep the description to one or two sentences that add something the title does not say, such as who the page is for or what the visitor can do. Avoid repeating the title word for word, and avoid empty phrases like "welcome to our website".
Image rules worth remembering
- Use a wide, landscape-shaped image rather than a tall one, because most cards crop to that shape.
- Save it as a normal web format and keep the file size reasonable so it loads fast for the crawler.
- Give the image a stable address. If the file is moved or renamed, old shares lose their picture.
- Describe the image properly in the page itself too, see the alt text guide.
FAQ
Do Open Graph tags help SEO?
Not directly. They improve how shared links look, which can bring more clicks and shares.
What size should the image be?
Use a widely recommended preview shape and a file large enough to look sharp on a high-resolution screen. Check each platform's current guidance.
Why does my preview not update?
Platforms keep a copy. Use the platform's debugger to fetch the page again, then re-share.
Are Twitter cards different?
Some platforms have their own tags, but many fall back to Open Graph tags if their own are missing.
Do messengers read these tags?
Many do, which is why a good card also helps links shared in private chats.
Your next step: share your homepage in a private chat. If the preview looks wrong, add or fix the title and image tags, then test again.