Site metadata meta tags meaning and usage

With HTML5 's popularity and web technology evolving, the META tag team is growing, from Windows XP IE6 to today's Windows 7, Windows 8 IE9, IE10, IE11, support for HTML5 is getting better, html Meta tags also function more and more powerfully.

First, let's start with some common meta tags that were originally generated. Start with the definition of meta tags.

The META tag is an accessible tag in the head area of the HTML language that is located between the

The name attribute is a description of the Web page, which corresponds to content (Web page contents), so that search engine robots find, classify, and currently almost all search engines use online robots to automatically find meta values to classify the Web page.

The META tag's Name property syntax format:

1. Keywords (keywords)
Description: Tell the search engine what your page's keywords are.
Usage: <meta name= "keywords" content= "seo optimization, SEO optimization tutorial, website optimization, SEO tutorial" >

2. Description (page description)
Description: Description is used to tell search engines the main content of your page.
Usage: <meta name= "description" content= "Study search engine optimization network to provide professional SEO optimization tutorial, collect and organize SEO optimization articles, SEO optimization tools, for network marketing to contribute a part of their own strength. "/>

3. Robots (Robot Wizard)
Description: Robots is used to tell the search robot which pages need to be indexed and which pages do not. The content parameters are all, none, Index, NOINDEX, follow, nofollow. The default is all.
Usage: <meta name= "Robots" content= "all| none| Index| Noindex| follow| Nofollow ">
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; (and "Noindex, no follow" play the same role)
Index: file will be retrieved; (Let Robot/spider log in)
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 let Robot/spider log in)
Nofollow: The file will not be retrieved and the link on the page can be queried. (Do not let the Robot/spider follow this page to look down)

4. Author (author)
Description: Label the author or production group of the page
Usage: <meta name= "Author" content= "Mycodewind,[email protected]" >
Note: The content can be: You or your production group's name, or email

5. Copyright (Copyrights)
Description: Label Copyright
Usage: <meta name= "Copyright" content= "This site All rights reserved CSDN All" >

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

7. Revisit-after (re-visit)
Description: Notifies the search engine how many days to visit once
Usage: <meta name= "Revisit-after" content= "7 Days" >

The fixed site feature has been introduced from IE9, a simple way for users to access the site directly by clicking the icon on the taskbar. Pinned sites are also easy to implement and require very little code. The following metadata labels are only valid for ie9+. such as the Windows vista,windows 7 system. Official document Address http://msdn.microsoft.com/zh-cn/library/ie/gg491732%28v=vs.85%29.aspx. All elements are optional. Including:

Metadata for installation: The following META element controls how to create a pinned site shortcut on the Start menu and on the Windows 7 taskbar. All of these elements are optional, but it is strongly recommended that you have more control over the start of the page, the name of the page, better accessibility or recognition, and the custom size at startup.
The installation metadata element is used only when the user is pinning the site. Thereafter, changes to these values will not have any effect on the pinned site. Therefore, the following meta-elements are sometimes referred to as the "install-time" value:

• Application-name
• Msapplication-tooltip
• Msapplication-starturl
• Msapplication-window

Runtime metadata: Unlike the installation value, the following metadata is read each time a user starts a pinned site. As a result, site developers can use these values to continually modify the user experience. The best way to control changes to these values is to define them in the starting URL of the pinned site.

• Msapplication-navbutton-color
• Msapplication-task
• Msapplication-task-separator

8.application-name
Description: The "Application-name" metadata defines the name of the pinned site application instance. This name appears in the ToolTip when the cursor hovers over the pinned site button on the Windows 7 taskbar. The application name is also appended to the window caption of the pinned site application instance.
Usage: <meta name= "Application-name" content= "8783 Hand Tour"/>

9.msapplication-tooltip
Description: The "Msapplication-tooltip" metadata provides additional ToolTip text that appears when the cursor hovers over the Windows Start menu or on a pinned site shortcut on the desktop.
Usage: <meta name= "Msapplication-tooltip" content= "8783 Hand Tour"/>

10.msapplication-starturl
Description: The "Msapplication-starturl" metadata contains the root URL of the application. The starting URL can be fully qualified or relative to the current document. Only HTTP and HTTPS protocols are allowed. If this element is missing, the address of the current page is used instead.
Usage: <meta name= "Msapplication-starturl" content= "./"/>
Add: "Msapplication-starturl" metadata creates a public entry point for your site. When this metadata is present, the pinned site launches the start URL instead of the page that was originally dragged to the taskbar. More importantly, the run-time metadata declared in the start page will redefine the navigation button color and static Jump List tasks each time the site is started. (See the Run-Time metadata section for more information.) ）

As an example of how to use "Msapplication-starturl", consider a site that provides multiple types of calculator emulators: One with a standard layout, one with a scientific layout, and one with statistical functions. Without a start URL, the user might pin only the scientific calculator to the taskbar, making it impossible to easily access other calculators in the collection. By adding a start URL, a site developer can declare a public entry point for the site.

<meta name= "Msapplication-starturl" content= "./calculatorhome.html"/>

By adding installation-time metadata to the emulator page, site developers can control how users visit the site. By adding Jump List metadata to the start page, it is easier for site developers to control how the user chooses the calculator style to use. For more information, see Add a task to a jump list.
Handling Server Redirection

If your start URL is redirected to a different Web page, make sure that you declare all the runtime metadata in the Web page that is provided to the client. If the server is redirected to a new path, your start URL must include the path and the trailing backslash (/).

For example, if "http://contoso.com/" is redirected to "http://www.contoso.com/Home/", the starting URL must include a new path and a trailing backslash, as follows:

<meta name= "Msapplication-starturl" content= "http://www.contoso.com/Home/"/>
OR
<meta name= "Msapplication-starturl" content= "/home/"/>

11.msapplication-window
Description: The "Msapplication-window" metadata sets the initial window size when a pinned site is first started. However, if the user resizes the window, the site retains its new dimensions when the pinned site is started again.
The following table describes the two parts of the content attribute that make up the META element. These two sections are required and must be separated by semicolons.
Section description
Width of the window in pixels. The minimum value is 800.
Height of the window in pixels. The minimum value is 600.
Usage: <meta name= "Msapplication-window" content= "width=1024;height=768"/>

12.msapplication-navbutton-color
Description: The "Msapplication-navbutton-color" metadata defines the custom colors for the back and forward buttons in the pinned Web browser window. Any named color or hexadecimal color value is valid. For a complete list of color names, see Color tables (Access http://msdn.microsoft.com/zh-cn/library/ie/ms531197%28v=vs.85%29.aspx).
Usage: <meta name= "Msapplication-navbutton-color" content= "#FF3300"/>
Add: If you do not have this META element, the default color will be based on the color palette of the site icon (that is, favicon). To learn how to choose a custom icon for your site, see Customize the Site icon (Access http://msdn.microsoft.com/zh-cn/library/ie/gg491740%28v=vs.85%29.aspx).

13.msapplication-task
Description: It is able to pin a Web site as a program to the Windows Vista and Windows 7 taskbar, and displays a list of related sites when the icon is clicked. As with other site metadata, you can use META elements to define static tasks. The next task adds a task to the Jump List (access http://msdn.microsoft.com/zh-cn/library/ie/gg491725%28v=vs.85%29.aspx) to explain how to do this.
Usage: <meta name= "Msapplication-task" content= "name=8783 Hand Tour network; action-uri=http://www.8783.com;icon-uri=. /static/8783.ico "/>

Site metadata meta tags meaning and usage