Report: Social Cards
We are checking if the website has social cards (Open Graph and Twitter Cards) and if they are valid
Social cards are a way to display the website in social media. They are a requirement for any website in the modern web and should reflect the brand identity. They are also used by search engines to display the website in the search results usually with a large picture.
Recommendations
- Create a high-quality social card image with dimensions of 1200x630px for optimal display across platforms
- Include your brand logo and a compelling visual that represents your content
- Use clear, readable text with good contrast against the background
- Test your social cards using Facebook's Sharing Debugger and Twitter's Card Validator
- Ensure your social cards are consistent with your brand identity and website design
Common issues
- The website has no social cards
- The website has invalid social cards (see details)
Minimal social card
Minimal social card description
<meta name="twitter:card" content="summary" />
<meta property="og:title" content="Your Page Title" />
<meta property="og:url" content="https://your-website.com/your-page" />
<meta property="og:description" content="A brief description of your page." />
<meta property="og:image" content="https://your-website.com/image.jpg" /><!-- optional -->
Twitter card
Twitter card description
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Your Page Title" />
<meta name="twitter:description" content="A brief description of your page." />
<meta name="twitter:image" content="https://your-website.com/image.jpg" /><!-- optional -->
<meta name="twitter:url" content="https://your-website.com/your-page" /><!-- optional -->
<meta name="twitter:site" content="@your-twitter-handle" /><!-- optional -->
<meta name="twitter:creator" content="@your-twitter-handle" /><!-- optional -->
Og card
Og card description
<meta property="og:title" content="Your Page Title" />
<meta property="og:url" content="https://your-website.com/your-page" />
<meta property="og:description" content="A brief description of your page." />
<meta property="og:image" content="https://your-website.com/image.jpg" /><!-- optional -->
<meta property="og:type" content="website" /><!-- optional -->
<meta property="og:site_name" content="Your Website Name" /><!-- optional -->
<meta property="og:locale" content="en_US" /><!-- optional -->
<meta property="og:locale:alternate" content="en_GB" /><!-- optional -->
<meta property="og:locale:alternate" content="en_AU" /><!-- optional -->
<meta property="og:locale:alternate" content="en_CA" /><!-- optional -->
<meta property="og:locale:alternate" content="en_NZ" /><!-- optional -->
<meta property="og:locale:alternate" content="en_ZA" /><!-- optional -->