Free Tool

Meta Tags Analyzer

Is your website set up right? Drop your URL below to audit your meta tags, open graph data, and favicons. You'll see exactly how your site looks across the web!

Title 0/60
Description 0/155
Website URL
Site Name
Image URL 1200x630px
Favicon URL
Progressive Web App Status
These meta tags control how your website looks and behaves when a user installs it to their smartphone's home screen.
Web App Manifest
Missing
The manifest.json file controls your app's name, installation behavior, and home screen icon.
Generate Manifest
iOS Splash Screens
Missing
Apple requires precise `apple-touch-startup-image` media queries for every iPhone/iPad size to show a launch screen.
Generate iOS Splash Screens
Theme Color
Missing
The theme-color meta tag colors the browser's address bar and the native status bar on Android devices.
iOS App Capable
Missing
The apple-mobile-web-app-capable tag removes the Safari UI so your app runs in full-screen standalone mode.

Tired of dealing with meta tags?

Progressier handles manifests, iOS splash screens, push notifications, and installation logic for you. Zero coding needed.

Generate PWA
Elon @elon · 2h
Here is a preview of your website meta tags on X/Twitter:
Placeholder
Placeholder
12 4 48 1.2K
Favicon
Placeholder
Placeholder
Favicon
Placeholder
Placeholder
Zuck 2 hrs ·
I highly recommend checking this out if you want to see what your website looks like when shared on Facebook.
Placeholder
Placeholder
Like Comment Share
Reid Software Engineer 1w •
I'm sharing your website on LinkedIn so you can preview the share card. Does it look okay?
Placeholder
Like Comment Repost
Zuck 2h
Here is your website. This is what it looks like when shared on Threads:
Placeholder
Eugen @eugen@mastodon.social
Here is a preview of your web app on Mastodon:
Placeholder
Placeholder
2 14 32
Stewart 11:23 AM
Sharing your website on Slack... Here is what it looks like:
Placeholder
Placeholder
Card Image
Bill 1:14 PM
Hi there! Here is a preview of your website meta tags on Microsoft Teams:
Placeholder
Placeholder
Card Image
Jason Today at 2:14 PM
Your site looks pretty good when shared on Discord. Check it out:
Placeholder
Placeholder
Card Image
Nikolai
Have you previewed your site meta tags when shared via Telegram?
Placeholder
Placeholder
Card Image
Jan
Card Image
Placeholder
Placeholder
Take a look at this preview of your site when shared in a WhatsApp conversation. 10:42 AM
Placeholder
Placeholder
Check out what your site looks like when shared on Signal.
Today
Here is what your website looks like inside a Line conversation:
Placeholder
Placeholder
10:42 AM
Check out this preview of your app's meta tags on iMessage!
Card Image
Placeholder
r/webdev • Posted by u/coder 3 hours ago
What do you guys think of this site's preview on Reddit?
Placeholder
142
34 Comments
Share
Placeholder
Save

Meta Tags FAQ

What are Open Graph (OG) tags?

Open Graph tags are specialized HTML meta tags originally created by Facebook in 2010. They standardize how URLs are displayed when shared across social networks and messaging apps. Today, almost every major platform, including LinkedIn, Slack, Discord, and iMessage, uses Open Graph tags to generate rich link previews with titles, descriptions, and images.

What is the ideal Open Graph image size?

The universally recommended image size for Open Graph and Twitter cards is 1200 x 630 pixels (an aspect ratio of 1.91:1). This ensures your image looks crisp on high-resolution displays and renders perfectly across Facebook, Twitter, LinkedIn, and other major platforms without being awkwardly cropped.

Do I need both Open Graph and Twitter tags?

Yes. While Twitter (now X) will gracefully fall back to reading your Open Graph (og:) tags if specific Twitter tags are missing, they still require the <meta name="twitter:card" content="summary_large_image"> tag to guarantee your link is displayed as a large, eye-catching image card rather than a small thumbnail.

Do I need a Manifest or iOS Splash Screen meta tags?

If you want your website to function as a Progressive Web App (PWA) when saved to a user's home screen, yes. The <link rel="manifest" href="..."> file tells Android devices how to install your app, while <link rel="apple-touch-startup-image" href="..."> tags provide the loading screens for iOS devices. You can generate these using our free PWA Manifest Generator and iOS Splash Screen Generator or with the full version of Progressier.

Why did my meta tags update, but my social image still looks old?

Social networks heavily cache metadata to speed up their platforms. If you update your image or title, platforms like Facebook, LinkedIn, and X will still show the old version for several days. To fix this instantly, you must force them to scrape your new tags using their official developer tools, such as the Facebook Sharing Debugger or the LinkedIn Post Inspector.

Why is my image not showing up in iMessage, Slack, or Discord?

Messaging apps are much stricter about Open Graph images than standard social networks. Your image is likely failing for one of two reasons: either the image URL in your og:image tag is a relative path (e.g., /images/og.png) instead of a fully qualified absolute URL (e.g., https://yoursite.com/images/og.png), or the file size is simply too large (iMessage and Discord often silently fail to load images over 1MB or 2MB).

What is the difference between "name" and "property" attributes in meta tags?

Standard HTML meta tags (like descriptions and Twitter tags) strictly use the name="" attribute. However, Open Graph tags were built on top of a framework called RDFa, which requires the use of the property="" attribute. While most modern scrapers are forgiving and will figure it out if you mix them up, strictly adhering to name for standard/Twitter tags and property for Open Graph tags ensures total cross-platform compatibility.

What is a Favicon and why does it matter for SEO?

A favicon (short for "favorite icon") is the small logo that appears next to your website's name in browser tabs. While historically it was just a branding element, search engines like Google and Bing now explicitly display your favicon directly in their mobile and desktop search results. Missing a valid favicon can reduce your click-through rate (CTR) as it makes your search snippet look incomplete or untrustworthy compared to competitors.

Which meta tags are obsolete or irrelevant today?

Many older meta tags are no longer supported by modern browsers and only add bloat to your HTML. For example, Windows 8/10 tile tags like msapplication-navbutton-color or msapplication-TileColor are obsolete. Similarly, basic <meta name="keywords"> tags have been ignored by Google for over a decade. Keep your <head> clean by focusing only on modern Open Graph, Twitter, and standard SEO title/description tags.

Your app here

Meta tags all good in your web app?

If your app is ready to share, integrate Progressier today to make it ready to install as well.

Generate PWA See plans