How to Use Meta Tags for SEO
Meta tags confuse more small business owners than almost any other corner of on-page SEO. A client in Calgary forwarded me his developer’s invoice last spring, eighteen hours billed for “meta tag optimization.” Most of it went to the keywords tag. Google has ignored that field since 2009. The handful of meta tags that genuinely move rankings took about twenty minutes to fix, and he had been paying for the wrong ones the whole time.
So this guide sorts the useful from the useless. You will learn which meta tags search engines actually read, how to write them, and where they belong. As Calgary SEO specialists we open most site audits in the same spot: the head section of the HTML, where every meta tag lives. Get those right and you have handled a real slice of on-page SEO before touching anything else on the page.
What Meta Tags Actually Do for Search
Meta tags are snippets of HTML that describe a page to browsers and search engines. They sit in the head section, invisible on the page itself, read by machines rather than visitors. Think of them as the label on a filing box. The box still holds what it holds, but the label tells the search engine how to sort and display it.
Two jobs, mostly. Some meta tags shape how your page appears in search results, the title and the description being the obvious pair. Others issue instructions to the crawler, telling it whether to index a page or follow the links on it. A smaller set handles technical housekeeping, character encoding and mobile scaling among them. Not every meta tag carries SEO weight, though, and that distinction matters more than any single tag on the list.
Here is the part most tutorials skip. Meta tags do not rank your content on their own. Search engines weigh the words on the page, the links pointing at it, and dozens of other signals far more heavily than anything in the head. What these tags do is control presentation and access. Write them well and you earn more clicks from the rankings you already hold. Useful work, then, but never a substitute for the content underneath.
The Title Tag: Your Highest-Impact Meta Element
Of every meta tag, the title tag pulls the most weight. It is the clickable blue headline in the search result, and Google reads it closely as a direct ranking signal. Get this one wrong and the others barely register.
Put your primary keyword near the front. A plumber here should lead with “Emergency Plumber Calgary,” not the business name nobody is searching for yet. Keep the whole thing under about sixty characters so it does not truncate mid-phrase in the results. One title per page, each one distinct, because duplicate titles across a site confuse the crawler about which page owns which topic. Search engines then pick for you, and they pick badly.
The title tag and the on-page H1 are not the same thing, though people merge them constantly. That SEO title tag is what shows in the search result and the browser tab. Your H1 is the headline a visitor reads once they arrive. They can match, and often should sit close, but only the title tag is the one search engines display in the results. Treat it as ad copy with a keyword built in, never an afterthought bolted on at the end. Done right, title tags pull more click-through than any other meta element on the page.
Meta Descriptions That Earn the Click
The meta description is the grey snippet of text under your title in the search results. Google has stated outright that it does not use the description as a ranking factor. So why bother with it at all? Because click-through rate does feed back into rankings over time, and a sharp description is what turns an impression into an actual visit.
A few meta description best practices keep the line working hard. Around 155 characters is the working limit before Google trims the line with an ellipsis. Write it like the sentence that has to sell the click. Active voice, a concrete benefit, and the keyword somewhere natural so it renders in bold when it matches the query. Avoid stuffing terms; a description crammed with keywords reads like spam to a human and gets rewritten by Google anyway. One clear promise beats five vague ones. A dedicated guide on how to write meta descriptions for SEO digs deeper into the craft.
Now one honest caveat sits on top of all that. Google rewrites meta descriptions on a large share of queries, pulling its own snippet from the page body when it judges that serves the searcher better. You still write them, because the half it keeps are the ones that matter most, and an empty description field guarantees the algorithm guesses every single time. Fill the field on every important page, then let Google overrule you when it insists. Treat your meta description as the page’s pitch, and revisit these meta descriptions whenever the page content shifts. Better its rewrite of a good base than its invention from nothing.
The Meta Robots Tag and Index Control
The meta robots tag is where meta tags stop being about appearance and start issuing orders. This one tells search engines whether to index a page and whether to follow the links on it. Two values do most of the heavy lifting: noindex keeps a page out of the search results entirely, and nofollow stops link equity from passing through it to other pages.
When would you reach for noindex? Thank-you pages, internal search results, thin tag archives, staging URLs. Anything you do not want surfacing in Google yet cannot simply delete. I have audited sites quietly bleeding crawl budget on hundreds of auto-generated archive pages, every one of them indexable, not one worth a visitor’s time. A meta robots noindex on those pages cleaned up the index inside a week and Google refocused on the content that mattered.
Get the logic backward, however, and the damage lands fast. A stray noindex on a money page pulls it straight out of the results, and the owner rarely notices until the traffic craters. So check this tag first whenever rankings vanish without an obvious cause. Cheapest thing to rule out, and one of the easiest to set wrong during a redesign when a staging flag ships to the live site by accident.
Viewport, Charset, and Other Technical Meta Tags
Some meta tags never touch rankings directly yet still have to be correct. The meta viewport tag controls how your page scales on a phone. Skip it and mobile users get a desktop layout shrunk to thumbnail size, which wrecks mobile usability and, downstream, the rankings that now depend on it. A standard meta viewport tag sets the width to the device width and the initial scale to one. Almost every modern theme ships it by default, so this is more a thing to verify than to write.
The meta charset tag declares character encoding, normally UTF-8, so apostrophes and accented letters render properly instead of turning into garbled symbols. It belongs first in the document head, ahead of anything that contains text. Small tag, easy to overlook, genuinely ugly when it goes missing on a page full of quotation marks.
A few others round out the technical set. The canonical tag, technically a link element rather than a true meta tag, points search engines to the preferred version of a page that exists at more than one URL. That one solves duplicate-content headaches on e-commerce filters and tracking parameters. Hreflang tags handle multi-language sites. None of these win you a ranking on their own. Each one, left broken, quietly costs you a little, and the costs add up across a large site faster than owners expect.
Open Graph and Twitter Card Meta Tags
Open Graph and Twitter card meta tags control how your page looks when someone shares it on social media. Paste a link into Facebook, LinkedIn, or a group chat and the title, image, and blurb that pop up are pulled straight from these tags. No direct SEO ranking effect, to be clear about it. Plenty of traffic effect, which is the part worth your attention.
Open Graph tags start with og: and cover the essentials, mainly og:title, og:description, and og:image. Set a proper share image at roughly 1200 by 630 pixels and your link stands out in a crowded feed instead of showing a broken thumbnail or no image at all. Twitter cards do the same job for posts on X, yet they fall back to Open Graph when the Twitter-specific tags are absent, so you rarely need to write both sets in full.
Why mention any of this in an SEO guide? Because social shares drive the visits and the links that do feed SEO eventually. A link that arrives as a polished card gets clicked and shared more often than a naked URL stripped of context. The tags cost almost nothing once a plugin is configured, and most SEO plugins generate Open Graph and Twitter card markup for you without a line of manual code.
Meta Keywords: The One Tag You Can Skip
Now the tag that should have died quietly years ago. The meta keywords tag was a comma-separated list of terms you wanted to rank for, and Google stopped reading it back in 2009. Bing treats it as a spam signal if it weighs the field at all. Every hour spent populating that box is an hour thrown away.
People still ask me for it, so I still explain it rather than wave it off. If you want the full history of where the tag came from and why it collapsed under abuse, the deeper piece on what meta keywords are walks through it. Short version: webmasters stuffed the field with unrelated terms, search engines dropped the signal in response, and it never came back. Leave the field blank and watch nothing at all happen to your rankings.
How to Add Meta Tags in WordPress and Beyond
You almost never hand-edit raw HTML to manage meta tags anymore. An SEO plugin writes the code for you. On WordPress, Yoast SEO, Rank Math, and SEOPress each add a panel beneath the post editor where you type your title tags and descriptions, and they inject the correct meta tag markup into the head for you. Yoast SEO is the one I set up most often for clients, largely for its snippet preview that renders the listing the way Google will before the page ever goes live.
The same logic carries to every other platform. Shopify and Squarespace expose title and description fields inside their page settings. Webflow hands you per-page SEO fields plus Open Graph controls in the designer. Hand-coded sites need the tags written directly into each template’s code by hand. Whatever the platform, the destination is identical: that block of meta tags sitting at the top of the document.
Two rules hold true everywhere. Write a unique title and description for every page that matters, never one template stamped blindly across the whole site. And treat meta tags for SEO as a single layer of a much larger job, not the whole of it. Strong on-page SEO still rests on real content, a sound site structure, and internal links that connect related pages. Our search engine optimization process runs the tags near the end, after the page itself has earned the right to rank. Tags shape the click; the content earns the position.
Frequently Asked Questions
How do meta tags help SEO?
A few help directly, most help indirectly. The title tag is a genuine ranking signal and the one worth real effort. Meta descriptions and Open Graph tags lift click-through and sharing, both of which feed rankings over a longer horizon. Robots tags protect your index from clutter that would otherwise dilute it. None of this replaces good content, yet every piece compounds what strong content already earns. Knowing which tags are important for SEO keeps the effort where it pays.
How do you use meta tags on a page?
Through an SEO plugin in nearly every case. Install Yoast or Rank Math on WordPress, open the page editor, then fill the title and description fields and the plugin writes the markup into the head. On a hand-coded site you place the tags inside the head section yourself, by hand. Either route, the rule stays the same: one set of meta tags per page, each written for that specific page rather than copied wholesale across the site.
What are some examples of meta tags?
The common ones you will actually touch: the title tag, the meta description, the meta robots tag, the meta viewport tag, and the meta charset tag. Add Open Graph plus Twitter card tags for social sharing on top of those. The meta keywords tag counts as an example too, though only as the textbook case of one to ignore. That short list covers what shows up on nearly every page you will ever optimize.
How do you write meta tags for SEO?
Lead the title with the page’s main keyword and keep it under sixty characters. Write the meta description as a 155-character pitch built to earn the click, keyword folded in where it reads naturally. Set the robots tag only where you genuinely need to block indexing, and leave it alone otherwise. Skip the keywords tag entirely. Then move on, because the content does the heavy lifting that meta tags can only frame and present.
SEO Company To-The-TOP! has been auditing these tags for Calgary businesses since 2007, and the pattern barely shifts: a few tags done right, a couple done backward, one or two nobody ever needed. Meta tags will not carry a weak page on their own, and they have nothing to do with a Google Ads campaign, which targets through your account settings rather than your page source. Fix the title, sharpen the description, guard the robots tag, and pour the hours you save into the content that actually ranks.
