關(guān)于遨游建站優(yōu)勢行業(yè)動態(tài)網(wǎng)站開發(fā)流程網(wǎng)站樣板網(wǎng)站功能與價格網(wǎng)站建設(shè)方案與報價手機網(wǎng)站設(shè)計網(wǎng)站改版升級響應(yīng)式網(wǎng)站開發(fā)營銷型網(wǎng)站開發(fā)集團型網(wǎng)站設(shè)計自適應(yīng)網(wǎng)站設(shè)計手機網(wǎng)站建設(shè)問題網(wǎng)站改版升級問題微信網(wǎng)站開發(fā)外貿(mào)網(wǎng)站開發(fā)保姆網(wǎng)站開發(fā)網(wǎng)站建設(shè)知識案例展示商城樣板商城功能購物網(wǎng)站制作小程序樣板小程序功能小程序設(shè)計百度搜索推廣谷歌搜索推廣360搜索推廣搜狗搜索推廣神馬搜索推廣搜索引擎廣告微信廣告今日頭條推廣新浪扶翼廣告UC頭條推廣一點資訊推廣搜狐匯算推廣網(wǎng)易推廣移動信息流廣告抖音廣告代運營愛奇藝廣告優(yōu)酷廣告快手推廣視頻營銷平臺知乎營銷推廣陌陌廣告社交自媒體網(wǎng)站托管費用網(wǎng)站托管協(xié)議域名備案域名回收企業(yè)郵箱互動營銷活動SSL證書數(shù)據(jù)恢復(fù)關(guān)鍵詞快速排名地圖標(biāo)注創(chuàng)意設(shè)計企業(yè)百家號認證企業(yè)抖音號藍V認證網(wǎng)站建設(shè)問題企業(yè)網(wǎng)站建設(shè)公司網(wǎng)站制作企業(yè)網(wǎng)站設(shè)計企業(yè)建網(wǎng)站企業(yè)網(wǎng)站優(yōu)化建站技術(shù)域名知識SEO學(xué)院SEO課程SEO工具

SEO代碼優(yōu)化入門的最佳HTML代碼教程

 二維碼 199
發(fā)表時間:2016-03-06 17:00作者:敖游來源:遨游建站網(wǎng)址:http://aquaponicswiki.com

SEO代碼優(yōu)化入門的最佳HTML代碼教程

  我們先看下最基本的HTML標(biāo)簽元素

  1、<!--頁面注解-->

  2、<html>

  3、<head>

  4、<title>頁面標(biāo)題</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="關(guān)鍵詞">

  8、<meta name="description" content="網(wǎng)站描述">

  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>頁面內(nèi)容標(biāo)題</h1>

  15、<h2>頁面相關(guān)性標(biāo)題</h2>

  16、<h3>標(biāo)題系列</h3>

  17、<h4>標(biāo)題系列</h4>

  18、<h5>標(biāo)題系列</h5>

  19、<h6>標(biāo)題系列</h6>

  20、<img src="xxx.jpg" alt="圖片說明">

  21、<a href="/" title="鏈接說明">鏈接詞</a>

  22、<strong>重點關(guān)鍵詞強調(diào)</strong>

  23、<b>關(guān)鍵詞強調(diào)</b><u>關(guān)鍵詞強調(diào)</u><i>關(guān)鍵詞強調(diào)</i>

  24、</div>

  25、<div>

  26、版權(quán)部分關(guān)鍵詞強調(diào)

  27、</div>

  28、</body>

  29、</html>

  ********************************************************

  注:在<body>..</body>標(biāo)簽區(qū)中的羅列,都是一些基礎(chǔ)的HTML標(biāo)簽,這些標(biāo)簽出現(xiàn)的次序是可以變化的。

  我們一步一步來說。

  第1行的<!--頁面注解-->。這個標(biāo)簽是用來做HTML代碼注解的,很多站在這里會寫上關(guān)鍵詞,這種形式的注解在瀏覽器中是不會顯示的,而搜索引擎可以讀到。所以這個標(biāo)簽有的時候會成為作弊的一種形式,不要過多的用這種標(biāo)簽到來注明你的關(guān)鍵詞,否則如果搜索引擎認為你是作弊的話,就慘了。

  第4行<title>頁面標(biāo)題</title>。這是相當(dāng)重要的!這里字字值千金!對于做百度seo的朋友,一定要記得這個標(biāo)簽可能是你是否真正能夠做到排名靠前的重點,而且這個重點絕對不容忽視。標(biāo)題主要注意你的用詞,如果你做垃圾站,堆關(guān)鍵詞也無所謂,如果你要做正規(guī)站點,請你正確對待,寫得標(biāo)準(zhǔn)一點,不要堆關(guān)鍵字,保持你的主要詞在這里出現(xiàn)三次,太多對你沒有好處,對排名也不會有好處。GG并不喜歡太長的標(biāo)題,百度也偶爾提到只希望在標(biāo)題的前20個字里出現(xiàn)你的關(guān)鍵詞。明確這些以后,還要注意的是,你的主要關(guān)鍵詞應(yīng)該在標(biāo)題里越靠前越好!

  第7行<meta name="keywords" content="關(guān)鍵詞">。這個的用途現(xiàn)在權(quán)重越來越低,但是再低都是有權(quán)重的,只要認真對待,這里的詞是有效果的。這里注意兩點:第一、大部分人都會選擇在這里寫關(guān)鍵詞不會超過三個,有的人直接只寫一個,這是有好處的,每一處標(biāo)簽都有權(quán)重,你強調(diào)的內(nèi)容越少,那么它的權(quán)重會相對更高的,所以不要寫太多,否則不如不寫,而讓搜索引擎自己去判斷你的頁面關(guān)鍵詞。第二、幾乎所有的SEO專業(yè)人員都會跟你說盡量在每一個頁面寫不同的關(guān)鍵詞,避免被認為是重復(fù)頁面的危險。

  第8行<meta name="description" content="網(wǎng)站描述">。這個是主要為了在搜索結(jié)果里出現(xiàn)的索引結(jié)果的,索引結(jié)果就是在百度搜索你的站的時候標(biāo)題下面的摘要內(nèi)容。這是一個頁面的導(dǎo)讀,用來說明網(wǎng)頁的主要內(nèi)容,當(dāng)然現(xiàn)在的權(quán)重不高,跟keywords標(biāo)簽一樣,不太受重視。而且現(xiàn)在由于搜索引擎機器人的越來越智能化,基本上已經(jīng)實現(xiàn)整個頁面的摘要內(nèi)容隨意出現(xiàn)它的索引結(jié)果里了,搜索引擎會根據(jù)你搜索的內(nèi)容不同顯示不同的索引。你如果要寫description,就認真去寫,很多人是用這里來控制搜索引擎的索引顯示的,因為網(wǎng)站描述寫得越具體,就越有可能在索引的時候出現(xiàn)這個標(biāo)簽中的內(nèi)容。

  第9行<link href="/img/index.css" rel="stylesheet" type="text/css" /> 這個只是一個CSS樣式表的 調(diào)用方式一共分2一種直接把CSS寫進HTML 一種是這種相對方便 和減少網(wǎng)頁代碼量的做法 調(diào)用CSS樣式表!

  第10行<script language="JavaScript" src="/include/dedeajax2.js"></script> 這個是調(diào)用JS(javascript)文件的方法 也可以直接把JS寫進HTML網(wǎng)頁 但這樣和上面的CSS調(diào)用一樣 方便減少網(wǎng)頁代碼量! 本來以為JS代碼搜索引擎抓取不了 但實驗結(jié)果表明SE已經(jīng)能夠抓取JAVASCRIPT內(nèi)的代碼! 實驗頁見( /seojs.html )

  第14行<h1>頁面內(nèi)容標(biāo)題</h1>。這個標(biāo)簽是一個頁面最重要的標(biāo)簽,也是搜索引擎定位這個頁面的主要依據(jù),如果你的<h1>標(biāo)簽里沒有出現(xiàn)你的頁面關(guān)鍵字,那真是的一種很大的損失,這里的權(quán)重相對于其它的在<body>區(qū)的標(biāo)簽來說更加重要。在HTML代碼中,它的重要性僅次于<title>。很多人放棄寫這個標(biāo)簽,對于搜索引擎是很不友好的,你可以不出現(xiàn)其它的強調(diào)關(guān)鍵詞的標(biāo)簽,但是這個標(biāo)簽一定要出現(xiàn),這是告訴搜索引擎你的頁面用一句話應(yīng)該如何表達,如果這一行字都沒有,再智能化的機器人可能都會以你的<title>來決定是否用來作為一個詞的排名,很多時候一個網(wǎng)站的頁面標(biāo)題都是完全一樣的,因為他們程序的原因,但是如果你沒有辦法修改title,已經(jīng)損失很大了,而如果你的頁面這個<h1>標(biāo)簽也沒有出現(xiàn)的話,我不知道搜索引擎會怎么樣去理解一個頁面,對于SEO來說,那真很糟糕的一件事情。所以,認真對待你的頁面<h1>,這是很重要的,要強調(diào)的是,這個標(biāo)簽一個頁面不要出現(xiàn)太多,道理很簡單,太多會讓別人無法確定你頁面中哪一個才是最重要的,無法確定重點跟沒有這個標(biāo)簽我覺得沒有太大的分別。所以,最好只出現(xiàn)1次,以達到明確說明的目的。

  第15行<h2>頁面相關(guān)性標(biāo)題</h2>。這個標(biāo)簽與<h1>是一樣和道理,但是權(quán)重相對來說較低,如果你的頁面沒有<h1>,那么這個標(biāo)簽對于頁面來說基本上就相當(dāng)于<h1>的重要性了。這里面你包含的是長尾關(guān)鍵詞相關(guān)的內(nèi)容,比如你的頁面做幾個關(guān)鍵詞,主詞應(yīng)該出現(xiàn)在<h1>里,那么其它的詞以及你想發(fā)展的詞就可以出現(xiàn)在<h2>里,這樣來說是一種合理的安排。

  而<h3>~<h6>這些標(biāo)簽,重要性是依次遞減的,在一個頁面的權(quán)重越來越低。

  第20行<img src="xxx.jpg" alt="圖片說明">。我想這個標(biāo)簽很多人都知道,它的作用很明確,不是指定一張圖片的說明文字,讓搜索引擎知道這張圖片是關(guān)于什么的。比如你的圖片是"周杰倫",那么你的alt="圖片說明"中的"圖片說明"就應(yīng)該是與"周杰倫"相關(guān)的詞或者句子。這樣寫當(dāng)然也有利于你在圖片搜索的結(jié)果里顯示排名更前面一點,不過現(xiàn)在百度基本上是以頁面標(biāo)題作為一張圖片排名的要素,當(dāng)然,你的alt標(biāo)記做得好,將會增加你的圖片匹配度。關(guān)于圖片說明的研究,以后我也許會寫一篇分析性的文章,因為有<a>鏈接的圖片里,還會有一個title標(biāo)簽,title與alt這兩個誰重要,是有必要研究一下的。

  第21行<a href="/" title="鏈接說明">鏈接詞</a>。這是鏈接說明,同進也是一個頁面鏈接的SEO重點,這里的"鏈接詞"相當(dāng)?shù)闹匾绻愀鷦e人交換鏈接,你這個詞的寫法是起著外鏈好壞與否的決定性因素的。"鏈接詞"建議你最好寫成自己的關(guān)鍵詞,如果覺得實在不行或者怎么樣,你一定要在"鏈接說明"里出現(xiàn)你的關(guān)鍵詞。否則對于排名,你的鏈接做得沒有太大的好處。這在SEO專業(yè)術(shù)語里還有一種叫法,叫做"google****",就是用很多站點,同時做鏈接到一個網(wǎng)站,然后所有的"鏈接詞"都寫一個詞-"周杰倫菲",不久以后google就會將這個站當(dāng)做"周杰倫"這個詞最權(quán)威的站點,即使被那些站點鏈接的這個頁面沒有任何與"周杰倫"相關(guān)的內(nèi)容,這個網(wǎng)站在"周杰倫"這個詞的排名情況也會很好。不過google已經(jīng)調(diào)整了算法,但是這樣做鏈接肯定是有用的,一定要認真對待你的鏈接。還有一個重點,就是對方的鏈接,如果是JS調(diào)用的,你就別想在他那里得到任何權(quán)重,因為搜索引擎不會去讀取JS里的內(nèi)容,所以,建議大家好好做鏈接,不要做了鏈接你的站卻跟沒做一樣。像百度空間的友情鏈接就是JS文件調(diào)用的,所以百度空間里的友情鏈接你是沒有權(quán)重的。具體可以查看HTML代碼,正常情況下一個頁面你找不到你的網(wǎng)站地址在<a>..</a>標(biāo)簽內(nèi)出現(xiàn),基本上這就是屬于無效鏈接。

  第22行<strong>重點關(guān)鍵詞強調(diào)</strong>。這個標(biāo)簽基實重要性僅次于<h1>,很多人都這樣跟我講。所以我也基本上認同,很確定的是它比<b>、<u>、<i>等標(biāo)簽要權(quán)重高。所以如果你的頁面有很重要的詞,而你想強調(diào)它,首先選這個<strong>標(biāo)簽吧,接下來相對不重要的詞強調(diào)請你選<b>、<u>、<i>等標(biāo)簽。當(dāng)然,不要用得太多了,用得太多沒有重點就等于沒有用了。

  第27行版權(quán)部分關(guān)鍵詞強調(diào)。我為什么要寫這個?因為這個權(quán)重越來越高了,在底部版權(quán)部分,很接近版權(quán)部分出現(xiàn)的關(guān)鍵詞,是一種SEO策劃的手法。在這里強調(diào)你的關(guān)鍵詞,是讓你的關(guān)鍵詞布局更加合理,而不是頭部出現(xiàn)關(guān)鍵詞,中部強調(diào)很多次,而底部卻什么也沒有關(guān)聯(lián),這個詞在這個頁面是否值得懷疑呢?


廣告投放問題
網(wǎng)站建設(shè)問題
小程序設(shè)計問題

以信載商,良心建站。遨游始終秉承“一次建站、終身維護”的宗旨,竭誠為客戶提供最優(yōu)質(zhì)的互聯(lián)網(wǎng)服務(wù)。遨游建站率先植入seo優(yōu)化理念,讓你的網(wǎng)頁更利于搜索引擎抓取,關(guān)鍵詞排名更靠前。可仿站、可定制。無論是傳統(tǒng)型企業(yè)官網(wǎng)、集團型品牌官網(wǎng),還是營銷型網(wǎng)站、電商型網(wǎng)站、定制型網(wǎng)站、特殊行業(yè)網(wǎng)站(醫(yī)療、教育),全部搞定。

公司:網(wǎng)站建設(shè)_小程序設(shè)計_競價托管代運營公司;郵箱:1013601535@qq.com

手機:17073547034;QQ: 1013601535

在線留言咨詢,24小時內(nèi)回復(fù)
我想咨詢
*
企業(yè)名稱
手機號碼
*
您的姓名
所在城市
提交
最新發(fā)布
注冊體驗
企業(yè)郵箱
域名注冊
SSL證書
地圖標(biāo)注
網(wǎng)站備案
服務(wù)器
友情鏈接
我們是中小企業(yè)可信賴的合作伙伴!始終專注一件事,一站式互聯(lián)網(wǎng)信息技術(shù)服務(wù)商
17073547034
全國統(tǒng)一服務(wù)熱線
遨游建站是全國高端網(wǎng)站建設(shè)公司,提供廣州企業(yè)網(wǎng)站建設(shè)/小程序開發(fā)/購物網(wǎng)站設(shè)計制作與競價托管代運營服務(wù);秉承“一次建站,終身維護”的宗旨,有償提供互聯(lián)網(wǎng)技術(shù)支持。
本站部分圖片、音頻、視頻來源于網(wǎng)絡(luò),版權(quán)歸原作者,如有侵權(quán)請聯(lián)系我們刪除。