) works much better. These are all elements of site tagging that you should know. And if you haven’t taken steps to ensure that your site is tagged properly, do it now. Search engine crawlers don’t read web sites or web pages. They read the text on those pages, and HTML is a form of text. With the right HTML tags, you can tell a search engine far more about your site than the content alone will tell it.
Y
IN THIS CHAPTER
What’s so important about site tagging? How does site tagging work? Additional HTML tags Creating SEO optimized 302 direct pages Creating SEO optimized 404 error pages
167
Part II
SEO Strategies
What’s So Important About Site Tagging?
You must be thinking that for site tagging to be addressed in this book three times it must be very important to SEO. And you would be correct. Even beyond the keywords and the PPC campaigns, site tagging is one of the most effective ways to ensure that your web site shows up on search engine results pages. The HTML tags that you include on your web site tell search engine crawlers much more about your site than your content alone will tell them. Don’t misunderstand. Content is an essential element for web-site design. But it’s a more customer-facing portion of the design, whereas HTML is a crawler-facing portion. And before customers will see your content, crawlers must see your HTML. So when you ask the question, “What’s so important about site tagging?” there’s only one possible answer: Everything. Your SEO ranking will depend in large part on the tagging that controls your page behind the scenes. Customers never see it, but without it, they never see you.
How Does Site Tagging Work?
Site tagging, as you already know, is about putting the right HTML commands in the right place. The difficulties come in knowing what types of tags to use and what to include in those tags. The basic tags — title, heading, body, and meta tags — should be included in every page that you want a search engine to find. But to make these tags readable to the search engine crawlers, they should be formatted properly. For example, with container tags, you should have both an opening and a closing tag. The opening tag is usually bracketed with two sharp brackets (). The closing tag is also bracketed, but it includes a slash before the tag to indicate that the container is closing (). Notice that the tag name is repeated in both the opening and closing tags. This just tells the crawler or web browser where a specific type of formatting or attribute should begin and end. So, when you use the Bold tag, only the words between the opening and closing tags will be formatted with a bold-faced font, instead of the entire page being bold. There’s another element of web-site design that you should know and use. It’s called cascading style sheets (CSS) and it’s not a tagging method, but rather a formatting method. You should use CSS so that formatting tags are effective strictly in formatting, while the other tags actually do the work needed to get your site listed naturally by a search crawler. Think of cascading style sheets as boxes, one stacked on top of another. Each box contains something different, with the most important elements being in the top box and decreasing to the least important element in the bottom box. With cascading style sheets, you can set one attribute or format to override another under the right circumstances. We won’t go into creating cascading style sheets in this book. There’s enough to learn about that to fill at least two additional books, and in fact dozens have been written about them.
168
Tagging Your Web Site
11
When you’re using an attribute from a CSS, however, it’s easy enough to incorporate it into your web page. The following is a snippet of HTML that uses a cascading style sheet to define the heading colors for a web page:
Your Web Page Title First Heading
Enter any text that you would like to have appear here.
- List item one.
- List item two.
- List item three.
First subheading
Another paragraph of text can go here. Add whatever you like.
Looking at this bit of code more closely, you see:
This tag indicates that HTML is the language used to create this web page (were this part
of an entire web page).
Your Web Page Title indicates the title of the page. is the closing CSS indicator. indicates the beginning of the body text. First Heading
is the first header. In the live view of this page on the web, this head-
ing would be purple.
Enter any text that you would like to have appear here. This is your first
paragraph of text.
is the opening tag for an unordered list.
169
Part II
SEO Strategies
- List item one is the first item in your list.
- List item two is the next item in your list.
- List item three is the last item in your list.
is the closing tag for the unordered list. First subheading
This is the first subheading. In the live view of this page on the Web, this heading would be purple. Another paragraph of text can go here. Add whatever you like. Again,
another paragraph of text.
is the closing body tag. This indicates that the body text of the web page is complete. is the closing HTML tag, which indicates the end of the web page.
It’s not difficult to use CSS for the stylistic aspects of your web site. It does take a little time to get used to using it, but once you do it’s easy. And, when you’re using CSS to control the style of your site, you don’t need to use HTML tags, which means those tags will be much more efficient.
Additional HTML Tags
You’ve already seen the most important HTML tags for SEO. But there are literally dozens of such tags that you could use on your site. Some of them are more important than others. That doesn’t mean they will be the deciding factor on your search engine ranking. What it does mean is that if you can include them, they’ll help.
Nofollow
One of the first tags you should consider using, as long as you can use it appropriately is the nofollow tag. This tag, which is represented by is an attribute that tells a search engine crawler not to follow a certain link on your web site. For example, if you want to include an example of a bad site (like a hacker’s site or an SEO spam site) you may want to show that link on your web site. However, that link could reduce your search engine ranking because it’s a known bad site, and when you include the link to it the crawler thinks you’re endorsing the site. To save face and still have a link to your example, you can use the tag in the URL. The coded URL without the tag will look like this:
Bad Site
But when you add the tag it looks something like this:
Bad Site
170
Tagging Your Web Site
11
Your URL with the tag could also look like this because it doesn’t matter where in the link tag that you put the attribute:
Bad Site
Again, the tag isn’t essential in your SEO efforts. However, it could help prevent your site ranking from being reduced, and maybe even increase its ranking a little. At any rate, anything that keeps your ranking from falling is a good measure to take.
Strong and emphasis
When you’re formatting the text on your web site, how do you format the bold and italic words? Do you use the bold and italics tags? If you do, you should consider using CSS formatting as discussed earlier. When you format a word with , the actual site visitor can see and understand why the word is bold. A search engine crawler, and a screen reader, cannot. All the crawler or screen reader sees is the tag. There’s no “emotion” associated with it. A much better use of your HTML is to use the strong and emphasis tags. The tag translates into bold formatting and the tag translates into italics formatting. And the difference is that when a search engine crawler or screen reader encounters these tags, it knows to pay attention to the word or words that are included in the container. Those words within the container will also be given more weight. So, if you simply boldface or italicize your keywords, they will look just like any other words on the page when the crawler or screen reader comes through. But using the and tags around your keywords tells those bots to notice that the following words have importance and are more than simply additional words in the text of a page.
Noframes
Another tag that we touched on briefly in Chapter 3 is the tag. This tag is supposed to make your framed web site appear to search engine crawlers as if it has no frames. Crawlers can’t read multiple frames on a page, and if you’re using frames it’s going to be much harder to get your site ranked in the search engine results. The tag will help, but it’s not entirely foolproof. Even using the tag, you can still run into problems with browsers and crawlers. Some crawlers won’t crawl a site even if it has tags. So if you can avoid using frames, that’s always your best option. However, if you have to use frames, be sure to include the tag. Table 11-1 shows the difference between the HTML construction of a normal page, a frames page, and a frame page with the tag. As you can see in Table 11.1, the tag goes after the