Pages

Ads 468x60px

Kamis, 16 Januari 2014

How to Use HTML Meta Tags

Want top search engine rankings? Just add meta tags and your website will magically rise to the top, right? Wrong. Meta tags are one piece in a large algorithmic puzzle that major search engines look at when deciding which results are relevant to show users who have typed in a search query.
While there is still some debate about which meta tags remain useful and important to search engines, meta tags definitely aren't a magic solution to gaining rankings in Google, Bing, Yahoo, or elsewhere – so let's kill that myth right at the outset. However, meta tags help tell search engines and users what your site is about, and when meta tags are implemented incorrectly, the negative impact can be substantial and heartbreaking.
Let's look at what meta tags are, what meta tags matter, and how to avoid mistakes when implementing meta tags on your website.

What Are Meta Tags?

HTML meta tags are officially page data tags that lie between the open and closing head tags in the HTML code of a document.
The text in these tags is not displayed, but parsable and tells the browsers (or other web services) specific information about the page. Simply, it “explains” the page so a browser can understand it.
Here's a code example of meta tags:
<head> <title>Not a Meta Tag, but required anyway </title> <meta name="description" content="Awesome Description Here"> <meta http-equiv="content-type" content="text/html;charset=UTF-8"> </head>
For more on the history of meta tags, see our post “Death of a Meta Tag”.

The Title Tag

Although the title tag appears in the head block of the page, it isn't actually a meta tag. What's the difference? The title tag is a required page “element” according to the W3C. Meta tags are optional page descriptors.
To learn more about best practices for title tag element, our post “How to Write Title Tags For Search Engine Optimization” tells you everything you need to know.

The Description Meta Tag

This is what the description tag looks like:
<meta name="description" content="Awesome Description Here">
Ideally, your description should be no longer than 155 characters (including spaces). However, check the search engine results page (SERP) of choice to confirm this. Some are longer and some are shorter. This is only a rule of thumb, not a definite “best practice” anymore.
The “description” meta tag helps websites in three important ways:
  • “Description” tells the search engine what your page or site is about: For the search engine to understand what your page is about, you need to write a good description. When Google's algorithm decides a description is badly written or inaccurate, it will replace that description with its own version of what is on the page. Wouldn't you prefer to describe your site to potential customers or visitors using your own words rather than leaving it in Google's artificial hands? Look at this example and judge for yourself:
serp-good-bad-meta-description
  • “Description” helps with click through rates to your site: Writing a good description not only helps keep Google from rewriting it, but also helps you get good more people clicking through to your site. A well-written description not only tells users what is on your page, but also entices them to visit your site. A description is what shows up here in the search engine results. It is like good window dressing. Sites with poor descriptions will get less click throughs and the search engines will demote your site in favor of other sites.
  • “Description” helps with site rankings: The common belief (based on what Google said in 2009) is that nothing in the description will help you get rankings. However, I have seen evidence to the contrary. Is it heavily weighted? No, but if you want some value on a secondary keyword (say an –ing –ed or –s), use it here.
Two other quick notes on meta description tags:
  • Empty Descriptions: Can a description be empty? Yes. When it is empty Google and Bing will fill it in for you. In fact, sometimes (e.g., for blogs) you may prefer Google's or Bing's version. (Personally though, I always fill it in whenever possible, preferring my version to theirs, but if you have a small staff, this isn't always practical.)
  • Quotes: Don't use full quotation marks (“”) in your description. It will likely cut off your description. Use single quotes to avoid this issue.

The Keywords Meta Tag

A long time ago in a galaxy far, far away, the “keywords” meta tag was a critical element for early search engines. Much like the dinosaurs, this tag is a fossil from ancient search engine times.
The only search engine that looks at the keywords anymore is Microsoft's Bing – and they use it to help detect spam. To avoid hurting your site, your best option is to never add this tag.
Or, if that's too radical for you to stomach, at least make sure you haven't stuffed 300 keywords in the hopes of higher search rankings. It won't work. Sorry.
If you already have keyword meta tags on your website, but they aren't spammy, there's no reason to spend the next week hurriedly taking them out. It's OK to leave them for now – just take them out as you're able, to reduce page weight and load times.

Other Meta Tags

There are many other meta tags, but none are really considered useful nowadays. Many of the tags that we used did things like:
  • Told the spider when to come back
    <meta name="revisit-after" content="30 days">
  • Told the browser the distribution
    < meta name="distribution" content="web">
  • Told the page to refresh
    <meta http-equiv="refresh" content="30">
  • Told the page to redirect/refresh
    <meta http-equiv="refresh" content="x_seconds; url=http://www.yourhost.com/pagetosendto.html">
We don't use these anymore, either because there are better ways (such as schema tagging or server side methods) or because the engines they used to work on are no longer in existence or Google has explicitly told us they are not great ideas (such as redirects at the page level).
NOTE: Schema tagging and rich data snippets are single-handedly the most important (and somewhat quietly announced) change to how your site interacts with the search engines and the search spiders. Learn it. Know it. Implement it.

Robots Meta Tag

The robots tag is still one of the most important tags. Not so much for the proper implementation, but the improper.
The robots meta tag lets you specify that a particular page should not be indexed by a search engine or if you do or do not want links on the page followed.
Believe it or not, it is still common for a site to be deindexed because someone accidentally added a noindex tag to the entire site. Understanding this tag is vitally important.
Here are the four implementations of the Robots Meta Tag and what they mean.
  • <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
    This means: "Do not Index this page. Do not follow the links on the page." Your page will drop OUT of the search index AND your links to other pages will not be followed. This will break the link path on your site from this page to other pages.

    This tag is most often used when a site is in development. A developer will noindex/nofollow the pages of the site to keep them from being picked up by the search engines, then forget to remove the tag. When launching your new website, do not trust it has been removed. DOUBLE CHECK!
  • <META NAME="ROBOTS" CONTENT="INDEX, NOFOLLOW">
    This means: "Do Index this page. Do not follow the links on the page." Your page WILL be in the index AND your links to other pages will not be followed. This will break the link path on your site from this page to other pages.
  • <META NAME="ROBOTS" CONTENT="NOINDEX, FOLLOW">
    This means: "Do not Index this page. Do follow the links on the page." Your page will drop OUT of the index BUT your links to other pages will be followed. This will NOT break the link path on your site from this page to other pages.
  • <META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">
    This means: "Do Index this page. Do follow the links on the page." This means your page WILL be in the index AND your links to other pages will be followed. This will NOT break the link path on your site from this page to other pages.
NOTE: The robots tag may be ignored by less scrupulous spiders.

The Charset Tag

Finally, all sites must validate charset. In the U.S., that is the UTF-8 tag. Just make sure this is on your page if you're delivering HTML using English characters.
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

Conclusion

While meta tags aren't the magical solution that you may have heard, they still play an important role in helping your site get found in search engines. Enjoy your metas!
Below are some additional resources to help you on your path to search engine optimization.

SEO Basics for Beginners

SEO.
You hear the term all the time, but how do you actually rank higher in the search engines? I know when I first heard the term, it sounded like some voodoo magic that only a few people understood how to use.
The reality is, SEO isn’t rocket science. Some gurus would have you believe it takes years of dedicated study to understand it, but I don’t think that’s true. Sure, mastering the subtle nuances takes time, but the truth is that you can learn the fundamentals in just a few minutes.
So, I got to thinking, “Why don’t I lay out the basics, all in one post?”
It’s a long one, to be sure, but after years of studying SEO and working behind the scenes to help companies get first page rankings, I’m convinced this is all youneed to know. If you are looking to boost your traffic so that you can increase your sales, just follow these basic guidelines.

The Traffic Trap (and How SEO Really Works)

Lots of marketers make the mistake of seeing SEO only as a source of free traffic. It’s true, free traffic is the end result, but it’s not how SEO works.
The real purpose of SEO is to help people who are looking for you find you. To do that, you have to match the content on your website to what people are trying to find.
For example:
Mary sells custom knitted sweaters. On her blog, she shows how she makes the sweaters by hand, often talking about the different yarns she uses. There’s not much competition for keywords relating to yarn, and Mary is publishing lots of great content about it, so before long, she has front page rankings for several different types of yarn.
Do you see the potential problem?
The people searching for yarn most likely knit themselves, and it’s unlikely they’ll be interested in purchasing Mary’s sweaters. She’ll get lots of traffic, sure, but none of the traffic will convert, because the visitors have completely different goals.
The lesson here: if you want SEO to work for you, you need to make sure your goals match the goals of your visitors. It’s not about traffic. It’s about figuring out what you want, and then optimizing for keywords that bring in visitors who want the same things.
How do you discover what those keywords are?
Simple: research.

Research: How to Find the Right Keywords

Sure, research is a little tedious, but it’s an indispensable part of finding the right keywords. You want to uncover keywords that:
Have a high search volume (people are looking for the keywords)
Have low competition (smaller amount of results will mean your chances of ranking higher improve)
Are supported by your content (the keywords are relevant to your site).
There are lots of tools to aid you in finding the right keywords, the most popular being Google’s Search-Based Keyword Tool. It provides results based on actual Google searches, and if you are logged into an AdWords account, it will also give you a list of keyword ideas customized to the site on the account.
Before you get too far though, let’s discuss an important concept for deciding how broad or narrow you want your keywords to be. It’s called, “The Long Tail.”
The Long Tail
Popularized by Chris Anderson, the Long Tail describes a phenomenon where lots of low traffic keywords can collectively send you more visitors than a few high-traffic keywords.
For example, although Amazon may get thousands of visits from the keyword “DVD,” they get millions of visits from all of the individual DVD titles (i.e., Dark Knight, Toy Story, etc.). Individually, none of those titles get anywhere close to the traffic of a term like, “DVD,” but collectively, their volume is a lot larger than any one keyword.
How does the long tail apply to you?
When you combine them all, your long tail (unpopular) keywords should make up roughly 80% of your traffic. So, when you’re researching keywords, don’t just focus on the ones getting massive amounts of traffic. Take note of some of the less popular ones too, and then incorporate them into your overall strategy.

Crafting Your Content

After you pick the right keywords, it’s important to start crafting your content.
Search engines have bots that automatically crawl your website, “reading” it to find out what it’s about and then deciding which keywords each of your pages should rank for. You can influence their “decisions” by strategically optimizing your content for certain keywords.
This is especially true if you’re creating content bots can’t read. It’s easy for bots to interpret text, but they aren’t advanced enough yet to watch videos, look at images, or listen to audio. You’ll need to describe them, so they bot can understand and rank your pages for the appropriate keywords.
One quick word of warning, though.
Writing solely for search engines usually makes your content boring, and typically, that won’t help convert your visitors into customers. It’s far better to focus on people first, making your content as easy as possible, and then optimize for search engine bots where you can, without sacrificing the persuasiveness of your content.
Pay attention to:
  • Titles – Create eye-catching titles that raise the reader’s interest. You only have one chance to make a great first impression.
  • Keywords – Pick keywords that will help bring people to your site and are relevant.
  • Links – Link to quality sites that compliment what your website is about. It’ll encourage sites in your niche to link to you as well.
  • Quality - Try to publish unique and quality content. This prompts users to come to your site because they cannot easily find the content elsewhere.
  • Freshness – If you are publishing content that does not age or become outdated, that’s great, but you also need to add new content on a regular basis. If you don’t have the time to add content to your website, consider adding a question and answer section or a blog to your website.
And most importantly, do not publish someone else’s content on your site. This creates duplicate content, and search engines can penalize you for it.

Optimizing Your Code

Search engine bots don’t just read your website’s text. They also read your website’s code.
With that in mind, there are eight different sections of your code you need to optimize. To help demonstrate these points, I am going to use examples from zeldman.com and stuffandnonsense.co.uk, two popular web designers that take different approaches in their site markup.
Title Tags
Title tags encase the title of your site. To demonstrate, this is the code from zeldman.com:
<title> Jeffrey Zeldman Presents The Daily Report</title>
Here, Zeldman puts the emphasis on his name and the name of the site. If you wanted to find it in the search engines, you would probably search for, “Jeffrey Zeldman” or “the Daily Report.”
Let’s take a look at the other site:
<title>Fantastic web site design in Flintshire, North Wales from Stuff and Nonsense</title>
Stuffannonsense.co.uk took a different approach. By putting the site name at the end, they emphasize what the website is about. You’d most likely find them by searching for, “web design in Flintshire, North Wales,” or a variation thereof.
The bottom line: when coding your title tags, make sure keywords are in the title. To further maximize search engine results, each page should have a unique title tag.
Meta Tags
The main meta tag you should be concerned with is called the, “meta description tag.” It doesn’t have much of an impact on your search engine ranking, but it tells visitors what your site is about, so it can have a big impact on whether they decide to click through or not.
Let’s take a look at some examples:
<meta name=”description” content=”Web design insights since 1995. Personal site of Jeffrey Zeldman, publisher of A List Apart Magazine, founder of Happy Cog Studios, co-founder of The Web Standards Project, co-founder of the Event Apart design conference, author of Designing With Web Standards.” />
<meta name=”description” content=”Looking for fantastic web site design in North Wales? Stuff and Nonsense are world renowned web designers based in North Wales.” />
Can you spot the keywords Zeldman.com and stuffandnonsense.co.uk emphasize?
Zeldman was very thorough by mentioning his other projects. If you do a Google search for “Zeldman,” zeldman.com comes up first. Happy Cog and A List Apart also show up. If you have multiple online interests, you might want to take Zeldman’s approach and keyword them in the description meta tag.
Stuff and Nonsense emphasizes the type of visitor who should visit their site. By asking the question, “Looking for fantastic website design in North Wales?” they make it crystal clear that it’s a site built for people looking for web design. If you’re one of those people, it would probably stand out to you.
When creating meta tag descriptions, make sure your keywords are in your description, using full sentences. Don’t make the description too long, though, or it might get cut off. If possible, also try to make each page have a unique meta description.
Headings
These are very similar to headings in a book, but these come in a specific order. H1, H2, H3, H4, and so on, with H1 starting the page as the main heading. The remaining heading codes descend to lower level headings on the site.
For example:
<h1>How to Optimize Your Business for Search Engines</h1>
<h2>The ABCs of SEO</h2>
<h3>Research</h3>
Note the pattern. The more specific your content becomes, the higher the number of the heading.
Generally, there should only be one H1 tag on each page, and you can have as many h2s, h3s, and h4s as needed. Also, make sure your headings contain keywords and are relevant to the content on your website.
Sitemaps
Sitemaps are like a roadmap for search engines. They give bots directions to all of the different pages on your website, making sure they find everything.
There are two types of sitemaps you can create: HTML sitemaps and XML sitemaps. The main difference is XML sitemaps are coded specifically for search engines to read, while HTML sitemaps are easy for people to read too. You can link to them, giving the visitor an overview of everywhere they go.
If you have less than a few hundred pages, you should place a link to each page in your HTML sitemap. If your web site has a few thousand pages or more, just link to the most important pages.
XML sitemaps, on the other hand, contain every page of your web site, even if your web site has a million pages. You can use tools like the XML Sitemap Creatorto automatically create a sitemap for you. Once your XML sitemap is created, you then want to submit it to Google Webmaster Central and Bing so that the major search engines can crawl and index your web site.
Domain Name
Domain names that contain keywords within them rank a lot higher than domains without keywords. Exact match domain names rank even higher.
But there’s a cost: exact match domains aren’t very unique. The reason why you see many companies use made-up words for their domain name is you can build a brand around it, instead of fighting the existing meaning.
Which is better?
It depends.
If your traffic comes purely from search engines, then using an exact match domain name may be a smart decision for you. For example Diamonds.com and Hotels.com will always rank well for “diamonds” and “hotels” because their domain name is keyword rich.
If SEO is only a small part of your strategy, however, go with something more unique. A decade ago, no one was searching for “Google,” but now it’s a huge brand. The same goes for sites like Zappos and Zillow.
URL Structure
URLs are another important but often overlooked part of SEO.
If your URLs are messy, search engines will have a hard time crawling them, and if search engines have a hard time crawling them, they will not be able to index your site, which means you will not rank in the search engines.
Keep these factors in mind to make your URLs more search engine friendly:
  • URLs should not contain extraneous characters ( $ @ ! * % = ? )
  • Shorter URLS typically rank better than longer ones
  • Numbers and letters should only be used in URLs.
  • Do not use underscores. Search engines prefer dashes.
  • Sub-domains can rank better than sub directories.
Site Structure
The way you link web pages together will make a big impact on your rankings. Here are some tips when cross-linking your web site:
  • Links within your content tend to carry more weight than links within a sidebar or footer.
  • Try to keep the number of links on each page under 100.
  • No-follow outgoing links that are not relevant (do not have quality content). For example, links to a Feedburner page.
Other SEOs also talk about no-following internal links, such as to their terms of service, but pagerank sculpting does not work anymore. If you want to block pages such as your terms of service, the best way to do this is to exclude it in yourrobots.txt file.
Alt Tags
For search engine bots to properly index images, alt tags need to be added to each image, adding a brief description. For example, if there was an image of a “blue widget”, I would tell the search engine that the image is a blue widget by using an alt tag. It would look something like this:
<img src=”http://quicksprout.com/images/bluewidget.jpg” alt=“blue widget” />
In addition, make sure your image names are relevant to the image. The picture of the blue widget would be called bluewidget.jpg instead of image3.jpg.

Links

Links are maybe the most important part of SEO. The more web sites that link to your web site, the higher your web pages will rank.
The reason links have a high value in SEO is that it is easy for anyone to do research, modify their content, or create content, but is hard to convince hundreds or thousands of web sites to link to you. In the eyes of a search engine, the more trustworthy, non-spammy sites are linking to you, the more authority you must have on the topic.
Before we get into how to build links, here are some things you need to know. In general:
  • Links within content are more effective than links in a sidebar or footer
  • Links from related sites are better than links from non-relevant sites
  • Anchor text plays the most important role in link building. If you want to rank for “blue widget” then you want the anchor text of the link to be “blue widget”.
Here are some things to avoid:
  • Links from spammy or irrelevant sites.
  • Site wide links can hurt more than they may help.
  • If all of your links are rich in anchor text, it can hurt you.
  • Reciprocal links (I link to you and you link to me) are not too effective.
  • If you buy text links and get caught, you can get banned from a search engine.
Here are a few ways you can increase your link count:
  • Social media – getting on sites like Digg or StumbleUpon don’t just drive a ton of traffic. The increase in visibility also improves your chances of getting linked to.
  • Directories – There are many directories on the web. Take the time to submit your web site to the ones that compliment your content.
  • The top 100 – If you want to rank for a specific keyword, the best links you can get are from sites that already rank in the top 100 search results for that keyword. Granted, some of the sites that rank for the term you are trying to rank for are your competitors, so they will not link to you, but some will not be your competition and you can always shoot them a nice email asking them to link to you.
  • Forums – Many forums allow you to create signatures, in which you can link back to your web site. As long as those links are not no-followed, they will help with your rankings.
  • Competition – The easiest way to get links is to see who links to your competition and write them an email telling them the benefits of your web site compared to your competition. Roughly, 5% of the web sites you email will also add your link.
  • Dead links – There are billions of links on the web, so expect a good portion of those links to die over time. Web sites go down and many of the links pointing to that web site are still active. If you email those web sites informing them of the dead link, and that your content is similar, there is a good chance they will replace the dead link to one going to your website.

Conclusion

If you implement all of the advice here, your traffic from search engines will increase.
Just be patient. It takes time for search engines to update their records, as they have to crawl billions of websites.
Also, note that it will take time to figure out what works for your site. What works for site A might not work for site B. There aren’t any shortcuts. If you do anything shady to speed things up, eventually you will get caught and punished. It’s never worth it.
A better approach?
  1. Figure out what people are looking for
  2. Create a site that gives it to them
  3. 3. Optimize for search engines, so they help people find you
It’s not just smart SEO. It’s what search engines want you to do.
Ultimately, their goal is to have the best websites for every given topic show up at the top. So if you work hard to create the best website, and then promote it effectively, eventually they will catch up.
Just keep the above points in mind to help guide you. It takes time, and it’s a lot of hard work, but if you stick with it, it does pay off.
 

Sample text

Sample Text

Sample Text