在html代碼中如何做seo

1、如何在網頁代碼中做優化？

在SEO優化中，我們不僅要對關鍵字進行優化，代碼優化也是必不可少的。

下面一些見解

網頁代碼優化的原因：

(1) 可以減少網頁的體積，加快網頁的下載速度;

(2) 提高蜘蛛對信息的抓取的速度和准確性

(3) 有利於減少錯誤的代碼，提高頁面的對蜘蛛的友好性

(4) 便於管理人員維護，提高工作效率

(5) 減少網頁的噪音，突出頁面的主題

那我們怎樣對網頁代碼進行優化?

(1)對網頁中存在多餘的代碼，我們要學會清除垃圾代碼。網頁中一般存在的垃圾代碼會有空格符、空標簽塊、多餘的嵌套標簽、不必要的注釋等。
如：在每行的開始或結尾都存在著大量的空格符，我們需要把這些冗餘代碼刪除，還有空白行。清除空白行有一種簡單快捷的方法：可以將代碼轉至html代碼編
輯的模式按ctrl+A全選代碼使用組合鍵shift+Tab刪除。

(2)採用div+css排版。Div+css樣式可以精簡很多樣式，將設計網頁模版的部分脫離出來，放在一個獨立的文件夾中，對於網站的維護
和更改都相當的方便。且可以提高頁面的瀏覽速度，增加客戶訪問的友好性。在css進行布局時，要有良好的命名習慣，適當的代碼注釋。

(3)引用js文件，並不是頁面的特效越多越好(先css後js)。

(4)對於圖片的優化，網站的圖片不是越多越好，但要有圖片，要完善圖片的ALT屬性，最好使用帶有目標關鍵詞的描述。

(5)對於錯誤的代碼，我們可以利用3w工具進行檢查。

對於頁面標簽的優化，H1定義為正文標題，即一級標題，它具有唯一性。H2為二級標題，主要出現在正文的文章標題上。H3為三級標題，一般出現在頁面的側邊欄，H4-H6一般出現較少。值得注意的是在頁面中和的區別，對關鍵字起到強調作用，而僅僅是加粗的作用。

2、在前端開發中如何做好seo優化

很多人學會了一些SEO的常識，就覺得自己已經學會了SEO了，能夠給很多網站提供意見，但是其實他們提出的意見，很多時候都是靠猜，靠感覺。至於實際上有沒有效果，會不會給網站帶來正面的影響，只能走一步看一步。

其實一個SEO做得如何，最了解的還是自己，好的SEOER，能夠通過平時一點一滴的數據，進行匯總，通過數據指導，來看清SEO的方向。

SEO是什麼，在我看來，SEO就是做搜索引擎的排名，而SEO最終的目的是什麼，答案只有一個，那就是通過有排名的關鍵詞，來獲得流量，也就是說我們最終的目的就是流量。那麼我們很多時候，SEO不要局限在自己的站點上面，我們要把思路拓展，拓展到各個不同的模塊領域去。

那麼作為SEO，如何科學的去分析自己做的效果如何，如何去更好的通過數據，來指導自己的思維呢？

我們都知道，流量跟排名點擊率、排名數、收錄數有關系，那麼我們的數據，最主要的就是監控這三個維度。

1、排名點擊率：

如果是自身網站的話，就比較簡單，裝個流量統計工具，就可以很好的監控到關鍵詞的點擊率。如果是外部的站點，可以通過關鍵詞覆蓋的查詢，來預估自己的排名點擊率。其實在站點和內容都不變的情況下，點擊率一般不會有太大的變化。所以排名和收錄的因素，就會影響比較大。

2、網站排名：

網站的排名主要看兩大塊，一塊是重點詞的排名，一塊是看長尾的關鍵詞覆蓋率。

2.1、重點詞的排名：

每天都要監控，重點詞是你的核心詞，這個主要用來監控自己站內的關鍵詞變化情況，如果重點詞排名出現大幅度的變化，要就意味著在這個周期，你的排名有有極大的波動。排名監控可以用分析牛關鍵詞排名監控，可以記錄一個月的排名數據，一個月內的排名變化情況清晰可見。如果發現排名有明顯的變化，就要去分析近一個月內的網站日誌，看看有什麼變化，從而找出問題的原因。

2.2、長尾關鍵詞覆蓋率：

長尾詞的關鍵詞覆蓋率，主要用來監控站外的排名。

之前跟一個做推廣的聊，跟他說查一下關鍵詞覆蓋率，他反問我，什麼是關鍵詞覆蓋？

關鍵詞覆蓋，目的就是把你的關鍵詞盡可能的覆蓋到搜索引擎結果中，比如百度搜索結果第一頁有10個排名，10個都是你所發的排名，那麼用戶就只能點到你了，點不到別人。

而做醫療的長尾關鍵詞，一般都是地域性的，都是盡可能長的關鍵詞。

之前做的關鍵詞覆蓋，當你覆蓋率達到60%的時候，一天有10個有效對話，當你的覆蓋率達到50%的時候，你的有效對話只有8個，當你關鍵詞覆蓋達到30%的時候，你的有效對話只有4個。

那麼長的長尾關鍵詞能來對話嗎？答案是肯定的，能，太能了。有的人說那麼長，誰能搜索得到啊？對，那麼長的詞可能不一定有人搜，但是通過分詞所帶來的長尾呢？最重要的是，這種長尾有足夠的量，當量大的時候，螞蟻也能幹過一個軍團。

所以關鍵詞覆蓋率，能夠很好的體現你關鍵詞所做的情況。

有的人會問，站外推廣那麼難做，都沒有什麼地方可做的。其實有的平台，永遠都是好的，只是你沒去認真研究而已，為什麼別人都在做，你卻做不了呢？

3、網站收錄：

站點的收錄是非常關鍵的，當你排名、覆蓋率比較穩定的情況下，收錄越多，也就意味著你的長尾關鍵詞能夠越多。

而我們看收錄，並不是看單個鏈接的收錄，而是看整體的收錄變化比。這時候可以通過鏈接權重查詢，來查詢網址的收錄情況。

在排名率不變的情況下，當你的收錄越來越高，你的流量就會越來越多。所以如何提高收錄，也是一個非常重要的手段。

總結：

總體來看SEO的主要核心還是數據分析，具體的數據分析可以參考（百度排名只需分析關鍵詞數據）。其實SEO只要觀察細致，很多問題都會變得很簡單，你要真正搞清楚你想要什麼，你想要的流量，而流量跟網站的排名、網站的收錄、排名的點擊率是有直接關系。搞清楚這些關系，去逐一分析每一個細節，你會發現SEO會變得很簡單。

3、如何通過HTML設置像這樣的SEO，是在meta標簽里的哪個？盡量演示一下代碼~

那個是由搜索引擎商保證網址的安全性，而設置的。也就是說和一般的SEO不一樣的。一般的SEO是meta標簽description

4、HTML怎麼樣才有利於SEO搜索？

要求：
1、網頁體積越小越好，能少1K少1K。
2、少用一點JS代碼。
3、重要內容不要放在框架、程序組件中。反之，非重要內容放到框架、JS裡面去
HTML標簽權重分值排列
內部鏈接文字：10分
標題title：10分
域名：7分
H1，H2字型大小標題：5分
每段首句：5分
路徑或文件名：4分
相似度(關鍵詞堆積)：4分
每句開頭：1.5分
加粗或斜體：1分
文本用法(內容)：1分
title屬性：1分 (注意不是

5、Html如何進行SEO？

一：html代碼頭部即head標簽的seo設置。

1：<meta charset=」UTF-8″>：指明網站編碼。

2：<title>SEO教程自學網_網站SEO優化教程學習『武漢小明SEO』</title>：網站標題設置，標題裡面的語句字字千金，需著重把握。

3：<meta name=」description」 content=」SEO教程自學網,解答seo是什麼,武漢小明專業研究搜索引擎優化,致力網站SEO優化教程學習以及seo技術教程培訓,提供自學seo視頻教程免費觀看。」 />：網站描述設置，描述也能影響目標關鍵詞排名。

4：

<meta http-equiv=」Cache-Control」 content=」no-transform」 />
<meta http-equiv=」Cache-Control」 content=」no-siteapp」 />
<meta name=」applicable-device」 content=」pc,mobile」>
<meta name=」MobileOptimized」 content=」width」/>
<meta name=」HandheldFriendly」 content=」true」/>

移動禁止轉碼聲明。

5：<script src=」//msite.baidu.com/sdk/c.js?appid=1567888488359210″></script>：百度熊掌號ID聲明。現目前熊掌號是大勢所趨，很有必要。

6：<link rel=」canonical」 href=」http://www.xminseo.com」/>：百度明文規定支持的一種標簽，目的是給搜索引擎傳達信息：來抓取網站管理者想要呈現的重要內容。

7：其他方面的設置，如301重定向，404頁面等。

二：html代碼其餘部分進行seo設置。

1：<h1><span class=」yusi-mono」>SEO教程自學網</span></h1>。

h1標簽是權重標簽，建議一個頁面使用一次即可。

2：<strong class=」text-success」></strong>。

個人認為，strong標簽有強調作用，比B標簽效用更好。

3：

<a target=」_blank」 href=」https://www.xminseo.com/2390.html」 title=」seo經驗案例分享」><img src=」https://www.xminseo.com/wp-content/uploads/2017/09/2-2.png」 title=」seo經驗案例分享」 alt=」seo經驗案例分享」 /></a>。

圖片必須添加alt標簽，搜索引擎根據alt標簽中的內容來識別圖片。

4：

<script type=」application/ld+json」>
{
「@context」: 「https://zhanzhang.baidu.com/contexts/cambrian.jsonld」,
「@id」: 「https://www.xminseo.com/2747.html」,
「title」:」有關Canonical標簽的一些說明」,
「images」: [
「https://www.xminseo.com/wp-content/uploads/2017/10/1-10.jpg」 ],
「description」: 「&nbsp; 如果網站中有大量網址形式不同而內容相同的頁面，那麼從網站seo優化的角度來看，是有問題的。不同的網址都可以訪問同樣內容的頁面，會給有可能引起搜索引擎的誤判。Canonical標簽的出現，」,
「pubDate」: 「2017-10-22T12:57:35」,
「isOriginal」: 「0」
}
</script>

熊掌號頁面改造代碼，經過相關代碼設置，能讓頁面符合熊掌號規范。

5：

<script>
(function(){
var bp = document.createElement(『script』);
var curProtocol = window.location.protocol.split(『:』)[0];
if (curProtocol === 『https』) {
bp.src = 『https://zz.bdstatic.com/linksubmit/push.js』;
}
else {
bp.src = 『http://push.zhanzhang.baidu.com/push.js』;
}
var s = document.getElementsByTagName(「script」)[0];
s.parentNode.insertBefore(bp, s);
})();
</script>

主動推送相關代碼，藉助用戶行為，點擊之後自動推送給百度搜索引擎。

6、HTML代碼怎樣做利於SEO優化

SEO代碼優化入門的最佳HTML代碼教程
我們先看下最基本的HTML標簽元素
1、<!--頁面註解-->
2、<html>
3、<head>
4、<title>頁面標題</title>
5、<meta http-equiv=Content-Language content=zh-cn>
6、<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
7、<meta name="keywords" content="關鍵詞">
8、<meta name="description" content="網站描述">
9、<link href="/img/index.css" rel="stylesheet" type="text/css" />
10、<script language="JavaScript" src="/include/dedeajax2.js"></script>
11、</head>
12、<body>
13、<div>
14、<h1>頁面內容標題</h1>
15、<h2>頁面相關性標題</h2>
16、<h3>標題系列</h3>
17、<h4>標題系列</h4>
18、<h5>標題系列</h5>
19、<h6>標題系列</h6>
20、<img src="xxx.jpg" alt="圖片說明">
21、<a href="/" title="鏈接說明">鏈接詞</a>
22、<strong>重點關鍵詞強調</strong>
23、<b>關鍵詞強調</b><u>關鍵詞強調</u><i>關鍵詞強調</i>
24、</div>
25、<div>
26、版權部分關鍵詞強調
27、</div>
28、</body>
29、</html>
********************************************************
註：在<body>..</body>標簽區中的羅列，都是一些基礎的HTML標簽，這些標簽出現的次序是可以變化的。
我們一步一步來說。
第1行的<!--頁面註解-->。這個標簽是用來做HTML代碼註解的，很多站在這里會寫上關鍵詞，這種形式的註解在瀏覽器中是不會顯示的，而搜索引擎可以讀到。所以這個標簽有的時候會成為作弊的一種形式，不要過多的用這種標簽到來註明你的關鍵詞，否則如果搜索引擎認為你是作弊的話，就慘了。
第4行<title>頁面標題</title>。這是相當重要的！這里字字值千金！對於做百度seo的朋友，一定要記得這個標簽可能是你是否真正能夠做到排名靠前的重點，而且這個重點絕對不容忽視。標題主要注意你的用詞，如果你做垃圾站，堆關鍵詞也無所謂，如果你要做正規站點，請你正確對待，寫得標准一點，不要堆關鍵字，保持你的主要詞在這里出現三次，太多對你沒有好處，對排名也不會有好處。GG並不喜歡太長的標題，百度也偶爾提到只希望在標題的前20個字里出現你的關鍵詞。明確這些以後，還要注意的是，你的主要關鍵詞應該在標題里越靠前越好！
第7行<meta
name="keywords"
content="關鍵詞">。這個的用途現在權重越來越低，但是再低都是有權重的，只要認真對待，這里的詞是有效果的。這里注意兩點：第一、大部分人都會選擇在這里寫關鍵詞不會超過三個，有的人直接只寫一個，這是有好處的，每一處標簽都有權重，你強調的內容越少，那麼它的權重會相對更高的，所以不要寫太多，否則不如不寫，而讓搜索引擎自己去判斷你的頁面關鍵詞。第二、幾乎所有的SEO專業人員都會跟你說盡量在每一個頁面寫不同的關鍵詞，避免被認為是重復頁面的危險。
第8行<meta
name="description"
content="網站描述">。這個是主要為了在搜索結果里出現的索引結果的，索引結果就是在百度搜索你的站的時候標題下面的摘要內容。這是一個頁面的導讀，用來說明網頁的主要內容，當然現在的權重不高，跟keywords標簽一樣，不太受重視。而且現在由於搜索引擎機器人的越來越智能化，基本上已經實現整個頁面的摘要內容隨意出現它的索引結果里了，搜索引擎會根據你搜索的內容不同顯示不同的索引。你如果要寫description，就認真去寫，很多人是用這里來控制搜索引擎的索引顯示的，因為網站描述寫得越具體，就越有可能在索引的時候出現這個標簽中的內容。
第9行<link
href="/img/index.css" rel="stylesheet" type="text/css" />
這個只是一個CSS樣式表的 調用方式一共分2一種直接把CSS寫進HTML 一種是這種相對方便 和減少網頁代碼量的做法 調用CSS樣式表!
第10行<script
language="JavaScript" src="/include/dedeajax2.js"></script>
這個是調用JS(javascript)文件的方法 也可以直接把JS寫進HTML網頁 但這樣和上面的CSS調用一樣 方便減少網頁代碼量!
本來以為JS代碼搜索引擎抓取不了 但實驗結果表明SE已經能夠抓取JAVASCRIPT內的代碼! 實驗頁見( /seojs.html )
第14行<h1>頁面內容標題</h1>。這個標簽是一個頁面最重要的標簽，也是搜索引擎定位這個頁面的主要依據，如果你的<h1>標簽里沒有出現你的頁面關鍵字，那真是的一種很大的損失，這里的權重相對於其它的在<body>區的標簽來說更加重要。在HTML代碼中，它的重要性僅次於<title>。很多人放棄寫這個標簽，對於搜索引擎是很不友好的，你可以不出現其它的強調關鍵詞的標簽，但是這個標簽一定要出現，這是告訴搜索引擎你的頁面用一句話應該如何表達，如果這一行字都沒有，再智能化的機器人可能都會以你的<title>來決定是否用來作為一個詞的排名，很多時候一個網站的頁面標題都是完全一樣的，因為他們程序的原因，但是如果你沒有辦法修改title，已經損失很大了，而如果你的頁面這個<h1>標簽也沒有出現的話，我不知道搜索引擎會怎麼樣去理解一個頁面，對於SEO來說，那真很糟糕的一件事情。所以，認真對待你的頁面<h1>，這是很重要的，要強調的是，這個標簽一個頁面不要出現太多，道理很簡單，太多會讓別人無法確定你頁面中哪一個才是最重要的，無法確定重點跟沒有這個標簽我覺得沒有太大的分別。所以，最好只出現1次，以達到明確說明的目的。
第15行<h2>頁面相關性標題</h2>。這個標簽與<h1>是一樣和道理，但是權重相對來說較低，如果你的頁面沒有<h1>，那麼這個標簽對於頁面來說基本上就相當於<h1>的重要性了。這裡面你包含的是長尾關鍵詞相關的內容，比如你的頁面做幾個關鍵詞，主詞應該出現在<h1>里，那麼其它的詞以及你想發展的詞就可以出現在<h2>里，這樣來說是一種合理的安排。
而<h3>~<h6>這些標簽，重要性是依次遞減的，在一個頁面的權重越來越低。
第20行<img
src="xxx.jpg"
alt="圖片說明">。我想這個標簽很多人都知道，它的作用很明確，不是指定一張圖片的說明文字，讓搜索引擎知道這張圖片是關於什麼的。比如你的圖片是"周傑倫"，那麼你的alt="圖片說明"中的"圖片說明"就應該是與"周傑倫"相關的詞或者句子。這樣寫當然也有利於你在圖片搜索的結果里顯示排名更前面一點，不過現在百度基本上是以頁面標題作為一張圖片排名的要素，當然，你的alt標記做得好，將會增加你的圖片匹配度。關於圖片說明的研究，以後我也許會寫一篇分析性的文章，因為有<a>鏈接的圖片里，還會有一個title標簽，title與alt這兩個誰重要，是有必要研究一下的。
第21行<a
href="/"
title="鏈接說明">鏈接詞</a>。這是鏈接說明，同進也是一個頁面鏈接的SEO重點，這里的"鏈接詞"相當的重要，如果你跟別人交換鏈接，你這個詞的寫法是起著外鏈好壞與否的決定性因素的。"鏈接詞"建議你最好寫成自己的關鍵詞，如果覺得實在不行或者怎麼樣，你一定要在"鏈接說明"里出現你的關鍵詞。否則對於排名，你的鏈接做得沒有太大的好處。這在SEO專業術語里還有一種叫法，叫做"google****"，就是用很多站點，同時做鏈接到一個網站，然後所有的"鏈接詞"都寫一個詞-"周傑倫菲"，不久以後google就會將這個站當做"周傑倫"這個詞最權威的站點，即使被那些站點鏈接的這個頁面沒有任何與"周傑倫"相關的內容，這個網站在"周傑倫"這個詞的排名情況也會很好。不過google已經調整了演算法，但是這樣做鏈接肯定是有用的，一定要認真對待你的鏈接。還有一個重點，就是對方的鏈接，如果是JS調用的，你就別想在他那裡得到任何權重，因為搜索引擎不會去讀取JS里的內容，所以，建議大家好好做鏈接，不要做了鏈接你的站卻跟沒做一樣。像百度空間的友情鏈接就是JS文件調用的，所以百度空間里的友情鏈接你是沒有權重的。具體可以查看HTML代碼，正常情況下一個頁面你找不到你的網站地址在<a>..</a>標簽內出現，基本上這就是屬於無效鏈接。
第22行<strong>重點關鍵詞強調</strong>。這個標簽基實重要性僅次於<h1>，很多人都這樣跟我講。所以我也基本上認同，很確定的是它比<b>、<u>、<i>等標簽要權重高。所以如果你的頁面有很重要的詞，而你想強調它，首先選這個<strong>標簽吧，接下來相對不重要的詞強調請你選<b>、<u>、<i>等標簽。當然，不要用得太多了，用得太多沒有重點就等於沒有用了。
第27行版權部分關鍵詞強調。我為什麼要寫這個？因為這個權重越來越高了，在底部版權部分，很接近版權部分出現的關鍵詞，是一種SEO策劃的手法。在這里強調你的關鍵詞，是讓你的關鍵詞布局更加合理，而不是頭部出現關鍵詞，中部強調很多次，而底部卻什麼也沒有關聯，這個詞在這個頁面是否值得懷疑呢？

7、怎樣在html網頁中做SEO

標題優化，頁面描述優化，重點關鍵詞，關鍵詞，圖片描述，都可以的

8、如何做html5 的seo優化

既然HTML5是網頁改版的一次創新，那麼它跟我們所熟知的SEO有必然的聯系嗎？實際上，HTML5與SEO之間有著千絲萬縷的關系。
第一、使搜索引擎更加容易抓取和索引
對於一些網站，特別是那些嚴重依賴於FLASH的網站HTML5是一個大福音。如果你有一個都是FLASH的站點，你就一定會看到切換到HTML5的 好處。首先，搜索引擎的蜘蛛將能夠抓取你的站點和索引你的內容。所有嵌入到動畫中的內容將全部可以被搜索引擎讀取。在搜索引擎優化的基本理論中，這一方面將會驅動你的網站獲得更多的點擊流量。
第二、提供更多的功能，提高用戶的友好體驗
使用HTML5的另一個好處就是它可以增加更多的功能。對於HTML5的功能性問題，我們從全球幾個主流站點對它的青睞就可以看出。社交網路大亨Facebook已經推出他們期待已久的基於HTML5的iPad應用平台，潘多拉也推出他們基於HTML5的音樂播放器的新版本。游戲平台 Zynga也在推出了三款新的在移動設備瀏覽器上運行的基於HTML5的游戲等等。每天都有不斷的基於HTML5的網站和HTML5特性的網站被推 出。保持站點處於新技術的前沿，也可以很好的提高用戶的友好體驗。
第三、可用性的提高，提高用戶的友好體驗
最後我們可以從可用性的角度上看，HTML5可以更好的促進用戶於網站間的互動情況。多媒體網站可以獲得更多的改進，特別是在移動平台上的應用，使用 HTML5可以提供更多高質量的視頻和音頻流。

9、HTML5中哪些標簽可以用來做SEO優化

一、頭部代碼
1、標題標簽(title標簽)
在HTML5中標題標簽依然存在，其仍然具有不可替代的作用;不過我們看到還有更多的可供搜索引擎識別的代碼，我們將改代碼的等級微降。

2、元標簽(meta標簽)
字元集編碼聲明標簽：該標簽原本就是搜索引擎必看且首先要看的標簽，其他屬性都省略唯獨留下charset屬性能看到google公司用心良苦。

網頁描述標簽：該標簽雖然沒有什麼提示，但是該區域的內容將會在SERP顯示，其重要性不應該被忽略。

二、正文代碼
1、頭部標簽(header標簽)
這塊區域之前以logo居多，而從目前的情況來看，很多資料都建議在這類使用標題1或2標簽，即h1或h2標簽。我們認為未來每個網頁只會出現一個H1標簽，而他的位置就是位於header標簽內。該區域我們不建議使用strong標簽，不要使用b標簽。

2、導航標簽(nav標簽)
nav標簽內基本上都是a標簽，而HTML5中不應該靠添加title標簽來進行優化，我們建議是用strong標簽。

3、文章標簽(article標簽)
article標簽區域，我們可以使用h2標簽，而不建議使用h1標簽。基本上有多少個article標簽就可以使用多少個h2標簽。PS：可把SEO樂死了，估計黑帽又找到作弊的地方了。

而article標簽區域的section標簽將會替代h2標簽鏈接過去的URL的title屬性，這塊區域的文字有可能將成為目標URL的description內容，即有可能會影響目標URL在SERP中的描述。

4、左或右側標簽(aside標簽)
aside標簽的文字信息與article標簽區域的文字信息需要匹配，如果關聯程度不大，可能會影響到該頁面以及目標頁面的排名。這是在HTML4中很多SEO忽視的一塊區域，而這塊區域的關鍵詞對本頁面可能影響不是很大。因為aside標簽的內容基本上都屬於公共內容，即會有N多的頁面都有該內容。

5、底部標簽(footer標簽)
footer標簽區域的內容對首頁的排名將會增加，而對於內頁來說搜索引擎將有可能會視而不見。不建議每個web的footer信息都是獨立的，這或許意味著新的黑帽手段將會出現。