DEV Community

manja316
manja316

Posted on

I Built a Free Meta Tag Checker That Shows How Your Links Look on Google, Twitter & Facebook

The Problem

Every time you share a link on social media, the platform reads your meta tags to generate the preview card. Bad meta tags = ugly previews = fewer clicks.

Most meta tag checkers are either paywalled, slow, or show you raw HTML without context.

The Solution

I built Meta Tag Checker — a free tool that:

  1. Fetches any URL and extracts all meta tags
  2. Shows social previews — see exactly how your link will appear on Google, Twitter/X, and Facebook/LinkedIn
  3. Scores your SEO out of 100 with specific issues to fix
  4. Lists all meta tags in a clean table

What It Checks

  • Page title (length validation)
  • Meta description (length validation)
  • Open Graph tags (og:title, og:description, og:image, og:url)
  • Twitter Card tags (twitter:card, twitter:title, twitter:image)
  • Canonical URL
  • Language attribute
  • H1 headings
  • Word count
  • Response time

Try It

metatags-navy.vercel.app

Paste any URL and see your SEO score instantly. No signup, no limits, completely free.

Tech Stack

  • Next.js 15 (App Router)
  • TypeScript
  • Tailwind CSS
  • Server-side fetching (handles CORS)
  • Deployed on Vercel

The server-side fetch is key — browser-based tools can't check most sites due to CORS restrictions. This tool fetches from the server, so it works with any public URL.

Why I Built This

I got tired of sharing blog posts on Twitter only to see broken preview cards. Now I check every URL before sharing.

If you find it useful, drop a comment with your site's score!

Top comments (0)