I’m Dudley Storey, the author of Pro CSS3 Animation. This is my blog, where I talk about web design and development with , and . To receive more information, including news, updates, and tips, you should follow me on Twitter or add me on Google+.

web developer guide

my books

Book cover of Pro CSS3 AnimationPro CSS3 Animation, Apress, 2013

my projects

A Sass color keyword system for designers. Replaces CSS defaults with improved hues and more memorable, relevant color names.

CSSslidy: an auto-generated #RWD image slider. 3.8K of JS, no JQuery. Drop in images, add a line of CSS. Done.

tipster.ioAutomatically provides local tipping customs and percentages for services anywhere.

meta tags

seo / metatags

Estimated reading time: 1 minute, 45 seconds

There is a great deal of misinformation about what meta tags are and what influence they have in search ranking. First, note that we are concerning ourselves exclusively at this point with descriptive meta tags. There is another form, http-equiv meta tags, that have a very different function. (You can see a http-equiv tag in the XHTML template: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />; the HTML5 template has another.

First, meta tags are normally written in the head section of an HTML document. That should tell you something: meta tags are typically not body content. Rather, they are information about the page.

“meta” (from the Greek) derives from a term meaning “to carry something from one place to another”. Used in English, it is commonly interpreted to mean “transcending” or “encompassing”. A metaphor doesn’t address a thing directly, but transmits a concept via an idea; metaphysics doesn’t speak directly about physics, but about bigger, broader ideas and implications of physics.

The idea of descriptive meta tags is to summarize what a page is about. You would not attempt to read an entire book in a bookstore in order to work out what the book was about – you’d probably flip to the back cover and read the summary there. Meta tags function in the same way. From the Dublin Core website:

“The word "metadata" means "data about data". Metadata articulates a context for objects of interest – "resources" such as MP3 files, library books, or satellite images – in the form of "resource descriptions". As a tradition, resource description dates back to the earliest archives and library catalogs. The modern "metadata" field that gave rise to Dublin Core and other recent standards emerged with the Web revolution of the mid-1990s.”

Like , the original intention of meta tags was lost in abusive and irrational practices during the early years of the web. Under XHTML, meta tags have been re-written and tightened up in specification to be more useful and relevant: this initiative is called “Dublin Core”. In HTML5 meta tags have a diminished role, and do not utlize Dublin Core.

comments powered by Disqus

This site helps millions of visitors while remaining ad-free. For less than the price of a cup of coffee, you can help pay for bandwidth and server costs while encouraging further articles.