The title tag or to be more accurate the title element (it’s an HTML element, not a meta tag, but most webmasters think it’s a meta tag like the meta description tag) is what you see at the top of web browsers like Google Chrome and Firefox.
If you are using Google Chrome or Firefox to view this SEO tutorial look at it’s browser tab and you will see this webpages title tag, it’s: “Title Tag SEO Tutorial“.
Google and other search engines use a webpages title tag as a major ranking signal making title tag SEO a very important part of any webmasters SEO strategy.
I set this webpages title tag to “Title Tag SEO Tutorial” because I want Google etc… to rank this webpage for SERPs related to “Title Tag SEO Tutorial”: SEO isn’t difficult to understand.
Title Tag HTML
Title tag HTML code is quite basic, you have an opening <title> element and a closing </title> element and whatever is put between them for a specific webpage is that webpages title tag.
If you view the HTML source of this webpage on a Desktop computer (with Google Chrome/Firefox, “Right Click” anywhere on the webpage avoiding images and select “View Page Source” and the HTML source code loads in a new browser tab) and quite close to the top you will find this title tag HTML code:
<title>Title Tag SEO Tutorial</title>
That’s all the title tag is.
Below is a screenshot of this websites home page title tag in Google Chrome including the HTML source code.
You can see in the screenshot the home pages title tag is simply SEO Gold.
It’s a little difficult to ‘read’ the HTML code for this site because for SEO reasons I minify the HTML code (via a WordPress SEO plugin): minifying the HTML source code means removing the extra spaces (white space), tabs, HTML comments and carriage returns so the HTML code is all on one line taking up as little space as possible (means the HTML file is smaller and loads a little faster, but the code is harder to read).
I’m working on my very old Classic Literature site (working on an SEO update) and have the minification turned off, below is a screenshot of the title tags HTML source code, much easier to read.
To build a webpage from scratch you might start with HTML code like this, it’s about as basic as it gets.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<title>Title Tag Here</title>
Content code here
WordPress Title Tags
Most websites in 2020 will be built using Content Management Systems (CMS) like WordPress, not by manually creating HTML webpages.
This site (and the classic literature site mentioned earlier) runs under WordPress and the average webmaster will never touch the core HTML code or create the HTML code behind the title tag, they will simply add some text to the CMS (create a WordPress Post for example and give it a Title) and the CMS (WordPress) will do the heavy lifting creating the title tags HTML code etc…
This webpages title tag is Title Tag SEO Tutorial and by default WordPress created it via the WordPress Posts title and any WordPress theme/plugin title tag features, see screenshot below.
For this website I have any theme/plugin title tag relevant features to ONLY use the title of a WordPress Post as the title tag.
There are WordPress SEO Theme and SEO Plugins features which add all sorts of stuff to a WordPress Posts Title tags, from the Site Name to the name of Categories and Tags!!!
The Yoast WordPress SEO Plugin for example by default adds the site name to the end of the title tags, if I used such a feature (I don’t use or like the Yoast plugin) this webpages title tag HTML code would be something like this:
<title>Title Tag SEO Tutorial - SEO Gold</title>
The Wrong Title Tags
If you believe your webpages are creating the wrong title tags the easiest way to know for sure what is output as a title tag is load different sections of the site (Home Page, Categories, Tags, Posts etc…) in a browser like Google Chrome and hover over the browser tab (the title tag pops up, see earlier screenshots) and/or view the HTML source code and literally search through the HTML code (should be close to the top) to see what’s between the opening and closing title HTML elements.
If the title tag output isn’t what you expect it to be, check how your title tags are generated and modify accordingly.
Now you know what a title tag is and how it’s generated let’s discus how to search engine optimize title tags.
How to Search Engine Optimize a Title Tag
There’s no one right way to optimize a particular webpages title tag, sometimes a short title tag (like this articles title tag) is best, other times a much longer title makes sense. There’s isn’t one correct title tag length, each webpage has unique SEO, brand and user requirements.
First thing to decide is branded or unbranded title tags?
Unless you are a regular visitor to my website I can bet the farm you’ve never heard of the brand “SEO Gold“. SEO Gold isn’t a well know SEO brand name, very few people are searching in Google for SEO Gold, so there’s little to gain optimizing a webpage like this one to include the brand name SEO Gold.
I registered the seo-gold.com domain way back in 2004 and traded under the name SEO Gold Services or SEO Gold for short. There’s a city in Australia called Gold Coast (6th largest Australian city) and there’s quite a number of businesses with names related to SEO Gold Coast.
Most of the SEO Gold Coast businesses look like web design businesses who also offer SEO services. When I registered the SEO Gold domain (2004) I don’t recall noticing any SEO companies with websites from the Gold Coast.
Basically there’s little to gain having this title tag:
<title>Title Tag SEO Tutorial - SEO Gold</title>
No one is searching Google for “SEO Gold Title Tag SEO” or “Title Tags SEO Gold” and the Google users searching for SEO Gold Coast SERPs are highly unlikely to be looking for my SEO service: they are presumably looking for a local SEO company near the Gold Coast city, the traffic won’t convert – I’m in the UK, couldn’t be much further away if I tried.
This websites home page is already ranked in the top 1 or 2 in Google for the SEO Gold SERP and it generates a trickle of traffic, I only need the home page to target the brand name.
Google Appends the Brand Name to it’s SERPs Titles
Google also automatically appends the brand name (with the format “ – SEO Gold“) to this domains SERPs when there is space (when title tags are short).
Since there’s not a lot of search engine traffic related to SEO Gold SERPs and Google appends the brand name to the end of title tags when there’s space, there’s no compelling reason to include it as part of most webpages title tags.
Therefore the vast majority of this websites titles tags use the simple format of:
<title>Title of the Article Which Targeting a Phrase or Two</title>
Conversely if SEO Gold was a huge brand name like Amazon, Flipkart, Tescos, Google, Coca Coal, Puma, Nike etc… brand names the majority of people already know OR I was building a brand presence for SEO Gold it makes sense to include the brand name at the end of title tags.
I don’t need a big brand presence: I’m a freelance SEO consultant working alone from a home office serving a small number of SEO clients (not looking to expand much or take on employees etc…). When I took on my first half a dozen SEO clients (over 15 years ago) my SEO site was on a free sub-folder provided by my ISP :-)
Before making an SEO decision (a business decision) always consider what you are trying to achieve. I could in principle run an SEO business without this website, I could have a simple Facebook page advertising my SEO services and post on forums to generate interest: I’m one person with limited hours in a week, I can’t manage 10 SEO clients, it would be too much work.
Don’t forget about bookmarks.
Remember title tags are NOT only used by search engines, they are used as part of browser Bookmarks, if someone Bookmarks this webpage it’s saved with the title “Title Tag SEO Tutorial” with no branding. If a webpage gets Bookmarked a lot and you want your brand name as part of it, you have to add it via the title tag.
Social media sites like Twitter and Facebook also use the title tags when content is shared, but this can be easily overwrote by using the social media networks own title meta tags, easy to brand on Twitter etc…