SEO meta tags generator with Google preview
Fill in your page details, see how it will appear in Google results, then copy the complete HTML tags: title, description, canonical, Open Graph, Twitter and organisation data.
Instant previewEscapes special charactersRuns in your browser
Page details
How it will look in Google
example.com
We design and build fast, search-optimised websites and online stores in Jordan. Request your free consultation today.
example.com
Web Designer in Amman | Your Company
We design and build fast, search-optimised websites and online stores in Jordan. Request your free consultation today.
The preview is approximate: Google may rewrite the title or description depending on the search.
Quick checklist
✓Title is at least 20 characters and about 600 pixels or less (not cut off in Google)
✓Description is between 70 and 160 characters
✓The canonical URL is a full link starting with https://
!A share image is set: it appears when the link is posted on WhatsApp and Facebook (1200×630 recommended)
✓The page is open to indexing
Ready-made code
<!-- On the <html> tag add: lang="en" dir="ltr" -->
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Web Designer in Amman | Your Company</title>
<meta name="description" content="We design and build fast, search-optimised websites and online stores in Jordan. Request your free consultation today." />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://example.com/" />
<meta name="theme-color" content="#025494" />
<!-- Open Graph (Facebook, WhatsApp, LinkedIn) -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Web Designer in Amman | Your Company" />
<meta property="og:description" content="We design and build fast, search-optimised websites and online stores in Jordan. Request your free consultation today." />
<meta property="og:url" content="https://example.com/" />
<meta property="og:site_name" content="Your Company" />
<meta property="og:locale" content="en_US" />
<!-- Twitter / X -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Web Designer in Amman | Your Company" />
<meta name="twitter:description" content="We design and build fast, search-optimised websites and online stores in Jordan. Request your free consultation today." />
<!-- Structured data: organisation -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Your Company",
"url": "https://example.com/"
}
</script>
</head>Put the tags inside <head> on every page, and change the title, description and URL for each page. Repeating the same title across many pages weakens their visibility.