 |
| THE WEB STANDARDS GROUP RECOMMENDS the use of <TITLE> and <META> tags in all UCSB Web pages. Title and meta tags are part of the HTML header of a Web page. The title tag creates the words that appear in the top bar of your Web browser. A meta tag provides information to Web crawlers, such as the AUTHOR, KEYWORD, and DESCRIPTION. Title and meta tags factor prominently in how your pages are ranked by many of the top search engines.
|
<TITLE> tag:
The HTML code for a title tag looks like this:
|
<TITLE>Chemistry Department Home Page</TITLE>
|
| The title tag belongs in the <HEAD> section of your source code, and is generally followed by your Meta description and Meta keywords tags. |
| The <TITLE> tag should be short (ideally seven words or less) and descriptive. Keep in mind that this will be the title in users' bookmarks, so if every page title starts with "University of California Santa Barbara" then all bookmarks will look alike. Put the more significant part of the name first, e.g., "<title>Meta Tags - Web Standards - UCSB</title>". |
| <META> tags: |
WSG recommends that the following <META> tags be used in all campus Web pages:
|
-
content-language – May be used to declare the natural language of the document. May be used by robots to categorize by language. The corresponding Accept-Language header (sent by a browser) causes a server to select an appropriate natural language document. All RFC1766 compliant languages are supported.
e.g., <META HTTP-EQUIV="Content-Language" CONTENT="EN-US">
-
content-type – Using this tag is recommended. Failure to do so may cause display problems where, for instance, the document uses UTF-8 punctuation characters but is displayed in ISO or ASCII charsets.
e.g., <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
-
author – Typically the unqualified author's name. WSG recommends using the name of the organization responsible for the page.
e.g., <META NAME="author" CONTENT="Office of Public Affairs, webmaster@ucsb.edu">
-
copyright – Typically an unqualified copyright statement. WSG recommends using the UC Regents, as shown in the example.
e.g., <META NAME="copyright" CONTENT="© Copyright 2005 The Regents of the University of California">
-
description – A short, plain-language description of the document. Used by search engines to describe your document. Particularly important if your document has very little text, is a frameset, or has extensive scripts at the top.
e.g., <META NAME="description" CONTENT="THE UCSB NEWS PAGE features the latest news and press releases from the University of California, Santa Barbara.">
-
keywords – Keywords used by search engines to index your document in addition to words from the title and document body. Typically used for synonyms and alternates of title words.
e.g., <META NAME="keywords" CONTENT="news, press releases">
|
| These <META> tags are considered optional: |
-
expires – Expiration date of the document, e.g., <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 2006 08:21:57 GMT">
-
pragma – Causes the browsers to not locally cache documents, e.g., <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
-
cache-control – Specifies the action of cache agents (i.e. proxy servers).
-
robots – Controls Web robots on a per-page basis. Specifies whether to index the page and/or follow links.
-
pics-label – Includes rating information in terms of adult content so content filters can do their job.
-
rating – To indicate the rating of the site in terms of adult content, e.g., <META NAME="rating" CONTENT="GENERAL">
|
|
WSG is continuing the discussion of <META> tags. Examples and additional tags will be added to this page. |
 |
|
|