SEO Tool · Free · No signup
Meta Title & Description Generator
Write your meta tags with a live Google search preview — desktop and mobile, with real pixel-width measurement.
1
Page URL
The full URL of the page you're writing tags for.
2
Meta title
The main headline in Google — most impact on click-through rate.
Characters
0 / 60
Pixel width
0 / 580px
3
Meta description
Summary shown under the title. Doesn't rank pages but drives clicks.
Characters
0 / 160
Pixel width
0 / 920px
▸ More options — site name, focus keyword, Open Graph tags
Google shows this above the URL (from your WebSite schema markup).
Google bolds the search query in results — this shows how yours looks.
Google Preview
C
example.com
example.com
Your page title will appear here
Your meta description will appear here as a summary snippet…
HTML meta tags
▶ How to add these meta tags to your website
A
Easiest — WordPress SEO plugin (recommended)
Edit the page in WordPress. Scroll to the Rank Math or Yoast SEO box below the editor. Paste the title into "SEO Title" and description into "Meta Description". Save. The plugin outputs the tags automatically.
B
In Elementor Pro
Elementor doesn't manage meta tags — you still need an SEO plugin (Rank Math / Yoast). Once installed, its fields appear at the bottom of the page settings.
C
Direct in your theme's
<head>Not recommended for WordPress — use a plugin. If you must, paste the code above inside the
<head> section of your theme's header.php file. One page at a time only; plugins handle this per-page automatically.✓
Tip — Google truncates by pixel width, not characters
"Illinois" is 8 chars but only ~50px wide; "WWWWWWWW" is 8 chars but ~110px wide. Aim for under 580px title / 920px description — the pixel meter above shows the real limit.
