Free Tool
Create production-ready SEO meta tags, Open Graph tags, and Twitter Card tags with instant visual preview. Build title, description, canonical URL, and social tags in seconds. Copy the HTML and paste into your site. Free forever — no signup needed.
Ideal: 45 to 65 characters.
Ideal: 120 to 165 characters.
SEO Health Checks
OG Preview
example.com
Book premium beauty and grooming services with trusted professionals near you.
Generated HTML Meta Tags
<title>Best Salon Services in Tarhar | Anita Beauty Parlor</title> <meta name="description" content="Book premium beauty and grooming services with trusted professionals near you." /> <link rel="canonical" href="https://example.com/salon-services" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Best Salon Services in Tarhar | Anita Beauty Parlor" /> <meta property="og:description" content="Book premium beauty and grooming services with trusted professionals near you." /> <meta property="og:url" content="https://example.com/salon-services" /> <meta property="og:image" content="https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9" /> <meta property="og:site_name" content="MyEasyPage" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Best Salon Services in Tarhar | Anita Beauty Parlor" /> <meta name="twitter:description" content="Book premium beauty and grooming services with trusted professionals near you." /> <meta name="twitter:image" content="https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9" /> <meta name="twitter:site" content="@myeasypage" />
Next.js Metadata Snippet
export const metadata = {
title: "Best Salon Services in Tarhar | Anita Beauty Parlor",
description: "Book premium beauty and grooming services with trusted professionals near you.",
alternates: { canonical: "https://example.com/salon-services" },
openGraph: {
type: "website",
title: "Best Salon Services in Tarhar | Anita Beauty Parlor",
description: "Book premium beauty and grooming services with trusted professionals near you.",
url: "https://example.com/salon-services",
images: ["https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9"],
siteName: "MyEasyPage",
},
twitter: {
card: 'summary_large_image',
title: "Best Salon Services in Tarhar | Anita Beauty Parlor",
description: "Book premium beauty and grooming services with trusted professionals near you.",
images: ["https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9"],
site: "@myeasypage",
},
};Meta Tags Explained
SEO meta tags are invisible HTML elements in your page's <head> section that communicate critical information to search engines and social media platforms. The two most important meta tags for SEO are the title tag (which becomes the blue clickable headline in Google search results) and the meta description(the grey snippet text below the title). Together, they form your page's first impression in search results and directly influence whether someone clicks your link or scrolls past it.
Beyond search, Open Graph (OG) tags control how your page appears when shared on WhatsApp, Facebook, LinkedIn, and Slack, while Twitter Card tags control the preview on Twitter/X. A page without proper meta tags will show a blank or random preview when shared — reducing engagement and click-through rates significantly. Our free generator creates all essential tags in one go: title, description, canonical URL, og:title, og:description, og:image, og:url, twitter:card, twitter:title, twitter:description, twitter:image.
Essential Tags
Title Tag
The most important on-page SEO element. Shows as the clickable headline in search results. Keep it 50-60 characters, include your primary keyword near the start, and end with your brand name.
Meta Description
The snippet text below the title in search results. Write 120-155 characters that summarize the page, include your keyword, and have a call-to-action. Google may override it with its own snippet.
Canonical URL
Tells search engines which URL is the 'master' version of this page. Prevents duplicate content issues from query parameters, www vs non-www, and HTTP vs HTTPS variations.
OG Title & Description
Controls the headline and text in social media share cards. Can be different from the SEO title — optimize for social engagement (e.g., more informal, emoji-friendly, or question-based).
OG Image
The preview image shown when your page is shared. Use 1200×630 px (1.91:1 ratio). JPEG or PNG, under 1 MB. This single image determines how professional your shared links look.
Twitter Card Tags
Controls the preview on Twitter/X. Set twitter:card to 'summary_large_image' for a large image card, or 'summary' for a small thumbnail. Falls back to OG tags if not set.
Platform-Specific Tags
How you add meta tags depends on your platform. Here's how to implement the generated tags on the most popular website builders and frameworks.
WordPress
Install an SEO plugin like Yoast SEO or RankMath. These plugins provide a UI to set title, description, OG tags, and canonical URL for every page and post. No code editing needed.
Next.js (App Router)
Use the Metadata API — export a metadata object from your page.tsx file. Set title, description, alternates.canonical, openGraph, and twitter properties. Next.js automatically renders the correct HTML tags.
React (Create React App / Vite)
Use react-helmet-async or react-helmet to inject meta tags into the <head>. For SSR, use your server framework's head management. For client-only apps, note that social crawlers won't see client-rendered tags.
Blogger / Blogspot
Go to Theme → Edit HTML and add meta tags directly inside the <head> section. Use Blogger's conditional tags to set different meta descriptions for the homepage vs. individual posts.
Shopify
Shopify auto-generates title and description from your product/page content. For custom OG tags, edit the theme.liquid file and add OG meta tags in the <head> section using Liquid variables.
Plain HTML
Copy the generated HTML code from this tool and paste it directly between <head> and </head> tags in your HTML file. This is the simplest approach for static websites.
Best Practices
Front-load your keyword
Place your primary keyword at the beginning of the title tag. Google gives more weight to words that appear early. Example: 'QR Code Generator — Free Custom Codes' is better than 'Free Tool for Making QR Codes'.
Write for clicks, not just crawlers
A technically correct meta description that nobody wants to click is useless. Write descriptions that create curiosity or promise a clear benefit. Include numbers, power words, and a CTA.
Every page needs unique tags
Never use the same title and description across multiple pages. Duplicate meta tags confuse search engines and reduce your overall ranking potential. Each page should target different keywords.
Use absolute URLs
Always use full URLs (https://example.com/page) for canonical and og:url tags, not relative paths (/page). Social platforms and some search engines require absolute URLs to work correctly.
Test with real tools
After adding meta tags, test your page with Google's Rich Results Test, Facebook Sharing Debugger, and the myeasypage Link Preview tool. Verify that all tags are rendering correctly.
Keep og:image accessible
Your OG image URL must be publicly accessible (not behind a login or firewall). Use HTTPS. Host it on a CDN for fast loading. Social platforms timeout after a few seconds if the image is slow.
100% Free · No Hidden Charges
A free, complete meta tag generator — no signup, no limits
The myeasypage SEO meta tag generator is completely free. Generate title tags, meta descriptions, canonical URLs, Open Graph tags, and Twitter Card tags — all in one place. See a live social preview of your tags before copying. No signup, no account, no watermark. Your data stays in your browser — nothing is stored on our servers. Use it for every page on your site.
Ready to turn tools into traffic?
Combine your links, shop, bookings, and content into one conversion-focused profile.