Can I ask you a question?
I mean besides that one. What was it that made you click on this article to read it?
Maybe the title caught your eye, or perhaps it was the short blurb you saw.
You might have clicked simply because this article comes from a source you trust.
If you found this article via a search engine, though, none of those reasons explain why you’re reading it.
It’s because I included meta tags.
Meta tags are the foundation of SEO and the first thing you’ll find yourself setting up when building a web page.
Without meta tags, you can’t reach readers organically.
It doesn’t take much time to generate meta tags, but it’s more important than you might think.
That’s because 93% of all online experiences begin with a search engine.
This is why so much time is spent on expensive SEO campaigns.
Organic search traffic is the holy grail of SEO, so it can’t be ignored.
Your content needs to be readable and appealing to users on search engines.
There’s a very specific syntax needed.
It’s similar to how bookstores and libraries organize their archives of books.
Let’s take a look at the basic elements.
The title and description tags make up almost the entire entry.
If not for these tags, all you’d see in Google SERPs would be my URL.
Title and description tags are the two most-used tags for SEO purposes, but SEO isn’t the only part of digital marketing.
Advanced digital marketing requires the use of even more tags that improve page rank and overall user experience.
Just like this search result, you’ll soon find out that these tags control how your entire digital presence is viewed and navigated.
Machines can read URLs just fine. If I wrote for machines, my website would look like this:
Google prioritizes certain tags because they provide context for people.
I built my website for people as well, so it looks like this:
This polish is what marketing is all about.
In this blog post, we’re going to explore these meta tags and see how they affect your overall digital marketing efforts.
While simple, the devil is in the details, and every detail counts.
Are you ready?
How meta tags affect brand image and click through rates
You absolutely can judge a book by its cover. It’s what covers are designed for.
Your title and description tag create the cover for your web page. They’re your first impression on most visitors.
It’s not just about search engines, but how we view the Internet.
RSS feeds are the most basic way for blogs and podcasts to be spread.
Here’s a Reuters RSS feed — one of the most-read news feeds online.
Similar to Google’s search engine, the title and description are prominently featured.
It’s a template for how we read things.
Reddit is a basic link-aggregation site that takes away all the bells and whistles.
Reddit depends on the title and image to entice conversations and clicks.
Using meta tags correctly is like using the correct format for a business email.
Sure, you can put whatever you like out there, but there’s a level of professionalism that’s expected at some point.
Even Amazon will only give you a picture, title, and short description to make your point.
Think of these tags as your elevator pitch.
You’re given about as much space as a Tweet to sell your entire brand and product.
Sure, it’s a simple thing, but it’s crucial that you nail it!
You can’t just call in this detail and polish everything else. If you do, nobody will ever see the rest of what you polished.
Here’s a chart of what Smart Insights found are the 7 cornerstones of a 2017 digital marketing strategy.
All of these channels need to be consistent.
We already know how meta tags affect SEO, but that’s not the only element.
Meta tags will make your email marketing and marketing automation efforts easier by providing information for emailed links.
Tags are a crucial element that determines what my automated social media posts look like.
When other bloggers, YouTubers, and social influencers (and micro influencers) share your content, tags make it easier.
Think of tags as the packaging for your product.
If your packaging isn’t spot-on, nobody will ever buy your product, no matter how great it is!
So what are some best practices to implement for tags?
That’s exactly what I’m going to tell you next.
Meta tag best practices
There are a TON of different HTML tags that can be used on a web page.
We’re only going to focus on a handful of extremely important tags.
We’ll start with the one that might have brought you here today.
1. Title tags
It’s not technically a meta tag, but it shows up in the header and is used as one.
As of July 2017, the character limits for title tags in Google search results are 78 on mobile devices and 70 on a desktop.
That doesn’t necessarily mean you should use all those characters, however, and 60 is the generally recommended limit.
Long-tail keywords make a difference.
Here are the top titles in the SERPs for “How to make content marketing effective.”
By adding the year, we get an entirely new set of results for “how to make content marketing effective 2017.”
Some users will want basic information, while others will want the most current.
By adjusting our title tag, we can affect which of these searches we rank for.
Ultimately, the goal is to hit both, but that’s not always feasible.
Make sure your keyword is in your title, or you’ll find your articles buried in search results.
For example, when I search for the “best tacos in Tucson,” there are some restaurants on page 10 below even Del Taco.
That’s a wasted opportunity for that taco capital of the country!
Each of these small businesses could greatly improve their search results, sales, and ROI by simply adding “best tacos in Tucson” to their title tags.
Here’s a sample of the HTML required for a title tag, which is located in your header.
<title>The Best Title Example I Could Come Up With</title>
In WordPress, it’s as easy as giving your page a title.
You really can’t miss it.
That’s all there is to it!
2. Image tags
But they’re clearly used by search engines, link aggregators, and other sites to identify your site.
There are two image descriptions actually crammed into one tag.
Here’s what the HTML code looks like.
<img src=“image.jpg” alt=“image description” title=“image tooltip”>
Both the alt and title tags should be defined for the best experience.
The title displays on your screen when you hover your cursor over it.
The alt text displays when the image can’t be rendered (or is spoken to the blind and visually impaired).
When uploading an image to WordPress, you’ll be prompted to enter the title, caption, alt text, and description.
The more fields you fill out (even if you use the same information), the more searchable your images become.
Anywhere from 20-60% of all Google traffic goes to sites with well-optimized graphics.
Why wouldn’t you want to be included?
It’s also a matter of accessibility.
There are approximately 58,200 people with some level of visual impairment per million in the U.S. alone.
That’s a huge segment of the population that wouldn’t have a great user experience without the use of alt image tags.
Optimize your images for search engines and for users.
3. Description tags
They’re limited to 160 characters, and aren’t directly tied to Google’s search algorithms at all!
Once again, the reason you need description tags is to improve the user experience.
Description tags encourage click-throughs.
Here’s what the HTML looks like:
<meta name=”description” content=”This is an example of the text that will show up in search results. Read on to learn more about description tags.”>
Without a meta description, Google will default to whatever preview sentence it feels best encompasses the content.
This isn’t necessarily a bad thing.
This post doesn’t have a meta description (I rarely use them), and it ranks well.
Of course, my blogs are filled with relevant content in short, sweet sentences. Most of them would work as descriptions on their own.
Still, there’s no harm in adding additional information to make your content more searchable.
4. Robots noindex and nofollow tags
By default, all of the pages and links you create on your website are indexed as ‘follow’ by search bots and web crawlers.
Whenever you want to redirect them, you’ll need a robot meta tag.
Here’s the noindex HTML code:
<meta name=”robots” content=”noindex” />
This would be within the header and indicate this page doesn’t need to be indexed.
It’s useful for syndicated and duplicate content that your customers/readers could use but you don’t want credit for in search indexes.
Here’s the HTML for a robot nofollow.
<meta name=”robots” content=”nofollow”>
This is used for links you don’t necessarily want to endorse.
For example, readers leaving links in my comments aren’t exactly endorsed by me, so a nofollow tag above the comments section keeps my site clean for bots.
Here’s a great infographic on when and how to use nofollow tags.
Now we get to one of the most controversial meta tags.
5. Keyword tags
Keyword tags aren’t used by search algorithms to determine search ranking.
Here’s what the HTML looks like:
I coach my SEO clients to ignore keyword tags because they don’t affect SEO.
That doesn’t necessarily make them useless, however. They’re especially useful in WordPress.
Keyword tags and categories can help Google determine which page on your site should rank for a search.
They also create a page in WordPress that provides one more indexed page.
This means that, while your blog posts are focused on long-tail keywords, your tag and category pages have feeds covering the shorter keywords.
Categories can be used for the URL format, providing one more keyword to the page address.
This is accomplished under Settings – Permalinks in WordPress.
Adding this format provides context to your content.
Google loves context for search results!
Keywords also provide a big-picture overview of how many pages you have for each keyword.
You can use them to help plan your editorial calendar.
6. Viewport tags
You don’t spend much time thinking about viewports, but they’re especially important in today’s mobile-first world of search.
On mobile devices, pages are shown in a popup window called a viewport that extends past the border of the device.
Here’s an illustration of what I’m talking about.
Developers can set the viewport size to increase mobile usability.
WordPress users can check this tag to learn this information for their templates.
But you probably didn’t know that unless you’re already a web developer.
Since Google increasingly focuses on mobile-friendly websites, this meta tag could mean the difference between success and failure on mobile.
Now that you have a basic understanding of meta tags and why they’re important, I’ll show you some of my favorite tools for manipulating them.
Free tools to add and check your tags
1. Yoast SEO Plugin for WordPress
Yoast is a powerful SEO plugin for WordPress and one of the most-downloaded tools for both SEO and meta tags.
With Yoast, all of the pages and posts you publish have backend options to increase social sharing, optimize SEO, and update tags and other meta data.
With Yoast installed on your WordPress site, a few clicks and a few seconds of your time are all it takes to add meta tagging to your process.
It becomes second nature very quickly.
That’s why so many people forget how important meta tags truly are!
Yoast also allows you to enter a focus keyword that doesn’t get added to the meta tags, but that allows the backend program to analyze your post.
2. BuzzStream Meta Tag Extractor
If you need a quick chart of the meta data that’s being used by your competition, BuzzStream’s Meta Tag Extractor is a sleek and simple solution.
Copy and paste a list of URLs, and you’ll be presented with the meta tag information.
There’s even an option to download as a CSV file, so you can scrape large lists quickly.
It’s a quick and easy way to organize this data when you need it.
This free online tool does its job without all the bells and whistles.
3. SEOCentro Meta Tag Analyzer
The Meta Tag Analyzer from SEOCentro is a very handy free tool to check out both your own site and the competition.
Enter any URL, and you’ll get detailed information on the meta tags for the site.
It’s color-coded to make things even easier.
The descriptions are great, and any red or yellow flags are explained in good detail.
Scrolling down, the site goes even further, providing keyword analysis that can be used for keyword research.
You can see my site sorely lacks image keywords, and it’s something I’m aware of but haven’t had time to fix.
We’re almost done, but because it’s relevant to the subject, I want to take a moment to discuss the rest of the meta tags.
I focused on the useful ones, but there are still plenty of others.
I ignored the rest because they’re not relevant to my needs, but you’re certainly welcome to use them.
Meta tags you don’t need to use unless you want to
So to be fully transparent, here’s a chart of HTML meta tags.
An author meta tag can be used to tell search engines who wrote a piece of content.
Authors have been used in the past for search results, but it’s not a factor anymore. However, you might use author tags if you run a multi-author blog.
WordPress does add this information to blogs when multiple users are contributing content.
It’s more a badge of honor for bloggers than anything else.
Most of the rest define parameters that should already be controlled on a server level.
While I ignored these meta tags, it doesn’t mean you have to.
Feel free to add whatever information you’d like.
It doesn’t help search rankings, but it doesn’t hurt them, either.
Meta tags are a basic part of HTML.
Back in the early days of the Internet, they were a signaling factor for search engines to understand what content is on a page.
The Internet (and our relationship with it) has evolved exponentially since then.
Contextual search, AI voice assistants, and mobile devices are changing the way we view content.
Search engines are incentivized to provide the best search results possible, so meta tags are less and less important.
However, some, such as the titles and descriptions, are more important than ever before.
While less meta data is used, it’s still the first impression you’ll make to both robots and people.
What do your website’s meta tags say about you?