Meta tags a more detailed explanation

Source: Internet
Author: User
Tags add filter format define flush generator header time interval
Introduction

Your personal site even if you do a wonderful, in the "vast sea" of cyberspace, also such as skiff not easy for people to find, how to promote personal website, people first thought of the method is not outside the following several:
  
Log in to your personal site in search engines
  
Add a link to your personal site on a reputable website

Post in the forum to promote your personal website

Many people ignore the powerful effect of HTML tag meta, a good meta tag design can greatly improve your personal site to be searched for the possibility, interested, who I would like to get to know the META tags again!

A META tag is an auxiliary tag in the HTML language head that provides information that is not visible to the user, between the <HEAD> tag and the <TITLE> tag in the header of the HTML document. Meta tags are often used to define page themes for search engine robots, or to define cookies on the user's browser, to identify authors, to format pages, to annotate content feeds and keywords, and to set up pages so that they can refresh themselves according to the time interval you define. and set the RASC content level, and so on.


Detailed Introduction

Here are some examples and explanations of the signs.

Meta tags are divided into two parts: HTTP header information (HTTP-EQUIV) and page description information (NAME).


★http-equiv

HTTP-EQUIV is similar to the HTTP header protocol, which responds to the browser with some useful information to help correctly and accurately display the content of the Web page. Common types of HTTP-EQUIV are:


1, Content-type and content-language (display character set settings)

Description: Set the character set used by the page to explain that the text used in the home page is language, the browser will invoke the corresponding character set to display the page content.

Usage: <meta http-equiv= "Content-type" content= "text/html"; charset=gb2312 ">
<meta http-equiv= "Content-language" content= "ZH-CN" >

Note: The META tag defines the character set used by the HTML page as GB2132, which is the GB character code. If you replace "charset=gb2312" with "BIG5", the character set used for the page is the traditional Chinese Big5 code. When you browse some foreign sites, ie browser will prompt you to correctly display the page need to download the XX language support. This is the ability to read the HTML page META tag's Content-type attribute and know which character set to use to display the page. If the corresponding character set is not installed in the system, ie prompts the download. Other languages also correspond to different charset, such as the Japanese character set is "ISO-2022-JP" and the Korean is "ks_c_5601".
      
Content-type content can also be: Text/xml and other types of documents;
CharSet options: Iso-8859-1 (English), BIG5, UTF-8, Shift-jis, Euc, Koi8-2, Us-ascii, X-mac-roman, Iso-8859-2, X-mac-ce, ISO-2022-JP, X-sjis, X-euc-jp,euc-kr, Iso-2022-kr, gb2312, gb_2312-80, X-EUC-TW, X-cns11643-1,x-cns11643-2 and other character sets Content-language Content can also be: EN, FR and other language code.

2, refresh (refreshing)

Description: Let the page refresh itself for how long (in seconds), or how long to have the page automatically link to other pages.
Usage: <meta http-equiv= "Refresh" content= ">"
<meta http-equiv= "Refresh" content= "5; Url=http://www.webjx.com ">
Note: 5 of which is to stop for 5 seconds after the automatic refresh to the URL URLs.

3. Expires (term)

Description: Specifies the expiration time of the Web page in the cache, and once the page expires, it must be reopened on the server.
Usage: <meta http-equiv= "Expires" content= "0" >
<meta http-equiv= "Expires" content= "Wed Feb, 1997 08:21:57 GMT" >
Note: You must use the time format of GMT, or set directly to 0 (the number indicates how many times after the expiration).

4, Pragma (Cach mode)

Description: Prevents the browser from accessing the contents of the page from the local computer's cache.
Usage: <meta http-equiv= "Pragma" content= "No-cach" >
Note: The Web page does not exist in the cache and the page is refreshed on each visit. This setting will make it impossible for visitors to browse offline.

5, Set-cookie (Cookie set)

Description: When a browser accesses a page, it is cached and can be read from the cache the next time it is accessed to increase speed. When you want your visitors to refresh the icon for your ad every time, or to refresh your counter every time, disable the cache. Usually HTML files do not need to disable caching, for pages such as ASP, you can use disable caching, because every time you see the page is dynamically generated on the server, the cache is meaningless. If the page expires, the saved cookie will be deleted.
Usage: <meta http-equiv= "Set-cookie" content= "cookievalue=xxx"; Expires=wednesday,
21-oct-98 16:14:21 GMT; path=/">
Note: The time format for GMT must be used.

6, Window-target (display window settings)

Description: Forces the page to appear as a separate page in the current window.
Usage: <meta http-equiv= "Widow-target" content= "_top" >
Note: This property is used to prevent others from calling your page in the frame. Content options: _blank, _top, _self, _parent.

7, Pics-label (Web page RSAC grade evaluation)
Note: There is a content setting in Internet Options for IE that prevents you from browsing Restricted sites, which are set by the site's limit level.
Usage: <meta http-equiv= "Pics-label" contect=
"(PICS-1.1 ' http://www.rsac.org/ratingsv01.html ')
I Gen comment ' RSACi North America Sever ' by ' inet@microsoft.com '
For ' http://www.microsoft.com ' 1997.06.30t14:21-0500 ' R (n0 s0 v0 l0)) ' >

Note: Do not set the level too high. The RSAC Assessment system provides a standard for evaluating Web site content. Users can set up Microsoft Internet Explorer (IE3.0) to exclude sites that contain pornographic and violent content. The HTML in the example above is taken from the Microsoft home page. The (n 0 s 0 v 0 L 0) in the code indicates that the site does not contain unhealthy content. Grading is assessed by RSAC, the rating agency of the American Entertainment Commission, and if you want to learn more about the rating of the RSAC rating system, or if you need to evaluate your site, you can visit RSAC's site: http://www.rsac.org/.

8, Page-enter, Page-exit (Entry and exit)

Description: This is some special effects when the page is loaded and paged out.
Usage: <meta http-equiv= "Page-enter" content= "Blendtrans (duration=0.5)" >
<meta http-equiv= "Page-exit" content= "Blendtrans (duration=0.5)" >
Note: Blendtrans is a kind of dynamic filter that produces an implicit effect. Another dynamic filter Revealtrans can also be used for page entry and exit effects:

<meta http-equiv= "Page-enter" content= "Revealtrans (duration=x, transition=y)" >
<meta http-equiv= "Page-exit" content= "Revealtrans (duration=x, transition=y)" >

Duration represents the duration of a filter effect (in seconds)
Transition filter type. Indicates which effect to use, with a value of 0-23.

0 Rectangle Shrink
1 Rectangle Enlargement
2 round Shrink
3 Circular Enlargement
4 down to top refresh
5 Top to bottom refresh
6 Left to right refresh
7 Right to left flush
8 Vertical Blinds
9 Horizontal Blinds
10 Dislocation Horizontal Blinds
11 Misplaced Vertical Blinds
12 Point spread
13 or so to the middle of the refresh
14 Middle to left flush
15 Middle to bottom
16 up and down to the middle.
17 right down to top left
18 top right to bottom left
19 top left to bottom right
20 left down to top right
21 Cross Bar
22 Vertical Bar
23 or more of 22 randomly selected one

9, msthemecompatible (XP theme)
Description: Whether to turn off the XP theme in IE
Usage: <meta http-equiv= "msthemecompatible" content= "Yes" >
Note: Turn off XP's Blue stereo button system display style, which is much like Win2K.

10, IE6 (page builder)
Description: Page Builder generator, is IE6
Usage: <meta http-equiv= "IE6" content= "generator" >
Note: What to do with something similar to the factory manufacturer of goods.

11, Content-script-type (script-related)
Description: This is the specification of the recent consortium, indicating the type of script in the page.
Usage: <meta http-equiv= "Content-script-type" content= "Text/javascript" >
Attention:

★name variable

Name is a description of the Web page, corresponding to content (Web page contents), so that search engine robot to find, classification (currently almost all search engines use online robots to automatically find meta values to classify the page).

The value value of name (name= "") specifies the type of information provided. Some of the values are already well defined. For example, description (description), keyword (keywords), refresh (refresh), and so on. You can also specify any other value, such as CreationDate (date created), document ID (documentation number), and level (rank), and so on.

The content of name specifies the actual contents. For example, if you specify level (rank) of value (value), the content may be beginner (primary), intermediate (intermediate), Advanced (Advanced).


1, Keywords (keywords)
Description: A list of keywords provided for search engines
Usage: <meta name= "Keywords" content= "keywords 1, keywords 2, keywords 3, keywords 4,......" >
Note: The keywords between the English comma "," separated. The common use of meta is to specify keywords that search engines use to improve search quality. When several meta elements provide document language dependency information, the search engine uses the Lang feature to filter and display search results through the user's language preference reference. For example:
<meta name= "Kyewords" lang= "EN" content= "Vacation,greece,sunshine" >
<meta name= "Kyewords" lang= "FR" content= "Vacances,grè:ce,soleil" >

2, Description (Introduction)
Description: Description used to tell the search engine your site's main content.
Usage: <meta name= "Description" content= "A brief introduction to your Web page" >
Attention:

3. Robots (Robot Guide)
Description: Robots are used to tell search bots which pages need to be indexed and which pages do not need to be indexed. The content parameters are all, none, Index, NOINDEX, follow, nofollow. The default is all.
Usage: <meta name= "content=" all| none| Index| Noindex| follow| Nofollow ">
Note: Many search engines use the Robot/spider search to log on to the site, and these robot/spider are using some of the META element's features to determine how to log in.

All: The file will be retrieved and the link on the page can be queried;
None: The file will not be retrieved and the link on the page cannot be queried; (Same as "noindex, no Follow")
Index: file will be retrieved; (Let Robot/spider log in)
Follow: Links on the page can be queried;
NOINDEX: Files will not be retrieved, but the links on the page can be queried; (Don't let Robot/spider login)
Nofollow: The file will not be retrieved and the link on the page can be queried. (Do not let Robot/spider follow this page of the connection down to find)

4, Author (author)
Description: Label the author or production group of the Web page
Usage: <meta name= "Author" content= "Lightning Son, web@webjx.com" >
Note: The content can be: You or the name of your production group, or email

5. Copyright (Copyrights)
Note: Label copyright
Usage: <meta name= "Copyright" content= "web Teaching network All rights reserved. All Rights Reserved ">
Attention:

6, Generator (editor)
Description: Description of editor
Usage: <meta name= "generator" content= "pcdata|" Frontpage| " >
Note: content= "You are using the editor"

7. Revisit-after (re-visit)
Description
Usage: <meta name= "Revisit-after" content= "7 Days" >
Attention:

Some of the other uses in ★head

1. Scheme (scheme)
Description: Scheme can be used when name is used to specify how the value of content should be interpreted.
Usage: <meta scheme= "ISBN" name= "identifier" content= "0-14-043205-1"/>
Attention:

2, Link (links)
Description: Linking to a file
Usage: <link href= "Soim.ico" rel= "Shortcut Icon" >
Note: Many Web sites if you save her in your Inbox, you will notice that it has a small icon, and if you click into it again, you will find a small icon in the address bar. Now you can easily implement this feature by adding this phrase to your page header. <LINK> used to link the current file with other URLs, but there will be no link button, used in the <HEAD> tag, the format is as follows:
<link href= "URL" rel= "relationship" >
<link href= "URL" rev= "relationship" >

3, Base (Basis link)
Description: Insert Web page Base link Properties
Usage: <base href= "http://www.webjx.com/" target= "_blank" >
Note: All the relative paths on your page will be preceded by a "http://www.xxxx.com/" in the link. where target= "_blank" is a linked file opens in a new window, you can do other settings. Change "_blank" to "_parent" is the link file opens in the parent window of the current window, the _self link file opens in the current window (frame), and the "_top" link file is displayed in full screen.


These are some of the basic uses of META tags, the most important of which are: keywords and description settings. Why, then? The reason is very simple, these two statements can make the search engine can accurately find you, attract more people to visit your site! According to the current popular search engine (Google,lycos,altavista, etc.) working principle, search engine first send robot automatically on WWW search, when discovering new website, Easy to retrieve the keywords and description in the page and add it to your database, then sort the site according to the density of the keyword.

From that point of view, we must remember to add keywords and description meta tags and write the keywords and introductions as much as possible. Otherwise, the consequences would be:
  
If your page does not have keywords and description meta tags, then the robot is unable to add your site to the database, users will not be able to search your site.

If your keyword selection is not good, the keyword density is not high, is ranked in the dozens of or even millions of of sites are clicked on the possibility is very small.

Write good Keywords (keywords) to note the following points:


Don't use common words. such as WWW, homepage, net, web and so on.

Do not use adjectives, adverbs. such as the best, the biggest and so on.

Don't use a general vocabulary, try to be as precise as possible. For example, "Ericsson mobile Phones", the switch to "T28SC" will be better.


"The three men's trip, must have my teacher", looking for the right keyword skill is: to Google, Lycos, Alta and other famous search engines, search and your site content similar to the site, to see the top ten of the site's meta keyword, they used on your website, the effect can be imagined.

★ Small Tips

To improve search rate, here are some shortcuts to help you:

To increase the density of the keywords, hide the keywords in the page (define the text color like the background color).

Add a keyword to the ALT comment statement for the image. such as:

Use HTML annotation statements to add a large number of keywords to the page code. Usage: <!--Insert the keyword here-->


<title> header, displayed in browser title area </title>
<meta http-equiv= "Content-language" content= "ZH-CN" >
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">
<meta name= "generator" content= "Microsoft FrontPage 4.0" >
<meta name= "ProgId" content= "FrontPage.Editor.Document" >
<meta name= "producer" content= "Web Teaching Network" >
<meta name= "keyword" content= "HTML Web page making Web page teaching, animation production" >


Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.