How to add Open Graph and Twitter card meta tags
Complete Open Graph tags for title, description and image, plus a twitter:card tag, control how your page looks when shared on social networks and chat apps. AI citation cards often reuse the same data. Add the four tags and a 1200 by 630 pixel image.
By ratemysite.ai editorial team. Updated .
How do you fix it?
- Add <meta property="og:title">, og:description and og:image to the head, with an absolute https URL for the image.
- Add <meta name="twitter:card" content="summary_large_image"> so large image previews work.
- Create a preview image of 1200 by 630 pixels, under 1 MB, with the main text well inside the edges.
- Add og:url and og:site_name so the brand name is the same everywhere.
- Test the page in the Facebook Sharing Debugger or a social card validator, then re-run the audit.
What are Open Graph tags?
Open Graph is a set of meta tags that lets a page describe itself as a shareable card. Open Graph tags are meta tags in the page head, first created by Facebook, that describe a page as a shareable card. Most social networks, messaging apps and many AI assistants read them to build a preview with a title, a summary and a picture. A shared link without them often shows only a bare URL or a random image grabbed from the page, which gets noticeably fewer clicks.
What size and wording should the card use?
Use an image of 1200 by 630 pixels, a ratio of about 1.91 to 1, in JPG or PNG format and under 1 MB. Keep the og:title under about 60 characters and the og:description under about 155, so neither is cut. Write them for people scrolling a feed, not for crawlers: the title can be punchier than the HTML title. Make og:site_name your exact brand name, the same spelling used in your title tags and structured data.
How much does this check matter?
- This check is worth about 1% of the overall score.
- A finished report is reused for 24 hours before you can re-analyze it.
- Each page is fetched with a timeout of 10 seconds, and HTML larger than 2 MB is not audited.
What else do people ask?
- Do Open Graph tags affect SEO rankings?
- Not directly. They improve click-through from shares and give AI tools and link previews a clean title, summary and image.
- Why does my old image still show after I changed it?
- Platforms cache previews. Use the sharing debugger to force a re-scrape of the URL.