html seo what does it mean

In HTML, SEO means "search engine optimization", which is a way to use the rules of search engines to improve the natural ranking of websites in relevant search engines; using SEO to deeply optimize the website can Help the website obtain free traffic, thereby increasing the website's visibility.

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

1. What is SEO?

SEO (Search Engine Optimization): Chinese translation is search engine optimization. It is a way: using the rules of search engines to improve the natural ranking of the website within the relevant search engines.

The general working principle of search engines is to use web crawlers to send requests to various websites, then store the resulting HTML pages and return them to the users we search for, so that we can use the search engines to see what we need something.

Therefore, the purpose of our SEO is to deeply optimize the website, thereby helping the website obtain free traffic, thereby improving the ranking of the website on search engines and increasing the popularity of the website.

2. SEO optimization of the three major TDK tags on the website

• title
• description
• keyword

2.1 title Website title

• title is irreplaceable and is the first important tag in our website. It is the entrance for search engines to understand the web page and to understand the web page. The best judgment point for entry theme attribution. Therefore, if we want our website to be searched by search engines, we cannot write this title randomly.

  • The recommended format is as follows: website name (product name) - website introduction (try not to exceed 30 Chinese characters). The following is how to write the official websites of JD.com and Xiaomi

  •   <title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>

  •  <title>小米商城 - 小米10 Pro、Redmi 10X、小米MIX Alpha，小米电视官方网站 </title>

2.2 description Website description

Advocate: description as the overall business and theme of the website To summarize, generally use "We are...", "We provide...", "Tel: xxx". Generally, we do not need to consider this specific content, and it is written by specialized SEO personnel.

For example, this one from JD.com and Xiaomi:

<meta name="description" 
 content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"/>

 <meta name="description" content="小米官网直营小米公司旗下所有产品，包括小米手机系列小米10 Pro 、小米9、小米MIX Alpha，Redmi 红米系列Redmi 10X、Redmi K30，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持." />

2.3 keywords Keywords

• keywords are the keywords of the page, and also One of the concerns of search engines.

• #keywords is best limited to 6~8 keywords, separated by English commas, in the form of keyword 1, keyword 2.

•  <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>

•  <meta name="keywords" content="小米,redmi,小米10,Redmi 10X,小米MIX Alpha,小米商城" />

• Because JD.com is an e-commerce website, it has more keywords. We usually have 6- 8, Xiaomi’s has exactly 8

3. alt attribute

• The ALT attribute in the web page is used to describe the picture Yes, there are two functions here.

  • One is to tell search engines the information about the image.
  • When the picture cannot be loaded, tell us the approximate content of the picture.

• We can’t add alt to every picture on the website. The best way is to use ALT tags on key pictures (logos, etc.) in the web page, so that search engines can crawl them. Important pictures on web pages are very helpful, and they will also be very beneficial to improving the keyword weight of the website.

4. Logo optimization

• First put an h1 tag in the logo to enhance authority and tell search engines that this place is important .

• h1 Put another link in it, you can return to the homepage, just put the background image of the logo to the link

• For search leads If we are included by Qingqing, we must put text (website name) in our link, but the text should not be displayed.

  • Method 1: Move text-indent outside the box (text-indent: -9999px), and then overflow:hidden, Taobao’s approach.
  • Method 2: Just give font-size:0; and you won’t be able to see the text, JD.com’s approach.

• Finally, give the link a title attribute, so that you can see the prompt text when the mouse is placed on the logo.

5. HTML Semanticization

For search engines, the most direct thing they face is the HTML code of the web page. If the code is written semantically, the search engine will It is easy to understand what the page is trying to say.

• We use strong to highlight important text
• We use h tags reasonably
• Use our H5 new section, article, nav and other tags

Related recommendations: "html video tutorial"

The above is the detailed content of html seo what does it mean. For more information, please follow other related articles on the PHP Chinese website!