Detailed description of meta tags in Webpage HTML code

Source: Internet
Author: User
Tags generator generator keywords list

Many people ignore the powerful functions of HTML Tag meta. A Good meta tag design can greatly improve the possibility of your personal website being searched. Are you interested, who should I get to know the meta tag again!

The meta tag is an auxiliary tag in the head area of the HTML language. It is located between the


The following describes some examples and explanations of tags.

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


The HTTP-EQUIV is similar to the HTTP header protocol, which responds to some useful information for the browser to help display the web content correctly and precisely. Commonly used HTTP-EQUIV types are:

1. Content-Type and content-language (display character set setting)

Note: Set the character set used on the page to indicate that the text used for homepage production is already in language. the browser will call 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: This meta tag defines the character set gb2132 used on the HTML page, which is the Chinese character code of the national standard. If you replace "charset = gb2312" with "big5", the character set used on this page is the big5 code of Traditional Chinese. When you browse some overseas sites, the IE browser will prompt you to download XX language support to display the page correctly. This function is used to read the Content-Type attribute of the meta tag on the HTML page and find out which character set to be used to display the page. If the corresponding character set is not installed in the system, ie will prompt to download. Other languages also correspond to different charsets, such as the Japanese character set is "iso-2022-jp", Korean is "ks_c_5601 ".

The content of Content-Type can also be text, XML, and other document types;

Charset options: ISO-8859-1, 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; the content of content-language can also be: En, FR, and other languages.Code.

2. Refresh)

Note: The time (in seconds) for a webpage to refresh itself, or the time after which the webpage is automatically linked to another webpage.

Usage: <meta http-equiv = "refresh" content = "30">

<Meta http-equiv = "refresh" content = "5; url =">

Note: 5 indicates that the URL is automatically refreshed after 5 seconds.

3. expires (TERM)

Description: it specifies the expiration time of the webpage in the cache. Once the webpage expires, it must be re-accessed on the server.

Usage: <meta http-equiv = "expires" content = "0">

<Meta http-equiv = "expires" content = "wed, 26 Feb 1997 08:21:57 GMT">

Note: The GMT time format must be used, or the value is set to 0 (the number indicates the time after expiration ).

4. Pragma (cach Mode)

Note: The browser is prohibited from reading the page content from the cache of the local machine.

Usage: <meta http-equiv = "Pragma" content = "no-cach">

Note: The webpage is not saved in the cache, and the page is refreshed every time the webpage is accessed. In this way, visitors will not be able to browse offline.

5. Set-cookie (cookie setting)

Note: When a browser accesses a page, the page will be cached and can be read from the cache next time. When you want a visitor to refresh the icon of your advertisement every time, or refresh your counter every time, the cache will be disabled. Generally, you do not need to disable caching for HTML files. For pages such as ASP, you can disable caching, because every time you see a page that is dynamically generated on the server, the cache becomes meaningless. If the webpage expires, the cookie on the disk will be deleted.

Usage: <meta http-equiv = "Set-cookie" content = "cookievalue = xxx; expires = Wednesday,

21-oct-98 16:14:21 GMT; Path =/">

Note: The GMT time format must be used.

6. Window-target (display window settings)

Note: The Force page is displayed on an independent page in the current window.

Usage: <meta http-equiv = "widow-target" content = "_ top">

Note: This attribute is used to prevent others from calling your page in the framework. Content options: _ blank, _ top, _ self, and _ parent.

7. PICs-label (webpage RSAC rating)

Note: There is a content setting in Internet Options of IE to prevent restricted websites from being browsed.

Do not set this parameter.

Usage: <meta http-equiv = "pics-label" contect =

"(PICS-1.1 'HTTP: //'

I Gen Comment 'rsaci North America sever 'By 'inet @'

For 'http: // 'on '2017. 06.30t14: 21-0500' R (N0 S0 V0 l0) ">

Note: Do not set the level too high. The RSAC evaluation system provides a standard for evaluating web site content. You can set Microsoft Internet Explorer (ie3.0 or later) to exclude sites that contain pornographic and violent content. In the preceding example, HTML is taken from the Microsoft homepage. In the Code (N 0 s 0 V 0 l 0), this site does not contain unhealthy content. The level is assessed by RSAC, the US entertainment Commission's rating agency. If you want to learn more about the level of the RSAC evaluation system, or you need to evaluate your website, visit the site of RSAC: /.

8. Page-enter and page-exit (Entry and Exit)

Note: This is a special effect for page loading and calling.

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 type of dynamic filter that produces a fade 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 indicates the duration of the filter effect (unit: seconds)

Transition filter type. Which special effect is used? The value ranges from 0 to 23.

0 rectangular narrowing

1. rectangular enlargement

2 rounded down

3. Circular Expansion

4. Refresh from bottom to top

Refresh from top to bottom

6-left-right refresh

7. right-to-left refresh

8 vertical blinds

9 horizontal blinds

10 misplaced horizontal blinds

11 misplaced vertical blinds


Refresh from around 13 to the center

14. Refresh from center to left


16 up to the middle
17 bottom right to top left
18 top right to bottom left
19 upper left to lower right
20 bottom left to top right
21 horizontal bars
22 vertical bars
23 or more 22 types of random selection
9. msthemecompatible (XP topic)
Determines whether to disable the XP topic in IE.
Usage: <meta http-equiv = "msthemecompatible" content = "yes">
Note: Turn off the XP blue stereo button system display style, which is very similar to Win2k.
10. IE6 (page builder)
Note: The Page Generator generator is IE6.
Usage: <meta http-equiv = "IE6" content = "generator">
Note: It is made of something similar to a factory manufacturer.
11. Content-SCR Using Pt-type (script-related)
Note: This is the W3C specification recently, specifying the script type on the page.
Usage: <meta http-equiv = "content-SCR limit Pt-type" content = "text/plain Cr limit PT">
★Name variable
Name indicates the webpage, corresponding to content (webpage content ), this allows search engines to search for and classify robots. (currently, almost all search engines use online robots to automatically search for Meta values to classify webpages ).
The value (name = "") of name specifies the type of information provided. Some values are defined. For example, descr encryption ption (description), keyword (keyword), refresh (refresh), and so on. Other values, such as creationdate ),
Document ID (document number) and level (level.
The content of name specifies the actual content. For example, if the specified level (level) is value, the content may be beginner (Elementary), intermediate (intermediate), and advanced (advanced ).
1. Keywords)
Keywords list provided for search engines
Usage: <meta name = "keywords" content = "keyword 1, keyword 2, keyword 3, keyword 4 ,...... ">
Note: keywords are separated by commas. Meta is usually used to specify keywords used by search engines to improve the search quality. When several meta elements provide document language subordination information, the search engine uses the Lang feature to filter and display the search results through users' language preference. For example:
<Meta name = "kyewords" lang = "en" content = "vacation, Greece, sunshine">
<Meta name = "kyewords" lang = "FR" content = "vacances, GR è: Ce, Soleil">
2. descr resume ption (Introduction)
Description: descr website ption is used to tell the search engine the main content of your website.
Usage: <meta name = "descr effecption" content = "Brief introduction to your webpage">
3. Robots (robot wizard)
Note: robots is used to tell robots which pages need to be indexed and which pages do not need to be indexed. Content parameters include all, none, index, noindex, follow, and nofollow. The default value is all.
Usage: <meta name = "Robots" content = "All | none | index | noindex | follow | nofollow">
Note: Many search engines log on to the website by releasing a robot/spider search. These robot/spider will use some features of the Meta element to determine how to log on.
ALL: files will be retrieved, and links 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: the file will be retrieved. (log on to robot/Spider)
Follow: links on the page can be queried;
Noindex: the file will not be retrieved, but the link on the page can be queried; (do not allow robot/Spider to log on)
Nofollow: files will not be retrieved, and links on the page can be queried. (Do not allow robot/Spider to search down the connection on this page)
4. Author (author)
Note: The author or production team of the webpage
Usage: <meta name = "author" content = "Michael,">
Note: The content can be the name of you, your production team, or email.
5. Copyright)
Note: Copyright
Usage: <meta name = "Copyright" content = "this page is copyrighted by Netease Institute. All rights reserved ">
6. Generator (editor)
Notes: Editor instructions
Usage: <meta name = "generator" content = "pcdata | FrontPage |">
Note: content = "your editor"
7. Revisit-after (revisit)
Usage: <meta name = "revisit-after" content = "7 days">
★Other usage in Head
1. Scheme (solution)
Note: scheme can be used when name is used to specify how the value of content shocould be interpreted.
Usage: <meta scheme = "ISBN" name = "identifier" content = "0-14-043205-1"/>
2. Link)
Links to files
Usage: <link href = "soim. ICO" rel = "shortcut icon">
Note: For many websites, if you save her in the inbox, you will find a small icon associated with it. If you click it again, you will find a small icon in the address bar. Now, you only need to add this line in your page header to easily implement this function. <Link> is used to link the current file with other URLs, but there is no link button. It is used between <Link href = "url" rel = "relationship">
<Link href = "url" REV = "relationship">
3. Base)
Description: inserts the base link attribute of a webpage.
Usage: <base href = "http: // www. ***. Net/" target = "_ blank">
Note: "http: // www. ***. com/" will be added before all relative paths on your web page /". Target = "_ blank" indicates that the linked file is opened in a new window. You can make other settings. Change "_ blank" to "_ parent". The linked file will be opened in the parent window of the current window; change to "_ Self". The linked file will be opened in the current window (FRAME; the "_ top" link file is displayed in full screen.
These are some of the basic usage of meta tags, the most important of which is the setting of keywords and descr partition ption. Why? The truth is simple. These two statements allow search engines to accurately discover you and attract more people to visit your site! According to the working principle of the popular search engines (Google, Lycos, Altavista, etc.), the search engine first sends robots to automatically search on www. When a new website is found, it is easy to search for keywords and descr encryption ption on the page, add them to your own database, and then sort the website according to the keyword density.
From this point of view, we must remember to add the meta tags of keywords and descr encryption ption, and write the keywords and descriptions as much as possible. Otherwise,
The consequence is:
● If there is no meta tag for keywords and descr transfer ption on your page, the robot cannot add the number of your sites.
It is impossible for users to search for your website.
● If your keyword is not well selected, the keyword density is not high, and the keyword can be clicked after dozens or even millions of sites
Performance is also very small.
Note the following when writing a key words:
● Do not use common words. For example, WWW, homepage, net, and Web.
● Do not use adjectives or adverbs. For example, the best and the largest.
● Do not use general words as accurate as possible. For example, "Ericsson mobile phone", it would be better to switch to "t28sc.
"A three-person journey requires my teacher". The skills to find the right keywords are: To search for famous search engines such as Google, Lycos, and Alta
For websites with similar content, view the META keywords of the top 10 websites and use them on your website.
To improve the click-through rate, there are also some shortcuts to help you:
● To increase the keyword density, the keyword is hidden in the page (the text color is defined as the same as the background color ).
● Add keywords to the alt comment statement of the image. For example,

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

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: 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.