Meta Tag & Open Graph Previewer
Preview social share cards for Google, Facebook, Twitter, and generate clean meta tags for your website.
ADVERTISEMENT PLACEHOLDER (MARKETING & HOSTING)
Page Metadata
0 / 60
0 / 160
https://mrtool.app
Page Title Preview
Meta description snippet will appear here exactly as users see it in Google search engine result pages.
MRTOOL.APP
Page Title Preview
Description text will show up here.
mrtool.app
Page Title Preview
Description text preview...
Generated HTML <meta> Tags
<!-- Primary Meta Tags -->
<title>Page Title</title>
<meta name="title" content="Page Title">
<meta name="description" content="Meta Description">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://mrtool.app/">
<meta property="og:title" content="Page Title">
<meta property="og:description" content="Meta Description">
<meta property="og:image" content="https://mrtool.app/og-image.jpg">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://mrtool.app/">
<meta property="twitter:title" content="Page Title">
<meta property="twitter:description" content="Meta Description">
<meta property="twitter:image" content="https://mrtool.app/og-image.jpg">Why are Open Graph and Meta Tags Important?
When someone posts a link to your website on social media or in messaging apps like Slack, WhatsApp, or Telegram, the platform fetches your HTML and looks for Open Graph meta tags (og:title, og:description, og:image) to generate an attractive rich snippet card.
Links with compelling titles, concise descriptions, and eye-catching 1200x630 pixel images achieve up to 300% higher click-through rates (CTR) than plain text links.
ADVERTISEMENT PLACEHOLDER