How to Create Search Engine Friendly Title Tags

html

One of the most frustrating things about SEO is getting everything to work together like it should.

If you’ve done SEO, you know exactly what I’m talking about. There are so many little elements in SEO that sometimes it seems impossible for everything to work out perfectly.

Even today! I know I talk a lot about how “smart” the search algorithms are and how it’s virtually impossible to game the system.

But there are still a lot of different elements, all of which have to be perfectly arranged in order for your SEO to really succeed.

Many times, the problem will be a small gear in the machine that you might have never noticed before.

Case in point: Page title tags.

Before you yawn and find some more sexy SEO topic to jam on, hear me out.

Title tags are one of the cornerstones of SEO. They always have been, and as far as we can tell, they always will be.

Moz explains, “title tags are the second most important on-page factor for SEO, after content.”

When it comes to low effort/big results, title tags take the cake. It’s such a small element but has such a massive impact!

You know it’s important to create eye-catching headlines, but optimizing your titles also matter for SEO purposes.

That’s where page title tags come in. They’re how your titles are relayed to search engines, and they’re an important part of any SEO strategy.

This is one of the few times when you need to write for both people and search engines, and that can be tricky. (Especially with headlines.)

In short, you have to create a clickable headline that also makes search engines happy.

Here’s the challenge: People have to like it. Search engines have to like it. Yikes!

Does that sound difficult?

Yes, it can be if you don’t know what to do, or if you don’t have a process for creating them. That’s why I’m going to break down my process for title tags step-by-step.

When you get used to it, creating optimized page title tags is actually pretty easy.

We’ll go through that process, but first, let’s look at why title tags are important for SEO.

Learn how I grew my search traffic to over 100,000 visitors a month through SEO.

What are page title tags?

If you’ve ever used a search engine before (and I’m guessing you have), you’ve seen a page title tag whether you’ve realized it or not.

It’s simply the headline on the SERP (search engine results page).

For example, if you Google “kitchen appliances,” you’ll see that one of the top results is from IKEA.

In this case, the page title tag is “Kitchen Appliances – IKEA.”

This is what both people and search engines will see as the title of your page. Often, this is the first thing they’ll see, and that’s a big reason why it’s so crucial to put time and effort into your title tags.

The point you need to remember is this: real people are reading your title tag.

They are going to respond to it. They will judge it. They will be compelled by it. They will be put off by it. They will learn from it.

Basically, the title tag is your page’s message to the world!

Title tags work with the meta description (the text below the title tag). In the case of the IKEA search result above, this is the meta description — a sentence or phrase that adds more information about the page.

I’ve written about meta descriptions before, but title tags are even more important.

Both the title tag and the meta description together give a brief idea of what your content is about, but the title tag stands out more.

There are two big reasons why page title tags are so important.

First, if you have a clear title that’s relevant to your page, both humans and search engines will see that as a sign of a good page.

But if your title tag isn’t optimized, then people could skip right over your content, and search engines may determine that your page isn’t the highest quality it could be.

A second reason why title tags are important is that they show up in browser tabs:

So when someone wants to find your page out of all their browser tabs, they’ll look for your title tag.

Title tags are often what people will see if your page is shared on social media. For example, here’s an example of a title tag on Facebook:

Source: Moz.com

Can you see why title tags are so important? A good title tag means maximum visibility, while a bad title tag can sink your page.

There are three important steps to take to optimize your title tags.

  • First, you have to make sure your headlines will make for good title tags.
  • Second, you have to create the title tag.
  • Third, you have to make sure the title tag is optimized for SEO.

Let’s dive into all three.

Step 1: Write your title tag

You might be wondering how writing a title tag is any different from writing a headline.

In some cases, your headline and title tag will be the same exact title. But there are some cases where they won’t be.

Check out this SERP result from Copyblogger:

It seems like the title for the page would be “How Content Marketing Builds Your Business,” right?

But when you go to the page, you’ll see a different title:

The title shown on the page is longer and more descriptive.

So why would Copyblogger do this? It’s most likely because the shorter title tag looks better on the SERP, and it takes less time to read.

The actual title that you see on the page goes into more detail, and that’s probably why they used it. They get the benefits of having both a streamlined title tag and a descriptive page title.

It’s a sneaky and useful tactic that’s the sort of SEO stuff I love.

With that in mind, here’s how to write a great title tag.

There are a few elements of title tags:

Title tags should be short. Shorter titles are easier for people to read and for search engines to crawl.

But there’s a better reason for shorter title tags.

If your title tag is too long, search engines will cut off your title with an ellipsis (…):

Ideally, your readers and search engines should be able to see the entire title tag so they get the best idea of what the content is about.

Moz reports that Google typically shows 60 characters of the title tag. So if your title tag is 60 characters or less, you can generally expect that the entire title will show.

If you want to make sure, Moz also has a handy Title Tag Preview Tool:

This is a great feature that I recommend you use. Remember, keep it short if possible.

Title tags should contain your main focus keyword. You probably expected to see something about keywords in an article about SEO.

For best results, try to put your focus keyword as close to the beginning of your title as possible. That’s so search engines (and people) will see the keyword early on.

Here’s a title tag with the keyword right up front:

Contrast that with this result that has the keyword closer to the end of the title tag:

One tip: Make sure the keyword placement is organic. It’s preferable that the keyword is close to the beginning, but it’s not necessary for great SEO.

Title tags should describe a benefit. Much like a headline, a title tag needs to communicate a benefit to stand out.

This is one of many reasons Google warns against keyword stuffing and boilerplate titles.

Your title tags are representatives of your pages, and you want people and search engines to know that your pages have unique, valuable content.

Make sure your title tag is related to your content. It should read naturally and grab the reader’s attention.

Keep in mind that you’re not trying to trick people. All you need to do is clearly assert some sort of benefit that users will receive if they click on your page.

Often, the “benefit” is nothing more than telling them what the page is about! At this point, you’re not trying to sell anything. You’re simply giving them information.

The next logical action that you want the user to take is to click through and land on your page. That’s the goal that your title tag is trying to achieve.

Here’s a title tag that clearly expresses a benefit (ignore the jargon-filled, not-so-great meta description).

On the other hand, this title tag is plain and doesn’t explicitly state a benefit (they did a nice job with the meta description, though).

(Sure, Amazon probably doesn’t need to state a benefit, but your site probably does.)

Stating a benefit probably won’t do anything for search engines, but it will go a long way for human users who come across your site with a search.

Step 2: Create the title tag

Once you have your page title tag written, you need to set it as the title for your page.

The way you’ll do this will depend on what you use.

Many of you probably have a custom site, in which case you can edit the HTML directly. (And it’s super easy to do.)

If you use WordPress, it’s also super easy.

If you use another CMS or host, it might look a little bit different for you.

Let’s take a look at each of these three different cases and how to create a title tag for each scenario.

Case 1: You have a custom site not hosted on a CMS.

If your site isn’t hosted on a CMS, you can edit your HTML to reflect titles.

First, you need to access the HTML for your specific page. I recommend checking with your hosting service on how to do this.

Once you’ve found the editable HTML, make sure you’re between the <head> tags.

 

 

 

(Note: This is example code using Editpad.org. Your code will probably look different, and there might be extra code here. That’s okay––just make sure you’re only between the <head> tags and not any others.)

To create the title, use <title> tags. For example:

That’s it! Save your code, and your title will now show up correctly.

Case 2: You use WordPress.

If you use WordPress, you’ll be happy to know there’s a super simple solution that’s actually way easier than editing the HTML.

In fact, this method uses something you’re probably already using: the well-loved Yoast SEO plugin.

This is a powerful plugin that you can get a lot out of. And it’s great for editing your title tags.

First, if you don’t have Yoast installed, go to Plugins > Add New.

Type “Yoast” into the plugin search bar.

Look for “Yoast SEO.”

Click “Install Now.”

Next, click “Activate.”

Now the plugin is up and running.

To edit the title tag for a page or post, navigate to that content and open the editor:

Below the text field, you’ll see the Yoast box.

Click on “Edit Snippet.” This is where you can enter your title tag.

It’ll also give you a nice preview of both your title tag and meta description:

If your title tag (or meta description) turns out to display differently on the actual SERP, you can always go back and edit it in this section.

Case 3: You don’t have a custom site or a WordPress site.

I know not all of you fall under these categories.

You might use a completely different kind of CMS, or your web host might have a different setup.

In those cases, I recommend contacting your CMS company or web host to find out how you can access your HTML to edit your page title tags.

This is really a case-by-case scenario, so it will probably look different for a lot of you. However, you should be able to get an answer with a quick email to your web host’s support email.

So far, you’re two-thirds of the way done! Now you just need to make sure your title tag is the most SEO-friendly it can be.

Step 3: Optimize your title for SEO

We’ve talked a little bit about this already, but there are a few more steps you can take to make sure your title tag is optimized.

This is the step that most people miss entirely!

They think, “Yay. I’m done with my title tag!” But they forget that one of the primary methods of marketing and promotion is through social sharing!

Here are my best tips for optimizing your title tags for social.

Use your brand––but wisely. The title tag can be a great place to include your brand, but if you overdo it, you could face some consequences.

Google suggests using your homepage title tag to include the most branding. Their example: “ExampleSocialSite, a place for people to meet and mingle.”

For most of your pages, adding your brand to the end of the title tag will suffice (if there’s room, that is).

Here’s how I do that:

Preventing search engines from rewriting your title tags. You read that right: Sometimes Google will rewrite your title tags.

It’s crazy, I know! But why the heck would this happen?

According to Silkstream, “Google will automatically change how your title is displayed in the SERPs if their algorithm is under the impression that the page title doesn’t accurately represent the content on that page.”

So if your title tags don’t look good to Google, they’ll consider other factors, including:

Take a look at this title tag:

If you go to the homepage and view the source code (right-click and select “View Source” or “View Page Source”), you’ll see the company set the title to be something else:

Google did that because they felt their revised title tag would help people more than the original version.

The good news: If you follow the steps outlined in this article, Google should keep your title tags as they are.

If you do see your title tags showing up differently, revisit them and try to identify how you can further optimize them.

Consider making your H1 page heading different from the title tag. This is exactly like the Copyblogger example from earlier.

You can use two different sets of keywords in your title tag and H1, which organically enhances your SEO. Search engines will count the title tag as the “heading.” (Just make sure it’s optimized.)

Make sure you don’t have any duplicate title tags. Google explicitly says that “it’s important to have distinct, descriptive titles for each page on your site.” So don’t copy and paste your title tags.

If you’ve done everything so far, you should now have an optimized title tag! Finalize it and send it out into the world.

Conclusion

I know first-hand that SEO can be a headache. But it doesn’t have to be.

I’m all about demystifying SEO because I know it’s something anyone can do. Even if you’re a technophobe, you can do this!

I don’t have a lot of technical skill, but I’ve mastered several aspects of SEO. I learned on my own and didn’t have any formal training. You can do the same exact thing and master SEO like I did.

It doesn’t take years of experience in digital marketing to get SEO right. You just have to learn the ropes and get used to it.

For example, creating page title tags is pretty simple. It might seem complicated at first, but once you take a peek behind the scenes, you see how easy it is.

If you’re not currently leveraging the power of optimized title tags, use this article to start doing that. It can be a game-changer and help your visibility on the SERPs.

Best of all, it only takes a small modification to what you’re already doing. You can just take a minute or two to create your title tag and make sure it’s SEO-friendly.

What tips do you have for using title tags for maximum SEO power?

Share