HTML代碼優化

時間  2019-12-07
標籤 html 代碼 優化 欄目 HTML 简体版
原文   原文鏈接

HTML代碼優化php

HTML（HyperText Markup Language）超文本標記語言是最基礎的網頁製做語言。對於HTML代碼的優化是整個網站優化的基礎。css

接下來以一段基本HTML代碼（取自Dazzmoon珠寶app網站）爲例，瞭解一下各類標籤元素。html

 

<!--頁面註解-->ajax

<html>瀏覽器

<head>app

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">ide

<meta name="keywords" content="Dazzmoon, jewelry, design, jewelry customization, jewelry original design, handmade jewelry, collection, fashion, accessory, 珠寶，創意珠寶設計，珠寶定製，手工珠寶，珠寶網，珠寶店，珠寶首飾">優化

<meta name="description" content="Dazzmoon provides a new platform to decide and design the best jewelry. Designers can upload his/her design sketch on this app. Users can choose whatever he/she likes.">網站

<link href="/img/index.css" rel="stylesheet" type="text/css" />ui

<script language="JavaScript" src="/include/dedeajax2.js"></script>

<title>Dazzmoon Jewelry Design</title>

</head>

<body>

<div>

<h1>Dazzmoon</h1>

<h2>Dazzmoon Jewelry Design</h2>

<h3>Original Sketch</h3>

<img src="D_L.jpg" alt=" Dazzmoon_logo ">

<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>

</html>

 

代碼解讀：

 

<!--頁面註解-->

此標籤的功能是HTML代碼註解，能夠在註解中填寫關鍵詞，這種形式的註解在瀏覽器中是不會顯示的，只有搜索引擎能夠讀取到。此標籤有的時候會被認爲是做弊的一種形式，因此不要過多使用此標籤堆砌關鍵詞。

 

<meta name="keywords" content="關鍵詞">。關鍵詞的填寫要切合網站內容，準確表達信息。可是數量並非越多越好，由於太多的關鍵詞會下降每一個詞的權重，對搜索引擎也是不友好的。此外儘可能爲每個頁面填寫不一樣的關鍵詞，避免被搜索引擎認爲頁面重複。

 

<meta name="description" content="網站描述">。此標籤的內容會出如今搜索結果的標題下面。是頁面的摘要，用來講明網頁的主要內容。簡潔明瞭地描述網頁內容，會讓搜索結果更加具備吸引力。

 

<link href="/img/index.css" rel="stylesheet" type="text/css" /> 此標籤的做用是調用一個外部CSS樣式表。href="css/index.css" 表示外部樣式文件的路徑，rel="stylesheet"表示調用的樣式。type="text/css" 表示調用樣式的文件類型爲CSS樣式。

 

<script language="JavaScript" src="/include/dedeajax2.js"></script> 此標籤表示引入外部的JavaScript文件。src="/include/dedeajax2.js"即表示引用文件路徑。

 

<title>頁面標題</title>。頁面標題是整個網頁重點，搜索引擎抓取的重點信息，這個標籤關係到網站排名，因此要慎重對待。標題的填寫要注意用詞準確，簡潔。不要堆砌關鍵字。

 

<h1>頁面內容標題</h1>。此標籤是一個頁面最重要的標籤，也是搜索引擎定位這個頁面的主要依據，必定要出現頁面關鍵字。標籤權重依次爲h1>H2>H3....類推。在HTML代碼中，它的重要性僅次於<title> 標籤。要注意的是，這個標籤不要過多的出如今一個頁面中，由於過多的h1標籤會讓搜索引擎沒法肯定哪個纔是最重要的。

　　

<img src="pic.jpg" alt="圖片說明">。此標籤用來引用一張圖片，alt屬性很是重要，搜索引擎會根據屬性中的內容判斷圖片是否符合搜索條件。準確填寫alt屬性內容有利於圖片排名提高及整個頁面搜索排名的提高

   

<a href="/" title="連接說明">連接詞</a>。此標籤做用是引用一個連接。連接詞的質量直接決定了連接的質量。對交換連接有很重要的做用。

<strong>重點關鍵詞強調</strong>。此標籤重要性僅次於<h1>。比<b>、<u>、<i>等標籤要權重高。因此若是頁面有很重要的詞，應該首先選<strong>標籤，而後再用<b>、<u>、<i>標籤。一樣，這樣的標籤使用要適可而止，不可過多。

 

HTML代碼優化是網站優化的一項基本工做，只有保證網頁的基礎質量才能提高總體網站的質量，搜索引擎才能更加迅速的抓取內容，從而提供給用戶良好的搜索體驗。

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程