Detailed explanation of the use of the <meta> tag in HTML

Detailed explanation of the use of the <meta> tag in HTML

In the web pages we make, if we want more people to visit it, the best way is to use search engines to find your URL, so you need your web page to have keywords that search engines can identify, so the <meta> tag in HTML is this function, write the key information of this page into it, so that search engines can identify it, then let's talk about how to use <meta>:

<head>
<title>mate</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="Erwin Aligam - styleshout.com" />
<meta name="description" content="Site Description Here" />
<meta name="keywords" content="keywords, here" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="googlebot" content="noarchive" />
</head>

1. Use of attributes

This is a simple example. This tag is written in <head> and will not be seen by users. It depends on your own needs whether you need these functions. The main attributes of the tag are http-equiv and name.

http-equiv is like the header file of http, which can send some useful information to the browser to help better display the content you want. The value of http-equiv attribute can be content-type, expires, refresh and so on.

name This attribute is mainly used to describe the web page. The value of the name attribute can be: author, description, keywords, generator, etc.

2. Application of name attribute

The use of name can be seen in the examples above, such as keywords and description, because according to the working principle of search engines, search engines will first exclude the keywords and descriptions in the page that are automatically retrieved by robots, and add them to their own database, and then sort the websites according to the density of keywords, so these two attributes are very important.

Note: The content of keywords should be limited to 36 characters.

The content of description should be limited to 76 characters.

These two need to be used together

Summarize

The above is a detailed explanation of the use of the <meta> tag in HTML. I hope it will be helpful to you. If you have any questions, please leave me a message and I will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website!

<<:  How to automatically deploy Linux system using PXE

>>:  Detailed explanation of CSS elastic box flex-grow, flex-shrink, flex-basis

Recommend

Installation, configuration and use of process daemon supervisor in Linux

Supervisor is a very good daemon management tool....

Why should MySQL fields use NOT NULL?

I recently joined a new company and found some mi...

Zabbix configures DingTalk's alarm function with pictures

Implementation ideas: First of all, the alarm inf...

Several ways to clear arrays in Vue (summary)

Table of contents 1. Introduction 2. Several ways...

Tutorial on installing mysql5.7.17 via yum on redhat7

The RHEL/CentOS series of Linux operating systems...

Detailed explanation of Linux CPU load and CPU utilization

CPU Load and CPU Utilization Both of these can re...

How to deploy Rancher with Docker (no pitfalls)

Must read before operation: Note: If you want to ...

Datagrip2020 fails to download MySQL driver

If you cannot download it by clicking downloadlao...

Use nginx to dynamically convert image sizes to generate thumbnails

The Nginx ngx_http_image_filter_module module (ng...

vue+tp5 realizes simple login function

This article example shares the specific code of ...

How to use binlog for data recovery in MySQL

Preface Recently, a data was operated incorrectly...

JavaScript generates random graphics by clicking

This article shares the specific code of javascri...

Detailed explanation of CSS pre-compiled languages ​​and their differences

1. What is As a markup language, CSS has a relati...

Mysql join query syntax and examples

Connection query: It is the result of connecting ...