Meta learning notes

Last Update:2018-12-05 Source: Internet

Author: User

Tags keywords list

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

I. Preface

When you open an HTML code editor such as DW or Aptana, the Meta attribute is rarely seen. It gradually appears after the DW advanced version. Only one line of meta code is provided as follows:

   1:  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

   2:  
   3:  
   4:  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5: <title> untitled document </title>

However, for a website, it requires a lot of content and information to perform Seo well.
Ii. meta usage
Meta is used to simulate HTTP Response Header packets in HTML documents. The meta tag is used in 
The name attribute is mainly used to describe the webpage. W3C says: The name attribute provides the name in the name/value pair. No pre-defined <meta> names are specified for HTML and XHTML tags. Generally, you can use meaningful names for yourself and readers of the source document.
Corresponds to content (web content), which allows search engine robots to search for and classify (almost all search engines currently use online robots to automatically search for meta values for web page classification ). The most important of these are description and keywords. Therefore, you should add a meta value to each page. <Meta name = "generator" content = "Dw">: indicates the generation tool.
<Meta name = "Robots" contect = "all | none | index | noindex | follow | nofollow">
The attributes are as follows:
1: all: the file will be retrieved, and the link on the page can be queried
2: none: the file will not be retrieved, and the link on the page cannot be queried (same as "noindex, no follow)
3: index: the file will be retrieved
4: follow: links on the page can be queried.
5: noindex: the file will not be retrieved, but the link on the page can be queried (do not allow robot/spider to log on)
6: nofollow: the file will not be retrieved, and the link on the page can be queried (do not allow robot/spider to search down the connection on this page)
For example, if the website address has changed, redirect the user to another address.
   1:  
   2:  
   3:  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
   4:  <meta http-equiv="Refresh"
   5:  content="5;url=http://www.w3school.com.cn">
   6:  
   7:   
   8:  <body>
   9:  <p>
10: Sorry. We have already moved. Your URL is <a href = "http://www.w3school.com.cn"> http://www.w3school.com.cn </a>
  11:  </p>
12: <p> you will be redirected to the new address within 5 seconds. </P>
13: <p> if you still see this message after 5 seconds, click the link above. </P>
  14:  </body>
  15:  
 
Iii. Worship the gods


Reference: Author: Zhou jilai | Source: PHPChina
Http://soft.zdnet.com.cn/software_zone/2007/0807/446590.shtml
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 <HEAD> tag and the <TITLE> tag in the header of the HTML document. It provides invisible information to users. Meta Tags are usually used to define a page topic for the search engine robots or a cookie on the user's browser. They can be used to identify the author, set the page format, and label the content feed and keywords; you can also set a page to refresh yourself according to the defined time interval, and set the RASC content level.
Details
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 ).
★HTTP-EQUIV
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 Language code such as EN and FR.
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 = http://www.downme.com">
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: // www.rsac.org/ratingsv01.html'
I gen comment 'rsaci North America Sever 'by 'inet @ microsoft.com'
For 'http: // www.microsoft.com '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: http://www.rsac.org /.
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
Spread
Refresh from around 13 to the center
14. Refresh from center to left
15.
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 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">
Note:
★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">
Note:
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, abc@163.com">
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 ">
Note:
6. Generator (editor)
Notes: Editor instructions
Usage: <Meta name = "Generator" Content = "PCDATA | FrontPage |">
Note: Content = "your editor"
7. revisit-after (revisit)
Note:
Usage: <META name = "revisit-after" CONTENT = "7 days">
Note:
★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"/>
Note:
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 <HEAD> tags in the following format:
<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 META tags for Keywords and Descr encryption ption, and write Keywords and descriptions as much as possible. Otherwise, the consequences will be:
● If there is no META tag for Keywords and Descr encryption ption on your page, the robot cannot add your site to the database, and it is impossible for netizens to search for your site.
● If your keyword is poorly selected and the keyword density is not high, it is very unlikely that you will be clicked after dozens or even millions of sites.
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: Go to famous search engines such as Google, Lycos, and Alta to search websites that are similar to your website's content, view the META keywords of the top 10 websites and use them on your website.
★Tips
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 -->
See w3c and http://soft.zdnet.com.cn/software_zone/2007/0807/446590.shtml

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

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

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

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

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More