Search Engine Optimisation Meta Tags: A Practical Guide
Meta tags are snippets of information in a webpage’s HTML. They help browsers and search engines understand certain details about a page. Some can influence how a page appears in search results, while others help control how it is crawled or displayed on different devices.
Meta tags are not a shortcut to higher rankings. Search engines use many signals to decide which pages to show, and well-written tags cannot compensate for thin content, poor usability or technical problems. Used correctly, however, they can support a clear, accessible and well-presented website.
What are meta tags?
Meta tags are usually placed inside the <head> section of a page’s HTML. They provide information about the document without appearing as visible page content. For example, a description tag may summarise the page for search engines, while a robots tag can give instructions about indexing.
Not every piece of information that appears in search results is a meta tag. The page title, for example, is written using a <title> element. It is not technically a meta tag, but it is one of the most important pieces of on-page information for search visibility.
Important tags and elements for SEO
Title element
The title element gives a page its title in the browser tab and is often used as the clickable headline in search results. Search engines may rewrite it, so there is no guarantee that the exact wording will appear. A useful title should be specific, accurate and easy to understand.
<title>Meta Tags for SEO: A Practical Guide | Example Site</title>Write a distinct title for each important page. Put the most relevant description of the page near the beginning, and avoid repeating keywords unnaturally.
Meta description
The meta description is a short summary of a page. Search engines may use it as the snippet beneath the title in results, although they can instead select text from the page that better matches a search. The description is not generally considered a direct ranking factor, but a clear and appealing summary may encourage people to click.
<meta name="description" content="Learn what SEO meta tags do, which ones matter and how to write useful titles and descriptions for your pages.">Keep the description relevant to the page, write in natural language and explain what a visitor can expect. There is no fixed character limit that guarantees a complete display: snippets are typically adjusted to fit the search result and the device.
Robots meta tag
The robots meta tag can tell search engines whether a page may be indexed and whether its links may be followed. For example, noindex asks compliant search engines not to include the page in search results.
<meta name="robots" content="noindex, follow">Use this tag carefully. An accidental noindex on an important page can prevent it from appearing in search results. For site-wide crawling rules, a robots.txt file serves a different purpose: it controls crawler access to URLs but does not, by itself, guarantee that a URL will be kept out of search results.
Viewport tag
The viewport tag helps browsers display a page at an appropriate size on mobile devices. It is a standard part of responsive web design and supports a better mobile experience.
<meta name="viewport" content="width=device-width, initial-scale=1">This tag does not directly improve rankings on its own. It helps the page work properly on different screen sizes, which is important for usability and mobile-friendly design.
Character encoding
The character encoding tag tells the browser how to interpret the text on a page. UTF-8 is widely used and supports a broad range of characters.
<meta charset="UTF-8">Correct encoding helps prevent text from displaying as garbled characters. It is a basic technical requirement rather than a way to boost rankings.
Social sharing tags
Open Graph tags and similar social metadata help define how a page appears when shared on social platforms. They can specify a title, description and image for the share preview.
<meta property="og:title" content="Search Engine Optimisation Meta Tags">
<meta property="og:description" content="A practical guide to the meta tags and page elements that support SEO.">
<meta property="og:image" content="https://example.com/images/meta-tags-guide.jpg">
<meta property="og:url" content="https://example.com/meta-tags-guide">
<meta property="og:type" content="article">
Social tags are useful for consistent, attractive previews when a page is shared. They are not a substitute for search-focused titles and descriptions, and they should accurately represent the page.
Canonical links: related, but not meta tags
A canonical link is often discussed alongside meta tags, but it is an HTML link element rather than a meta tag. It indicates the preferred URL when substantially similar or duplicate versions of a page exist.
<link rel="canonical" href="https://example.com/preferred-page">Canonical signals can help search engines understand which URL should be treated as the main version. The selected canonical is ultimately determined by the search engine, so the preferred URL should be consistent with internal links, sitemaps and redirects wherever possible.
Meta tags that usually do not help rankings
Some tags are often added in the hope of improving search performance, but have little or no direct SEO value in modern search engines. The keywords meta tag, for instance, is generally ignored by major search engines for ranking purposes. Adding a long list of keywords is unlikely to help and may simply create unnecessary clutter.
There is also no need to add a separate meta tag for every phrase a page might rank for. Focus instead on useful content, clear headings, descriptive page titles and a site structure that helps people and search engines navigate.
Best practices for writing and managing meta tags
- Make each page distinct. Important pages should have their own accurate title and description.
- Describe the content honestly. Avoid promising information that the page does not provide.
- Write for people. Use natural wording rather than repeating the same keyword.
- Check technical directives. Confirm that valuable pages are not accidentally marked
noindex. - Preview social shares. Make sure the chosen title, description and image display correctly.
- Review at scale. Use a site audit or crawl to find missing, duplicated or incorrect tags across larger websites.
- Keep tags aligned with the page. Update them when the page’s purpose or content changes.
How to add meta tags
Meta tags are added to the page’s HTML, usually within the <head> element. Content management systems and SEO plugins often provide fields for titles, descriptions and social previews, so manual code changes may not be necessary. Whichever method is used, check the final page source to confirm that the tags are present and correct.
Conclusion
SEO meta tags help communicate key information about a webpage, but different tags serve different purposes. Titles and descriptions can shape how a page is presented in search results; robots directives can affect indexing; viewport and character encoding tags support correct display; and social tags improve sharing previews. A careful, page-by-page approach is more effective than adding tags indiscriminately. Combine accurate metadata with helpful content and sound technical SEO for the best results.
SEO Meta Tags: Five Frequently Asked Questions
- What are SEO meta tags?
- Which meta tags are important for SEO?
- Do meta descriptions affect search engine rankings?
- How long should an SEO title tag and meta description be?
- How do I add meta tags to my website?
What are SEO meta tags?
SEO meta tags are snippets of information in a webpage’s HTML that help search engines and browsers understand or display details about the page. They include elements such as the meta description, which may appear beneath a page title in search results, and the robots meta tag, which can give instructions about indexing. A page title is also important for SEO, although it is an HTML title element rather than a meta tag. Used accurately, these elements can help present a page clearly, but they do not guarantee higher rankings.
Which meta tags are important for SEO?
The most important meta tags and related page elements for SEO are the <title> element, the meta description and the robots meta tag. A clear, unique title helps describe the page in search results, while a relevant meta description may encourage people to click, although search engines can choose different text to display. The robots tag can guide indexing, so check that important pages are not accidentally set to noindex. The viewport tag also supports a good mobile experience. Social sharing tags can improve how a page looks when shared, but they are not direct ranking factors, and the meta keywords tag is generally ignored by major search engines.
Do meta descriptions affect search engine rankings?
Meta descriptions are not generally considered a direct ranking factor, so adding keywords to them will not, by itself, improve a page’s position in search results. However, a clear and relevant description may encourage people to click when it appears as the search snippet, potentially increasing visits. Search engines can choose to display different text from the page, so make each description an accurate, useful summary rather than treating it as a ranking shortcut.
How long should an SEO title tag and meta description be?
There is no fixed character limit for an SEO title tag or meta description, as search engines may shorten or rewrite them to fit the available space, which varies by device and search query. As a practical guide, aim for a concise title of around 50–60 characters and a meta description of roughly 150–160 characters, while putting the most important information first. Above all, make both accurate, distinctive and appealing to readers rather than adding words simply to meet a target length.
How do I add meta tags to my website?
To add meta tags, place them inside the <head> section of your webpage’s HTML. For example, add a page title using the <title> element and a summary using <meta name="description" content="...">. If your website uses a content management system, such as WordPress, an SEO plugin may let you enter these details without editing code. Add unique, accurate tags to each relevant page, then check the page source or use an SEO tool to confirm they appear correctly.