Home > Developer > Web Develop
HTML Code Optimization
HTML (hypertext Markup Language) Hypertext Markup Language is the most basic web authoring language. Optimization of the HTML code is the basis for the entire site optimization.
Here's an example of a basic HTML code (taken from the Dazzmoon Jewelry app website) to learn about the various tag elements.
<!--page comments--
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 ">
<meta name= "keywords" content= "dazzmoon, jewelry, design, jewelry customization, jewelry original design, handmade Jew Elry, collection, fashion, accessory, jewellery, jewelry, jewellery, jewellery, jewelry, jewellery >
<meta name= "description" content= "Dazzmoon provides a new platform to decide and design of the best jewelry. Designers can upload his/her design sketch on the This app. Users can choose whatever he/she likes. " >
<link href= "/img/index.css" rel= "stylesheet" type= "Text/css"/>
<script language= "JavaScript" src= "/include/dedeajax2.js" ></script>
<title>dazzmoon Jewelry design</title>
<body>
<div>
<a href= "/index.php/home/index.html" title= "Dazzmoon homepage" >Homepage</a>
<strong> Jewelry design</strong>
<b>dazzmoon</b>
<u>jewelry</u>
<i>app</i>
</div>
</body>
Code interpretation:
<!--page comments--
The function of this tag is the HTML code annotation, can fill in the note the keyword, this form of annotation in the browser is not displayed, only the search engine can read. This tag is sometimes considered a form of cheating, so don't use this tag too much to stack keywords.
<meta name= "keywords" content= "keywords" >. Fill in the keywords to meet the content of the site, accurate expression of information. But the number is not the more the better, because too many keywords will reduce the weight of each word, the search engine is also unfriendly. In addition, as far as possible for each page to fill in different keywords, avoid being the search engine think page duplication.
<meta name= "description" content= "website description" >. The contents of this label appear under the title of the search results. is a summary of the page, used to describe the main content of the page. The simple and concise description of Web content makes search results more appealing.
<link href= "/img/index.css" rel= "stylesheet" type= "Text/css"/> The role of this tag is to invoke an external CSS style sheet. Href= "Css/index.css" represents the path to the external style file, rel= "stylesheet" represents the style of the call. Type= "Text/css" indicates that the file type of the calling style is a CSS style.
<script language= "javascript" src= "/include/dedeajax2.js" ></script> this tag represents the introduction of external JavaScript files. src= "/include/dedeajax2.js" means referencing the file path.
<title> page title </title>. Page title is the focus of the entire Web page, search engine crawl key information, this label related to the site ranking, so be careful to treat. Fill in the title should pay attention to the word accurate, concise. Do not stack keywords.
. This tag is used to refer to a picture, the Alt attribute is very important, the search engine will determine whether the image matches the search criteria according to the contents of the attribute. Accurately fill in ALT attribute content for improved image ranking and overall page search rankings
<a href= "/" title= "link description" > link word </a>. The role of this tag is to refer to a link. The quality of the linked word directly determines the quality of the link. Plays an important role in exchanging links.
<strong> key Keywords emphasize </strong>. This label is the second most important
HTML code optimization is a basic work of site optimization, only to ensure that the basic quality of the Web site to improve the quality of the overall website, search engines can more quickly crawl content, thereby providing users with a good search experience.
HTML code optimization
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
