Home > Web Front-end > HTML Tutorial > Detailed explanation of meta tag (the role of meta tag)_HTML/Xhtml_Web page production

Detailed explanation of meta tag (the role of meta tag)_HTML/Xhtml_Web page production

WBOY
Release: 2016-05-16 16:38:02
Original
1699 people have browsed it

No matter how wonderful your personal website is, it is as difficult to discover as a small boat in the "vast ocean" of cyberspace. How to promote your personal website, the first methods people think of are the following:

● Log in to your personal website in the search engine

● Add a link to your personal website on a well-known website

●Post a post in the forum to promote your personal website

Many people ignore the powerful effect of the HTML tag META. A good META tag design can greatly increase the possibility of your personal website being searched. Are you interested? Let me re-understand the META tag!

The

META tag is an auxiliary tag in the HEAD area of ​​the HTML language. It is located between the tag at the head of the HTML document and the title << tag. It provides information invisible to the user. The meta tag is usually used to define the page theme for search engine robots, or to define cookies on the user's browser; it can be used to identify the author, set the page format, mark the content summary and keywords; it can also set the page so that it can be based on You define intervals to refresh yourself, as well as set RASC content levels, etc.

Detailed introduction

Here are some examples and explanations of tags.

META tag is 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. It responds to the browser with some useful information to help display web page content correctly and accurately. Commonly used HTTP-EQUIV types are:

1. Content-Type and Content-Language (display character set settings) are reproduced from the Global Online School edu24ol.com. Reprinted from the Global Online School edu24ol.com. Reprinted from the Global Online School edu24ol.com

Description: Set the character set used by the page to describe the text and language used in making the homepage. The browser will call the corresponding character set to display the page content based on this.

Usage:

Note: The META tag defines the character set used in HTML pages as GB2132, which is the national standard Chinese character code. If "charset=GB2312" is replaced with "BIG5", the character set used on this page is the Traditional Chinese Big5 code. When you browse some foreign sites, IE browser will prompt you that you need to download xx language support to display the page correctly. This function is to know which character set needs to be used to display the page by reading the Content-Type attribute of the META tag of the HTML page. If the corresponding character set is not installed in the system, IE will prompt for downloading. Other languages ​​also correspond to different charsets. For example, the Japanese character set is "iso-2022-jp" and the Korean character set is "ks_c_5601".

The Content of Content-Type can also be: text/xml and other document types;

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; the Content of Content-Language can also be: EN, FR and other language codes.

2. Refresh (Refresh) Reprinted from Global Online School edu24ol.com Reprinted from Global Online School edu24ol.com Reprinted from Global Online School edu24ol.com

Description: How long (seconds) to let the web page refresh itself, or how long to let the web page automatically link to other web pages.

Usage:

Note: The 5 means that it will automatically refresh to the URL after staying for 5 seconds.

3. Expires (period) transferred from Global Online School edu24ol.com transferred from Global Online School edu24ol.com transferred from Global Online School edu24ol.com

Description: Specify the expiration time of the web page in the cache. Once the web page expires, it must be retrieved from the server.

Usage:

Note: You must use the GMT time format, or set it directly to 0 (the number indicates how long it will expire after).

4. Pragma (cach mode)

Description: Prohibit the browser from accessing page content from the local cache.

Usage:

Note: Web pages are not saved in the cache and are refreshed every time you visit. With this setting, visitors will not be able to browse offline.

5. Set-Cookie (cookie setting)

Note: When the browser accesses a page, it will be stored in the cache. The next time it is accessed, it can be read from the cache to improve speed. Disable caching when you want visitors to refresh your ad's icon every time, or refresh your counter every time. Usually there is no need to disable caching for HTML files. For pages such as ASP, you can disable caching, because every page you see is dynamically generated on the server, and caching is meaningless. If the web page expires, the saved cookies will be deleted.

Usage:

Note: GMT time format must be used.

6. Window-target (display window settings)

Description: Force the page to be displayed as an independent page in the current window.

Usage:

Note: This attribute is used to prevent others from calling your page in the frame. Content options: _blank, _top, _self, _parent.

7. Pics-label (webpage RSAC rating)

Note: There is a content setting in IE's Internet options that can prevent browsing of some restricted websites, and the restriction level of the website is set through this parameter.

Usage::

Note: Don’t set the level too high. RSAC's evaluation system provides a standard for evaluating Web site content. Users can set Microsoft Internet Explorer (IE3.0 or above) to exclude sites containing pornographic and violent content. The HTML in the example above was taken from Microsoft's homepage. (n 0 s 0 v 0 l 0) in the code means that the site does not contain inappropriate content. The rating is determined by RSAC, the rating agency of the American Entertainment Council. If you want to know more about the rating content of the RSAC rating system, or if you need to rate your own website, you can visit the RSAC website: http://www.rsac .org/.

8. Page-Enter, Page-Exit (enter and exit)

Note: These are some special effects when the page is loaded and called out.

Usage:

2.

The content of

name specifies the actual content. For example: If you specify level as value, the Content may be beginner, intermediate, or advanced.

1. Keywords

Note: The keyword list provided for search engines is reproduced from the global online school edu24ol.com and reproduced from the global online school edu24ol.com.

Usage:

Note: Each keyword is separated by an English comma ",". The usual use of META is to specify keywords that search engines use to improve search quality. When several META elements provide document language dependency information, search engines use the lang attribute to filter and display search results by the user's language preference. For example:

2. Description (Introduction)

Description: Description is used to tell search engines the main content of your website.

Usage:

Note:

3. Robots (robot guide) is reproduced from the Global Online School edu24ol.com and is reproduced from the Global Online School edu24ol.com. It is reproduced from the Global Online School edu24ol.com

Description: Robots are used to tell search robots which pages need to be indexed and which pages do not need to be indexed. The parameters of Content include all, none, index, noindex, follow, and nofollow. The default is all.

Usage:

Note: Many search engines use robot/spider searches to log in to websites. These robots/spiders use some characteristics of meta elements to determine how to log in.

all: files will be retrieved and links on the page can be queried;

none: The file will not be retrieved, and the links on the page cannot be queried; (same effect as "noindex, no follow")

index: The file will be retrieved; (let robot/spider log in)

follow: Links on the page can be queried; forwarded from Global Online School edu24ol.com forwarded from Global Online School edu24ol.com forwarded from Global Online School edu24ol.com

noindex: The file will not be retrieved, but the links on the page can be queried; (do not allow robot/spider to log in)

nofollow: The file will not be retrieved, but the links on the page can be queried. (Do not allow robots/spiders to follow the links on this page to search down)

4. Author (Author)

Instructions: Mark the author or production team of the web page

Usage:

Note: Content can be: you or your production team’s name, or email

5. Copyright

Note: Note that the copyright is transferred from the global online school edu24ol.com and is transferred from the global online school edu24ol.com. It is transferred from the global online school edu24ol.com

Usage:

Note:

6. Generator (Editor)

Description: Description of the editor

Usage:

Note: Content="your editor"

7. revisit-after (revisit)

Description:

Usage:

Note:

★Some other uses in Head

1. scheme

Explanation: scheme can be used when name is used to specify how the value of content should be interpreted.

Usage:

Note:

2. Link

Description: Link to file

Usage:

Note: For many websites, if you save it in your inbox, you will find that it is accompanied by a small icon. If you click to enter it again, you will also find that there is also a small icon in the address bar. Now you can easily achieve this function by just adding this paragraph to the header of your page. is used to link the current file to other URLs, but there will be no link button. It is used between tags. The format is as follows:

3. Base (base link)

Instructions: Insert the base link attribute of the web page. It is transferred from the Global Online School edu24ol.com. It is transferred from the Global Online School edu24ol.com. It is transferred from the Global Online School edu24ol.com

Usage:

Note: All relative paths on your web pages will be preceded by "http://www.cn8cn.com/" when linking. Where target="_blank" is the link file to open in a new window, you can make other settings. Change "_blank" to "_parent" to mean that the linked file will be opened in the parent window of the current window; change to "_self" to open the linked file in the current window (frame); change to "_top" to display the linked file in full screen.

The above are some basic uses of META tags, the most important of which are: the settings of Keywords and Description. Why? The reason is very simple. These two statements can allow search engines to accurately discover you and attract more people to visit your site! According to the working principle of popular search engines (Google, Lycos, AltaVista, etc.), search engines first send robots Automatically search on the WWW. When a new website is discovered, it is easy to retrieve the Keywords and Description in the page, add it to its own database, and then sort the websites according to the density of the keywords.

From this point of view, we must remember to add the META tags of Keywords and Description, and write the keywords and introduction as well as possible. Otherwise,
the consequences will be:

● If there are no META tags for Keywords and Description in your page, then robots will not be able to add your site to the database
and it will be impossible for netizens to search for your site.

●If your keywords are not well chosen and the keyword density is not high, the
possibility of being ranked behind dozens or even millions of sites and being clicked is also very small.

When writing Keywords (keywords), please pay attention to the following points: Reprinted from Global Online School edu24ol.com Reprinted from Global Online School edu24ol.com Reprinted from Global Online School edu24ol.com

● Don’t use common words. For example www, homepage, net, web, etc.

● Don’t use adjectives or adverbs. For example best, biggest etc.

● Don’t use general terms, be as precise as possible. For example, for "Ericsson Mobile Phone", it would be better to use "T28SC" instead.

"On a trip of three, there must be a teacher." The trick to find suitable keywords is: go to famous search engines such as Google, Lycos, Alta, etc., search for websites with similar content to
your website, and check the top rankings The META keywords of the ten-digit website, use them on your website, the effect can be imagined.

★Tips

In order to increase the search click-through rate, here are some "shortcuts" that can help you:

●In order to increase the density of keywords, hide the keywords in the page (define the text color to be the same as the background color).

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template