{"id":370,"date":"2018-04-04T14:21:15","date_gmt":"2018-04-04T14:21:15","guid":{"rendered":"https:\/\/www.searchenginewatch.com\/2018\/04\/04\/a-quick-and-easy-guide-to-meta-tags-in-seo\/"},"modified":"2020-02-18T01:36:09","modified_gmt":"2020-02-18T01:36:09","slug":"a-quick-and-easy-guide-to-meta-tags-in-seo","status":"publish","type":"post","link":"https:\/\/searchenginewatch.com\/2018\/04\/04\/a-quick-and-easy-guide-to-meta-tags-in-seo\/","title":{"rendered":"A quick and easy guide to meta tags in SEO"},"content":{"rendered":"

Meta tags are invisible tags that provide data about your page to search engines and website visitors.<\/strong> <\/span><\/p>\n

In short, they make it easier for search engines<\/a> to determine what your content is about, and thus are vital for SEO<\/a>.\u00a0<\/span><\/p>\n

Meta tags are placed in the <head> section of a HTML document, and so they need to be coded in your CMS. This can be easier or harder depending on the platform that powers your website: an “out of the box” solution like WordPress will have a dedicated section for meta tags like canonical links or meta descriptions<\/a>.<\/p>\n

However, before we get into the nitty-gritty of which meta tags to add to your site, let’s talk about why they’re so important.<\/p>\n

Why do meta tags matter?<\/span><\/h2>\n

As previously mentioned, meta tags offer more details about your site to search engines and website visitors who encounter your site in the SERP.\u00a0They\u00a0 can be optimized to highlight the most important elements of your content\u00a0and make your website stand out in search results.<\/span><\/p>\n

Search engines\u00a0increasingly value a\u00a0good user experience, and that includes making sure that your site satisfies a user’s query as best as it possibly can. Meta tags help with this by making sure that the information searchers need to know about your site is displayed upfront in a concise and useful fashion.\u00a0<\/span><\/p>\n

Some types of meta tag relate to page structure and will ensure that your site is easy to navigate,\u00a0while others tell search engines which parts of your page are important and which to overlook.<\/span><\/p>\n

There are numerous different types of meta tags which fulfill different roles, and not all of them are relevant to SEO<\/a>. You can find a full list in our complete guide to meta tags<\/a>.<\/p>\n

However, for the purposes of this quick guide, we’ve picked out the six most important meta tags that you need to know about for search optimization.<\/p>\n

Six meta tags to improve the optimization of your site<\/span><\/h2>\n

1. Title tag<\/b><\/span><\/h3>\n

\"\"<\/a><\/p>\n

The title tag<\/a> is one of the first things that users<\/a> notice in the SERPs. It\u2019s the title of your page that offers a preview of what your content is about.<\/span><\/p>\n

It\u2019s important as it shows up in the search results, but it\u2019s also pulled out to show up as anchor text and a title in social shares.<\/span><\/p>\n

This means that your title tag should be clear, descriptive and usually not more than 55 characters.<\/span><\/p>\n

If you can include a keyword in these 55 characters, you can enhance your SEO<\/a>, but what\u2019s even more important is to remember to add value. A title that has the right keyword<\/a> without being clear won\u2019t necessarily lead to improved results.<\/span><\/p>\n

Your title tag is not just for your visitors, but also the search engines that discover your content. Thus, you need to blend clarity with context to ensure that your title makes sense to everyone.<\/span><\/p>\n

If you\u2019re using a plugin like Yoast SEO in WordPress, it becomes easier to add your title tag in the SEO<\/a> section to see a preview of your page and how it can look at the search results.<\/span><\/p>\n

Another way to add the title tag is through the site’s HTML, which should look something like this example:<\/span><\/p>\n

<head><\/code>
\n<title>Example Title<\/title><\/code>
\n<\/head><\/code><\/p>\n

Takeaway<\/span><\/span><\/strong>: Pay attention to your title tags, be clear and descriptive. <\/span><\/p>\n

2. Meta description<\/b><\/span><\/h3>\n

\"\"<\/a><\/p>\n

The meta description<\/a> is\u00a0of equal importance to the title tag.\u00a0If the title tag is the title that appears at the top of a search result, the meta description is the snippet that displays underneath.<\/span><\/p>\n

The meta description should provide an accurate description of the content of your page. It is usually the element that determines whether users will click on your page, which makes it important to spend time on its optimization.<\/span><\/p>\n

Previously, the optimum length for meta descriptions was 150-165 characters, but a recent update to\u00a0the way Google displays search results has resulted in longer snippets being shown on occasion. For more on what this means for SEO and how to adapt,\u00a0have a read of David Portney’s comprehensive piece, ‘Google’s updated SERP snippet length: What should be your SEO strategy now?<\/a>‘.<\/p>\n

As with title tags, you can add a meta description via a plugin like Yoast SEO, or code it manually in your website’s HTML, as in\u00a0this example: <\/span><\/p>\n

<head><\/code>
\n<meta name=\"description\" content=\"Here is a precise description of my awesome webpage.\"><\/code>
\n<\/head><\/code><\/p>\n

Takeaway<\/span><\/span><\/strong>: Use your meta description wisely and take advantage of the opportunity to provide more details about your content. Make it appealing, concise and relevant.<\/span><\/p>\n

3. Robots meta tag<\/b><\/span><\/h3>\n

The robots meta tag informs search engines which pages on your site should be indexed.\u00a0This meta tag serves a similar purpose to\u00a0robots.txt<\/strong>; it is generally used to prevent a search engine from indexing individual pages, while robots.txt will prevent it from indexing a whole site or section of a site.<\/span><\/p>\n

A robots meta tag which instructs the search engine crawler not to index a page, or follow any links on it, would be written like this:<\/p>\n

<meta name=\"robots\" content=\"noindex, nofollow\" \/><\/code><\/p>\n

However, if you want to tell the crawler to index and also follow your page, you would replace the robots tag with this: <\/span><\/p>\n

<meta name=\"robots\" content=\"index, follow\" \/><\/code><\/p>\n

The robots meta tag is placed in the <head> section of your page, and the result might look\u00a0like this:<\/span><\/p>\n

<!DOCTYPE html><\/code>
\n<html><head><\/code>
\n<meta name=\"robots\" content=\"noindex\" \/><\/code>
\n(\u2026)<\/code>
\n<\/head><\/code>
\n<body>(\u2026)<\/body><\/code>
\n<\/html><\/code><\/p>\n

If you don\u2019t add a robots meta tag, the default for crawlers is to index and follow your page.\u00a0<\/span><\/p>\n

Why would you need to use this meta tag? It might be that you have some pages on your site which are necessary, but quite thin content-wise. You don’t necessarily want\u00a0them to be indexed in search, but they’re still important to the site, so you can use a\u00a0noindex<\/strong><\/a> tag to prevent them from appearing in the SERPs.<\/p>\n

Google also requires links to be\u00a0nofollowed<\/strong> under certain circumstances. For example, in 2016, it issued a directive to bloggers<\/a>\u00a0to nofollow any links that they included as part of a product review, as “these links don’t come about organically”. If you want to nofollow an individual link, you can achieve this by adding\u00a0rel=”nofollow”<\/strong> to the link HTML.<\/p>\n

However, if you wanted to simply nofollow all links on a particular page, you can achieve this with the robots meta tag.<\/p>\n

Takeaway<\/span><\/span><\/strong>: Manage the pages that search engine\u00a0crawlers\u00a0access on your site by guiding them through the robots meta tag. Use the robots meta tag to ensure that search crawlers process each page the way you want them to.<\/span><\/p>\n

4. Alt text<\/b><\/span><\/h3>\n

\"A<\/a><\/p>\n

Image optimization<\/a> has become a very important element of modern SEO, as it offers an additional opportunity to rank in the search results, this time with your visual content.<\/span><\/p>\n

Your images should be accessible to both search engines and people. Alt text can ensure both of these things: it\u00a0provides a text alternative to images which will be displayed if the image doesn’t load, or will be read out by a screenreader; it also tells search engines what that image is meant to represent.<\/span><\/p>\n

You can include keywords<\/a> in your image alt text, but only if it makes sense to do so – don’t keyword-stuff this tag, as it will only end up harming the user experience for your visitors with accessibility needs.<\/p>\n

Takeaway<\/span><\/strong><\/span>:<\/strong><\/span> Use alt text in your images to describe your visual content. This is a great opportunity to improve your SEO while helping both search engines and people to learn more about your images.<\/span><\/p>\n

5. Canonical tag<\/b><\/span><\/h3>\n

If you have pages on your site that are almost identical, then you may need to\u00a0inform\u00a0search engines which one to prioritize. Or you might have syndicated content<\/a> on your site which was republished elsewhere. You can do both of these things without incurring a duplicate content<\/a> penalty – as long as you use a\u00a0canonical tag<\/strong>.<\/span><\/p>\n

Instead of confusing Google and missing your ranking on the SERPs, you are guiding the crawlers\u00a0as to which URL counts as the \u201cmain\u201d one. This places the emphasis on the right URL and prevents the others from cannibalizing your SEO.<\/span><\/p>\n

A canonical tag can look like this in HTML:<\/span><\/p>\n

<link rel=\"canonical\" href=\"http:\/\/example.com\/\" \/><\/code><\/p>\n

Takeaway<\/span><\/strong><\/span>:<\/strong><\/span> Use canonical tags to avoid having problems with duplicate content that may affect your rankings.<\/span><\/p>\n

6. Header tag (h1, h2, h3, etc.)<\/b><\/span><\/h3>\n

Header tags are part of your content;\u00a0in short, they are the headings that you use to structure your page.<\/span><\/p>\n

As well as\u00a0improving user experience and ease of reading, header tags can also help search engines in understanding what your content is about.<\/span><\/p>\n

The order of your header tags (from h1 to h6) highlights the importance of each section. A h1 tag typically denotes the page title or article headline, while h2 and below serve as subheadings to break up your content.<\/span><\/p>\n

As important as header tags are, you shouldn’t overuse them – think quality, not quantity. Having five different types of heading on your page won’t help your SEO. Instead, use them tactically to break up your content and introduce the main point of each section.<\/p>\n

Here’s an example of how header tags can be arranged, taken from this article:<\/p>\n

<h1>A quick and easy guide to meta tags in SEO<\/h1><\/span><\/strong><\/p>\n

<p>Paragraph of content<\/p><\/span><\/p>\n

<p>Another paragraph of content<\/p><\/span><\/p>\n

<h2>Why do meta tags matter?<h2><\/span><\/strong><\/p>\n

<p>Paragraph of content<\/p><\/span><\/p>\n

<h2>Six meta tags to improve the optimization of your site<h2><\/span><\/strong><\/p>\n

<h3>1. Title tag<\/h3><\/strong><\/p>\n

It\u2019s usually suggested to use only one h1, while you can use more than one h2 or h3.<\/span><\/p>\n

Takeaway<\/span><\/strong><\/span>:<\/strong><\/span> Use header tags to help search engines understand your main topic on each page. Use them wisely and find a balance between the reading experience and the SEO value.<\/span><\/p>\n

How to optimize your meta tags: A checklist <\/span><\/h2>\n

Meta tags<\/a> can help both search engines and searchers. They can help you improve the user experience and the display of your business information.<\/span><\/p>\n

This can contribute to an improved authority, an enhanced search presence and thus, a higher ranking.<\/span><\/p>\n

If you\u2019re ready to check your performance with meta tags, here\u2019s a quick checklist to start with:<\/span><\/p>\n