Using Title Tags for Search Engine Optimization

Warning! This tutorial is for deprecated Concrete5 versions 5.6 and below. Many of the examples and methods are no longer relevant to modern Concrete5.

An important part of Search Engine Optimization or SEO, is the proper use of the <title> tag, which is HTML code that dictates what the users browser window calls the webpage. a web pages title tag shows up in a lot of places. The most visible is at the top of your web browser window.

Title Bar in Firefoxclick image to enlarge

More importantly, your title tags are also used as the headline when your page is listed within a search engine. The image below shows a Google search result of the same page that producted the browser window title above. The more relevant your headline looks to people searching, the more likely they will choose to click on your result. One thing you will notice is that the title has been truncated (cut off) on this particular result. That is because Google will only show a max of 69 characters in a title tag. This is important to remember, and if your title tag is going to exceed 69 characters, try to make sure your important keywords appear at the begining. Another thing you might have noticed is that some words have been bolded. When a keyword you searched for appears within the title tag of the result that keyword will be bolded giving users even more reason to click on your website.

Google SERPclick image to enlarge

Concrete5, being the user friendly yet flexible CMS it is, allows you a couple of ways to manage your title tags. By default all your title tags are automatically generated by combining your website name and that particular pages name. Between the two elements is a double colon (::).

This works fine for most websites, but sometimes you may use your entire 69 characters with just the site name, and other times relevant keywords would be more important within your pages title tags. If you look at the tag of this page you can see that I decided to slim down the "" website name to just "C5T", then I give a keyword rich description of the contents of this tutorial.

So how exactly did I bypass the automatic generation of the title tag? Let me show you.

Step 1. Login to your website as an administrator

Log in to your Concrete5 website with the administrator account and then access the page you would like to change the title tag of.

Step 2. Access the page edit mode

Click the "Edit Page" button in the upper left hand corner of the page.

Edit Pageclick image to enlarge

Step 3. Access the Page Properties window

Select the "Properties" button from the edit bar at the top of the page.

Page Propertiesclick image to enlarge

Step 4. Select the Custom Attributes Tab

The properties page consists of several tabs containing page specific information. We are looking for a an attribute called "Meta Title". It will be accessbile within the "Custom Attributes" tab.

Custom Attributesclick image to enlarge

Step 5. Find and Edit the "Meta Title" attribute

With the Custom Attributes tab open you will now need to find and edit the "Meta Title" text box. In our example, the "Meta Title" box shows right up at the top of the page. This is because when building the website I selected to have the "Meta Title" attribute as a standard attribute on this particular page type. You will probably not be as lucky. If you do not see the "Meta Title" text box use the "Custom Attributes" drop down box (at the top of the custom attributes tab) to add it. After you select the Meta Title Attribute, it will be added at the end of your attribute list, so you may need to scroll down.

When you have located or added your meta title attribute box, you can now enter the text you would like in your title tag.

Step 6. Save your changes

After inputing your desired text click the "Save" button at the bottom right of the attribute window. Then "Exit Edit Mode" and publish your changes.

Congratulations, you are on your way to better search engine optimization!

Saveclick image to enlarge