How to Generate Meta Tags That Actually Improve SEO

Meta tags are a small block of HTML that lives in the head of every webpage. Most users never see them directly, but they control two things that determine whether your page gets traffic: how it appears in Google search results, and how it looks when someone shares it on social media. Getting them right is straightforward once you understand the handful of tags that actually matter—and which ones you can safely ignore.

What Google actually uses (and what it ignores)

Google uses exactly two meta tags in any meaningful way: the title tag and the meta description.

The title tag is the blue clickable headline in search results. Google uses its content as a direct ranking signal—it is one of the clearest ways to tell a search engine what a page is about. It also appears in browser tabs and bookmarks.

The meta description is the grey paragraph of text below the title in search results. Google does not use it as a direct ranking signal, but it influences click-through rate, which indirectly affects rankings. A well-written description gets more clicks. More clicks signal relevance to Google. Over time, that improved click-through rate can lift your position.

Everything else—meta keywords, meta author, meta revisit-after—is either ignored by Google entirely or irrelevant to rankings. Do not waste time on them.

Writing a title tag that ranks and gets clicked

The title tag formula that works consistently is: primary keyword + brand name, within 55 characters.

Place the primary keyword toward the front of the title. Google weights earlier words more heavily, and users scan from left to right—if your keyword is at the end of a long title that gets truncated, it may never be seen.

Here is the contrast between a weak and a strong title tag for a tool page:

Weak: "FixTools - Free Online Tools for Everyone - Image, PDF, Text Tools and More"

Strong: "Free Image Resizer Online - Resize Photos Without Quality Loss | FixTools"

The weak version buries any specific keyword behind the brand name and is so generic it could apply to hundreds of sites. The strong version leads with the specific user intent ("Free Image Resizer Online"), adds a differentiating benefit ("Without Quality Loss"), and includes the brand as a clean suffix. It is also 71 characters, which should be trimmed to around 60—but the structure is right.

For blog posts and articles, the formula adapts slightly: primary keyword + specific benefit or angle, such as "How to Resize Images for Instagram, TikTok, and YouTube" rather than "Image Sizing Guide."

Writing meta descriptions that actually get clicks

A meta description that earns clicks contains three components in roughly 150 to 160 characters:

1. A benefit — what the user gets or learns
2. A differentiator — why this page is better than the alternatives
3. A soft call to action — what to do next

Example of a weak description: "Learn about meta tags and how they work for SEO. Read our guide."

Example of a strong description: "Write title and description tags that rank in Google and get clicked. Includes character limits, before/after examples, and a free meta tag generator."

The strong version is specific, tells the user what they will get (limits, examples, a tool), and creates a reason to click over the dozens of other results on the page. It reads like something written for a person, not stuffed with keywords.

Keep descriptions between 140 and 155 characters to avoid truncation. Anything longer risks being cut off, especially on mobile, where Google shows fewer characters.

Open Graph tags for social sharing

Open Graph tags were created by Facebook and are now used by most platforms—LinkedIn, Slack, Discord, iMessage, and others—to generate link previews. Without them, social shares of your pages look like plain text links.

The four essential OG tags are:

<meta property="og:title" content="Your Page Title Here" />
<meta property="og:description" content="A 2–3 sentence description for social sharing." />
<meta property="og:image" content="https://yourdomain.com/og-image.jpg" />
<meta property="og:url" content="https://yourdomain.com/page-slug/" />

The og:image should be 1200x630 pixels—this is the standard Open Graph image ratio and displays correctly across Facebook, LinkedIn, and most other platforms. Keep the file size under 1 MB and use JPEG or PNG.

Your og:title and og:description can differ from your title tag and meta description. Social sharing benefits from punchier, more conversational copy. Your SEO title is written for a search results page. Your OG title is written to stop someone mid-scroll on a social feed.

Twitter card tags

X (formerly Twitter) does not read Open Graph tags by default. It uses its own Twitter card tags:

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Page Title" />
<meta name="twitter:description" content="Description for Twitter preview." />
<meta name="twitter:image" content="https://yourdomain.com/twitter-image.jpg" />

Use summary_large_image as the card type for content pages—this shows a large banner-style image above the title and description rather than a small thumbnail to the left. Large image cards consistently outperform summary cards for click-through rates on X.

The Twitter image can be the same 1200x630 px image you use for OG, or a 1:1 square image (1200x1200) if you prefer that layout.

What not to include

Meta keywords. Google has ignored this tag since 2009. Bing ignores it. Writing meta keywords is a waste of time and in some cases can expose your keyword strategy to competitors who inspect your page source.

Duplicate title tags. Every page on your site should have a unique title tag. Duplicate titles across multiple pages confuse search engines about which page should rank for a given query and dilute your authority. Run a site audit regularly to check for titles that appear on more than one URL.

Keyword-stuffed titles. "Cheap Flights | Cheap Flight Deals | Cheap Airline Tickets | Cheap Travel" is a pattern that Google's systems are trained to detect and discount. One clear primary keyword, positioned naturally, performs better than a list of variations.

Checking that your tags are working

After adding or updating meta tags, verify them using two methods. First, use Google Search Console's URL Inspection tool to see how Google is reading and interpreting your page's metadata. Second, open the page in a browser and use the developer tools (F12) to inspect the head element—look for your title, description, og:title, og:image, and Twitter card tags and confirm they are present and populated with the correct content.

For social sharing previews, use each platform's own debugging tool: Facebook's Sharing Debugger, LinkedIn's Post Inspector, and X's Card Validator will show you exactly how your link will look when shared, including whether the image is loading correctly.

The FixTools Meta Tags Generator at /seo-tools/meta-tags lets you fill in your page details and outputs the complete block of HTML meta tags ready to paste into your page head—including title, description, OG tags, and Twitter card tags. Pair it with the HTML Formatter to clean up and verify your head section after adding the generated tags.