Meta Information

Meta information, sometimes called meta tags for short, is a mechanism you can use to provide information about a web page.

Note

The term derives from the Greek word meta, which means “behind” or “hidden.” Meta refers to the aspect of something that is not immediately visible, perhaps because it is in the background, but that is there nonetheless and has an impact.

The most common meta tags provide a description and keywords for telling a search engine what your website and pages are all about. Each meta tag begins with a name attribute that says what the meta tag represents. The meta tag:

<meta name="description" ...></meta>

means that this tag will provide descriptive information. The meta tag:

<meta name="keywords" ...></meta>

means that the tag will provide keywords.

The description and keywords go within a content attribute in the meta tag. For example, here’s a meta description tag (often simply called the meta description):

<meta name="description" content="Quality information, articles about
a variety of topics ranging from Photoshop,
programming to business, and investing."></meta>

Keywords are provided in a comma-delimited list. For example:

<meta name="keywords" content="Photoshop, Wi-Fi,
wireless networking, programming, C#, business, investing, writing,
digital photography, eBay, pregnancy, information"></meta>

It’s easy for anyone to put any meta tag keywords and description they’d like in a page’s HTML code. This has lead to abuse when the meta tag information does not really reflect page content. Therefore, meta tag keyword and description information is deprecated by search engine indexing software and not as heavily relied on by search engines as it used to be. But it is still worth getting your meta tag keywords and descriptions right, as there is little or no cost to it.

In Chapter 2, I explained how to create a short (one- or two-sentence) elevator pitch for your website. The meta description is a perfect use for this elevator pitch. Be aware that your meta description may be what searchers see displayed for your site, particularly if your site doesn’t have much text on the page.

Note

Google will try to pick up page descriptions from text toward the beginning of a page, but if this is not available—for example, because the page consists of graphics only—it will look at the information in the content attribute of a meta description. Providing a good meta description from the viewpoint of human browsers is therefore important.

For example, the home page of Digital Photography: Digital Field Guide (shown in Figure 4-7) doesn’t have much text, but it does have a lot of images.

Meta description information is particularly important when your website or page doesn’t have much text (like this home page)

Figure 4-7. Meta description information is particularly important when your website or page doesn’t have much text (like this home page)

Meta keywords should be limited to a dozen or so terms. Don’t load up the proverbial kitchen sink. Think hard about the keywords that you’d like to lead to your site when visitors search (see Words and Keyword Density).

For the keywords that are really significant to your site, you should include both single and plural forms, as well as any variants. A site about photography might want to include both “photograph” and “photography” as meta tags.

Here’s the meta tag information included in the HTML source code for the home page of the Digital Photography: Digital Field Guide site:

<meta name="description" content="Showcasing digital photographs by Harold Davis:
photomacrography, flowers, landscapes and relevant Photoshop techniques"/>

<meta name="keywords" content="Digital, photography, photographs, photograms,
scans, night, field, guide, camera, tripod, filter, photo, processing, Harold
Davis, photomacrography, macro, landscapes, roadtrip, adventure, San Francisco,
Bayscapes, flowers, Yosemite, Wave, Photoshop"/>

Since Google’s software can’t find what this page is about except by reading the meta description, because the page is almost all images with no text, the meta description is what shows up when the site is part of Google’s search results (see Figure 4-8). The moral: if there aren’t very many words on your page, pick your meta description and keywords with special care.

In this example, Google simply took the meta description verbatim since it couldn’t find a description on the page itself

Figure 4-8. In this example, Google simply took the meta description verbatim since it couldn’t find a description on the page itself

Get Google Advertising Tools, 2nd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.