Open Graph Tags: Make Website Links Share Cleanly
A website can work perfectly in the browser and still look unfinished when someone shares a link. Social preview metadata gives platforms a structured title, description and image to use when creating a link card.
Core fields
The most useful Open Graph fields are usually og:title, og:description, og:image and og:url. The exact support varies by platform, but these fields provide a strong baseline. The values should describe the current page rather than repeating generic site text everywhere.
Use an absolute public image URL so external crawlers can retrieve it.
Choose the image deliberately
A preview image should remain understandable when cropped or displayed at different sizes. Avoid tiny text, important details at the extreme edges and images that require surrounding page context. Give the file a stable production URL and make sure it is not blocked by authentication or crawler rules.
SVG support can vary across preview systems, so a broadly supported raster format is often safer for social cards.
Match visible content
The preview should not misrepresent the page. If the card promises a specific tool, guide or result, that content should be obvious after the click. Consistency builds trust and also makes debugging easier because the metadata mirrors the visible heading and summary.
Twitter/X card metadata
Some sites also provide Twitter card fields such as twitter:card, twitter:title, twitter:description and twitter:image. Platforms may fall back to Open Graph data when specific fields are absent. A summary_large_image card is common for article-style pages with a strong wide preview image.
Caching can confuse testing
Social platforms cache previews. After you fix metadata, a previously shared URL may continue showing the old card until the platform refreshes its cache. First verify the live HTML and image response; then use the platform available debugger or re-scrape tool if needed.
Automated checks can confirm whether a public signal exists and looks technically reasonable. They cannot replace human review of content, accessibility, security, business logic or legal requirements.
Check a website