Internet jargon has an annoying way of complicating simple tasks. Take “metas”, for instance. What does meta even mean? Is it a bird, a plane? Is it actually Superman, and can he please bring some pizza?
In web publishing, meta tags are short snippets of HTML code that tell search engines and social media platforms what a web page is about. They control the clickable headline and summary text you see on a search engine results page, acting as the primary signposts for both search crawlers and the real live people who might turn into your customers.
What Are Meta Tags? (Title Tags vs Meta Descriptions)
When marketers talk about filling in “the metas” for a page or blog post, they are usually referring to two distinct elements that appear together in search results: the title tag and the meta description.
- Title Tag (Meta Title): This is the clickable headline that appears in blue or purple text on a search results page, as well as in the tab at the top of a web browser. Technically an HTML title element rather than a meta tag, it gets grouped with metas because you edit them in the same place. It is a direct signal to search engines about the core topic of your page.
- Meta Description: This is the brief summary paragraph displayed directly underneath the title tag in search results. It does not appear on the visible web page itself; instead, it sits in the page’s code to give searchers a preview of what they will find if they click through.
How Meta Tags Affect SEO and Click-Through Rates
A common misconception is that stuffing keywords into every meta field will automatically push a website to the top of Google. In reality, different tags serve different functions.
Your title tag directly influences search rankings. Search engines read the words in your title tag to categorise the page and match it to relevant search queries. If you leave it vague or call your page “Home” or “Blog Post 4”, search engines have to work much harder to figure out who should see it.
Your meta description, on the other hand, is not a direct ranking factor. Putting a keyword in your meta description will not make your page rank higher for that term. Instead, the meta description controls your click-through rate. It is your pitch to the human reader. When a user searches for a phrase and those words appear in your meta description, search engines often bold them, drawing the reader’s eye and proving your link answers their question.
If you leave the meta description blank, or if your custom description does not match what the user actually searched for, search engines will pull a chunk of text directly from the page to generate a snippet on the fly. That gets tricky when you use conversational intros. Without a clear meta description on this post, a search engine scanning the opening paragraph might generate a preview about “Superman pizza” rather than explaining what meta tags mean.
How to Write Effective Meta Titles and Descriptions
Search engines thrive on clarity. Tell them and your readers what the page is about using plain, natural sentences that include your primary topic without sounding robotic.
Length and Formatting Guidelines
Search engines measure titles and descriptions by pixel width rather than exact character counts, meaning wide letters like “W” take up more space than narrow letters like “i”. However, character limits remain a reliable rule of thumb to prevent your text from being cut off with an ellipsis (…):
- Title tag length: Aim for a concise headline that puts the main keyword near the front, followed by your brand name if space permits. Keep it brief enough to display cleanly on both desktop and mobile screens without truncating the core message.
- Meta description length: Write one to two short sentences that summarise the page’s value and invite the reader to click. Keep the most important details in the first sentence so mobile users see the main point immediately.
Weak vs Strong Meta Examples
Compare how a vague or keyword-stuffed snippet looks next to one written for human readers:
| Element | Weak Approach | Strong Approach |
|---|---|---|
| Title Tag | Welcome to Our Blog | Post #12 | What Are Meta Tags and Why Do They Matter for SEO? |
| Title Tag (Service Page) | Plumber, Plumbing, Pipes, Drains, Hot Water | Emergency Plumber & Hot Water Repairs | Brand Name |
| Meta Description | This blog post is about metas. We talk about meta titles, meta descriptions, SEO metas and how metas work on the internet for websites. | Confused by meta titles and descriptions? Learn how meta tags work, how they affect search visibility, and how to write snippets that earn clicks. |
Open Graph Tags: Controlling How Links Look on Social Media
Alongside standard search metas, most websites allow you to configure Open Graph (OG) tags. Open Graph settings do not affect your search engine rankings, but they dictate how your page looks when someone shares the link on social media platforms, messaging apps, or email clients.
When you paste a URL into a social post, the platform scans the page for three primary Open Graph tags:
- og:title: The headline displayed in the social media preview card. This can match your search title tag or be tweaked to sound more conversational for social feeds.
- og:description: The short summary shown below the headline on the link card.
- og:image: The specific image that appears with the link. Setting a dedicated horizontal image ensures the platform displays a sharp, properly cropped graphic rather than pulling a random logo, icon, or awkwardly cropped photo from the page.
Where to Add Meta Tags on Your Website
You do not need to edit raw HTML code to add meta tags to your pages. Most modern content management systems provide built-in fields or simple plugins to handle the code behind the scenes.
In WordPress, SEO plugins add a dedicated meta box directly below the main text editor or in the document sidebar on every page and post. To update your metas before hitting publish:
- Scroll to the SEO panel at the bottom of your page or post editor.
- Enter your custom headline in the SEO Title field, replacing the default template if you want tighter phrasing.
- Write your summary in the Meta Description box, checking the preview tool to make sure it reads naturally and fits the display window.
- Switch to the Social tab within the same panel to upload a dedicated Open Graph image and check how your title and description will appear when shared.
- Save or update the page.
Taking two minutes to fill out these fields before publishing every page ensures search engines categorise your content accurately and gives prospective customers a clear, compelling reason to click through to your site.
Frequently Asked Questions
Why is Google showing a different title or description than the one I wrote?
Search engines frequently rewrite title tags and meta descriptions if they think a snippet of text from the visible page better matches the user’s specific search query. They also override custom tags that are stuffed with keywords, too short, too long, or duplicated across multiple pages. Writing clear, accurate tags that reflect the actual content on the page reduces how often your snippets get replaced.
Should I still fill in the meta keywords field?
No. Major search engines stopped using the meta keywords tag years ago because website owners abused it by stuffing irrelevant search terms into the code. Most modern SEO tools hide or remove this field entirely, and leaving it blank will not hurt your search visibility.
What is the difference between a title tag and an H1 heading?
The title tag appears in search engine results and at the top of the browser tab, whereas the H1 heading is the main visible title a reader sees after clicking onto the page itself. They can use the same wording, or you can keep the title tag concise for search results while making the on-page H1 slightly longer and more conversational.
Can two pages on my website have the same title tag or meta description?
Every indexable page on your website should have a unique title tag and meta description. When multiple pages share identical meta tags, search engines struggle to tell them apart and may rank the wrong page, while human searchers cannot see how the pages differ.
How long does it take for updated meta tags to show up in search results?
Changes to your title tag or meta description only appear in search results after search engines recrawl and reindex the page. Depending on how often your site is crawled, this can take anywhere from a few days to several weeks. You can speed up the process by submitting the updated URL for indexing through your search console tool.