search
HomeWeb Front-endHTML TutorialIntroduction to HTML page Meta(2)

Introduction to HTML page Meta(2)

Apr 05, 2017 am 09:57 AM
htmlmetaintroducepage

★NAME variable

The name describes the web page and corresponds to the Content (web page content), so that search engine robots can find and classify it (at present, almost all search engines use online robots to automatically find meta values ​​to classify web pages).

The value of name (name="") specifies the type of information provided. Some values ​​are already defined. For example, description, keyword, refresh, etc. You can also specify other arbitrary values, such as: creationdate (creation date),

document ID (document number) and level (level), etc.

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

Description: Keyword list provided for search engines

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

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

Usage:

Notice:

3. Robots (robot guide)

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;

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 links on the page can be queried. (Do not allow robots/spiders to follow the links on this page to search)

4. Author (Author)

Description: Mark the author or production team of the webpage

Usage:

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

5、Copyright

Note: Mark copyright

Usage:

Notice:

6. Generator (Editor)

Description: Description of the editor

Usage:

Note: Content="your editor"

7、revisit-after

illustrate:

Usage:

Notice:

★Some other uses in Head

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

Usage:

Notice:

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 document to other URLs, but there will be no link button. It is used between

tags. The format is as follows:

3. Base (base link)

Description: Insert web page base link attribute

Usage:

Note: All relative paths on your web pages will be preceded by "http://www.admin10000.com/" when linking. Among them, target="_blank" is to open the link file in a new window, and 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 usages of META tags, the most important of which are: Keywords and Description settings. 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 as good a keyword and introduction as possible. otherwise,
The consequences will be:

●If there are no META tags of 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), you should pay attention to the following points:

●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., and search with
For websites with similar content to yours, check the META keywords of the top ten websites and use them on your website. The effect can be imagined.

★Tips

In order to increase the search click-through rate, there are some "shortcuts" that can help you. Of course, you must also know the methods. If you blindly look for "shortcuts", you may end up playing with fire. Remember~

●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). (* Not recommended)

● Add keywords to the ALT comment statement of the image. For example: Keywords

● Use HTML comment statements to add a large number of keywords to the page code. Usage:

The above is the detailed content of Introduction to HTML page Meta(2). For more information, please follow other related articles on the PHP Chinese website!

Statement
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
HTML: Is It a Programming Language or Something Else?HTML: Is It a Programming Language or Something Else?Apr 15, 2025 am 12:13 AM

HTMLisnotaprogramminglanguage;itisamarkuplanguage.1)HTMLstructuresandformatswebcontentusingtags.2)ItworkswithCSSforstylingandJavaScriptforinteractivity,enhancingwebdevelopment.

HTML: Building the Structure of Web PagesHTML: Building the Structure of Web PagesApr 14, 2025 am 12:14 AM

HTML is the cornerstone of building web page structure. 1. HTML defines the content structure and semantics, and uses, etc. tags. 2. Provide semantic markers, such as, etc., to improve SEO effect. 3. To realize user interaction through tags, pay attention to form verification. 4. Use advanced elements such as, combined with JavaScript to achieve dynamic effects. 5. Common errors include unclosed labels and unquoted attribute values, and verification tools are required. 6. Optimization strategies include reducing HTTP requests, compressing HTML, using semantic tags, etc.

From Text to Websites: The Power of HTMLFrom Text to Websites: The Power of HTMLApr 13, 2025 am 12:07 AM

HTML is a language used to build web pages, defining web page structure and content through tags and attributes. 1) HTML organizes document structure through tags, such as,. 2) The browser parses HTML to build the DOM and renders the web page. 3) New features of HTML5, such as, enhance multimedia functions. 4) Common errors include unclosed labels and unquoted attribute values. 5) Optimization suggestions include using semantic tags and reducing file size.

Understanding HTML, CSS, and JavaScript: A Beginner's GuideUnderstanding HTML, CSS, and JavaScript: A Beginner's GuideApr 12, 2025 am 12:02 AM

WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

The Role of HTML: Structuring Web ContentThe Role of HTML: Structuring Web ContentApr 11, 2025 am 12:12 AM

The role of HTML is to define the structure and content of a web page through tags and attributes. 1. HTML organizes content through tags such as , making it easy to read and understand. 2. Use semantic tags such as, etc. to enhance accessibility and SEO. 3. Optimizing HTML code can improve web page loading speed and user experience.

HTML and Code: A Closer Look at the TerminologyHTML and Code: A Closer Look at the TerminologyApr 10, 2025 am 09:28 AM

HTMLisaspecifictypeofcodefocusedonstructuringwebcontent,while"code"broadlyincludeslanguageslikeJavaScriptandPythonforfunctionality.1)HTMLdefineswebpagestructureusingtags.2)"Code"encompassesawiderrangeoflanguagesforlogicandinteract

HTML, CSS, and JavaScript: Essential Tools for Web DevelopersHTML, CSS, and JavaScript: Essential Tools for Web DevelopersApr 09, 2025 am 12:12 AM

HTML, CSS and JavaScript are the three pillars of web development. 1. HTML defines the web page structure and uses tags such as, etc. 2. CSS controls the web page style, using selectors and attributes such as color, font-size, etc. 3. JavaScript realizes dynamic effects and interaction, through event monitoring and DOM operations.

The Roles of HTML, CSS, and JavaScript: Core ResponsibilitiesThe Roles of HTML, CSS, and JavaScript: Core ResponsibilitiesApr 08, 2025 pm 07:05 PM

HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
1 months agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.