Social media preview tool

Social Media Meta Tag Preview Tool

Check how your website appears on Facebook, X, and LinkedIn. Optimize your Open Graph tags for better click-through rates.

How to Fix Missing or Broken Meta Tags

If your website preview doesn't show an image or description, it usually means your Open Graph (OG) tags are missing or configured incorrectly. Here is how you can fix them:

1. Add Open Graph Tags to your <head>

Copy and paste these essential tags into the <head> section of your HTML. Replace the content with your own information:

<!-- Facebook / LinkedIn -->
<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="A short description of your page">
<meta property="og:image" content="https://yourwebsite.com/image.jpg">

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Your Page Title">
<meta name="twitter:description" content="A short description">
<meta name="twitter:image" content="https://yourwebsite.com/image.jpg">

2. Use the Correct Image Dimensions

For the best results across all social networks, use an image with a 1.91:1 aspect ratio. The recommended size is 1200 x 630 pixels. If your image is too small, platforms like Facebook may ignore it and show a text-only link.

3. Clear the Social Cache

Social media platforms "remember" (cache) your website data. If you update your tags, the preview won't change immediately. You must use their "Debugger" tools to force a refresh:

  • Facebook: Use the Sharing Debugger.
  • X (Twitter): Use the Card Validator.
  • LinkedIn: Use the Post Inspector.
Pro Tip: Don't have access to your website's code? Use Firefone to shorten your link. Our tool lets you customize the title, description, and image for any URL without touching a single line of code.