Why meta tags still matter for SEO and sharing
Meta tags are small pieces of HTML in the <head> of a page that tell search engines and social networks what the page is about. Google uses your <title> and meta description to build the blue link and grey snippet in search results, and although it sometimes rewrites them, a well-written title and description still improve click-through rate. Facebook, LinkedIn, WhatsApp, Slack and X (Twitter) read Open Graph and Twitter Card tags to build the rich preview card that appears when someone shares your link. Without those tags, your link shows up as a bare URL with no image, which gets far fewer clicks.
This generator writes all three families at once — standard SEO tags, Open Graph (og:) tags, and Twitter Card tags — so a single paste covers search and every major social platform.
How to use the generator
- Type your page title. Watch the counter: aim for roughly 50–60 characters so Google does not cut it off.
- Write a meta description of about 150–160 characters that summarises the page and invites a click.
- Add the page URL and a social image (1200×630 px works for every platform).
- Optionally set keywords, your Twitter handle, card type, and robots directive.
- Watch the Google and social previews update live, then press Copy code and paste the tags into your page’s
<head>.
Title and description length guidance
- Title: 50–60 characters. Google measures pixel width, but 60 characters is a safe text limit. Put the most important keyword near the front.
- Description: 150–160 characters. Longer text is truncated with an ellipsis. Each page should have a unique description — duplicate descriptions weaken SEO.
- Open Graph image: 1200×630 px (1.91:1) renders crisply on Facebook and LinkedIn and downsizes cleanly for smaller cards.
Frequently asked questions
Do I still need the meta keywords tag?
Google has ignored the meta keywords tag for years, so it has no ranking value. It is included here only as an option because a handful of smaller search engines and internal site searches still read it. You can safely leave it blank.
What is the difference between Open Graph and Twitter Cards?
Open Graph (built by Facebook) is read by most networks including LinkedIn and WhatsApp. Twitter Cards are X’s own format. X will fall back to Open Graph tags if Twitter-specific ones are missing, but adding both gives you the most control over how the card looks.
Where exactly do these tags go?
Inside the <head> element of your HTML, ideally near the top before any scripts. If your site is built with a CMS or framework, add them through its SEO settings or head component rather than editing raw HTML.
Is anything sent to a server?
No. The tags are assembled in JavaScript from the values you type, and the previews are rendered locally. You can use the tool offline once the page has loaded.