對于網(wǎng)站的優(yōu)化推廣,主要在幾方面,網(wǎng)站關(guān)鍵詞、網(wǎng)站的結(jié)構(gòu)優(yōu)化、代碼優(yōu)化、功能優(yōu)化等等,下面對幾個主要的方面進行簡要的說明。
一、網(wǎng)站關(guān)鍵詞
首先我們要了解所要優(yōu)化的網(wǎng)站,了解該行業(yè)、網(wǎng)站主題內(nèi)容、網(wǎng)站基礎(chǔ)情況。分析網(wǎng)站域名情況,是否被搜索引擎懲罰過,是否多域名情況,域名的年限、PR等。確定IP地址是否被搜索引擎懲罰過,確定同IP下的網(wǎng)站情況,空間主要是分析速度、穩(wěn)定性等等。最主要的是要確定關(guān)鍵詞,確定網(wǎng)站要優(yōu)化和排名的關(guān)鍵詞。分析難度以便后期合理的安排優(yōu)化工作。
先做長尾關(guān)鍵詞在做主關(guān)鍵詞
如果說主關(guān)鍵詞競爭非常大,那么做長尾關(guān)鍵詞基本上就是沒有什么競爭了,通過工具挖掘上千個長尾關(guān)鍵詞,然后一個個長尾關(guān)鍵詞進行需求分析,分別列出需求為圖片、文字等。
比如:**產(chǎn)品什么牌子好
比如:**產(chǎn)品效果圖
比如:**產(chǎn)品品牌大全
比如:**產(chǎn)品報價
在傳統(tǒng)的產(chǎn)品中,無非就是圖片和文字可以滿足需求的,不會涉及到網(wǎng)站功能或者是查詢等復雜的需求,所以大多數(shù)以文章頁面即可滿足。
文章應該這么寫
標題:通常的標題是需要出現(xiàn)關(guān)鍵詞的,另外標題還需要出現(xiàn)附加的需求才有資格競爭排名,因為更多的大型網(wǎng)站一樣利用類似的方法去做排名,只有需求滿足最多的網(wǎng)站百度才會讓你排名靠前,至于需求通常是通過百度下拉框和百度相關(guān)搜索查詢出來的。如果把下面的標題放到行車記錄儀上,可以說是天衣無縫。
比如:**產(chǎn)品什么牌子好,2016**產(chǎn)品十大品牌排行榜
內(nèi)容:內(nèi)容上的字數(shù)并不需要太多,大概在整體頁面的1/3左右即可,根據(jù)標題的需求來編寫即可,比如上面的這個標題,**產(chǎn)品什么牌子好,這個可以直接介紹自己產(chǎn)品的好處、亮點,其余的10大品牌可以介紹業(yè)界同行的產(chǎn)品,至于文字內(nèi)容怎么整合出來讓你自己的品牌顯得更牛逼,那就看你的編輯能力了。
不要指定某一個關(guān)鍵詞去做排名
不是寫了這篇文章就一定有排名,搜索引擎的排名涉及到一個網(wǎng)站的很多方面,所以不要寫了文章,就盯著這個詞去看排名,另外這里需要掌握一個量,通常情況下,企業(yè)網(wǎng)站一天更新4篇這樣的文章算是比較合適的,更新多了忙不過來,更新少了排名來的慢,所以1天一個人4篇這樣的內(nèi)容差不多可以完成。
一天4個關(guān)鍵詞,一個月120個關(guān)鍵詞,按照30%的排名幾率,一個月下來有30多個關(guān)鍵詞有排名了,堅持下來,一年可能就是幾百個關(guān)鍵詞有排名了,那時候網(wǎng)站想低于權(quán)重4都難。
總結(jié):一個月主關(guān)鍵詞做了三個月?lián)Q來10來個IP一天,還不如做三個月的長尾關(guān)鍵詞,一天至少有上100IP一天了。另外前期做長尾關(guān)鍵詞打網(wǎng)站基礎(chǔ),后期做主關(guān)鍵詞會非常簡單。
二、網(wǎng)站的結(jié)構(gòu)優(yōu)化
只有一個對搜索引擎友好的網(wǎng)站才能更好的引導搜索蜘蛛過來抓取網(wǎng)站的內(nèi)容,增加網(wǎng)站的索引效率。 如果要想充分發(fā)揮內(nèi)容優(yōu)化的作用,網(wǎng)站在功能上首先要具有優(yōu)化功能,網(wǎng)站最好要有優(yōu)化功能的模塊結(jié)構(gòu),網(wǎng)站的內(nèi)容頁面能手工修改meta標簽中的描述、關(guān)鍵詞等。如果網(wǎng)站整體上缺乏優(yōu)化,那針對編輯工作中應用的一些seo技巧能發(fā)揮的作用也是很有限的,其次對于網(wǎng)頁優(yōu)化的重要性相信大家都應該很清楚了靠優(yōu)化關(guān)鍵詞的流量遠遠比不了內(nèi)容頁面的大量的小流量群的流量。 對于網(wǎng)頁的優(yōu)化好的內(nèi)容是優(yōu)化的前提條件,好內(nèi)容的標準就不會再重復。網(wǎng)頁標題設計是單頁優(yōu)化的重要因素,而且是用它來表達的內(nèi)容來判斷一個網(wǎng)頁的主題內(nèi)容。在標題設計上最好標題上出現(xiàn)有針對性的關(guān)鍵詞,這不但能幫助搜索引擎很容易判斷一個網(wǎng)頁的主題是什么,同時也能清楚的告訴用戶。
1.每個頁面的title和meta標簽都要不同,并且要與該頁面的內(nèi)容相呼應。
2.title和meta的長度要控制合理。
3.title設計越簡潔明了越好,盡量不要超過25個漢字。
不過這是個常規(guī)的說法,我認為這個長度不是我們最主要考慮的,只要符合表達喜歡的標題就行,尤其是現(xiàn)在網(wǎng)站的編輯在編輯信息的時候考慮到頁面的美觀等因素也不可能用太長的標題的。另外,網(wǎng)頁描述meta標簽不要超過100個字 。在描述里卻沒有關(guān)鍵詞是最傻的做法,這個白癡都知道,title中合理突出1-2個關(guān)鍵詞即可,不要太多,但我在實際中現(xiàn)在一般都用突出一個關(guān)鍵詞。在meta標簽的描述里,核心關(guān)鍵詞合理出現(xiàn)四次左右比較合適。
4.h1的應用。
我們都知道h1在網(wǎng)站優(yōu)化中的重要,意思把關(guān)鍵詞放在其中 只要符合正常的習慣來寫即可,h1中要有關(guān)鍵詞,同時不要關(guān)鍵詞連貫起來做,小心百度找你茬子,但如果一個網(wǎng)站編輯做好這個也不是件容易的事情。
5.文案優(yōu)化。
排版要合理,現(xiàn)在的搜索引擎越來越智能化,人不喜歡看亂七八糟的內(nèi)容搜索引擎也不喜歡,不過這個排版在搜索引擎面前體現(xiàn)的并不突出。合理控制關(guān)鍵詞在文章中的密度,適當?shù)臅r候可以在網(wǎng)頁中合理用加粗、改變顏色等突出關(guān)鍵詞,我的總結(jié)是只要關(guān)鍵詞不擠在一塊兒,文章中多加幾個也不會出現(xiàn)什么問題,所以關(guān)鍵詞在文章內(nèi)的密度沒有一個百分之多少的標準。但影響網(wǎng)站頁面美觀的做法就有點不理智了,內(nèi)容永遠是做給用戶看的。優(yōu)化與網(wǎng)站或頻道相關(guān)性不高的關(guān)鍵詞不但不能使優(yōu)化的關(guān)鍵詞達到理想的效果,同時還有可能會因為破壞了網(wǎng)站整體的相關(guān)性和協(xié)調(diào)性而降低了網(wǎng)站的權(quán)重。在對網(wǎng)頁做有針對性的優(yōu)化中,網(wǎng)頁的優(yōu)化必須符合整個網(wǎng)站優(yōu)化的戰(zhàn)略計劃。當搜索蜘蛛來到這個優(yōu)化過的網(wǎng)頁上時如果網(wǎng)站有新更新的內(nèi)容,搜索蜘蛛就會順便把新發(fā)布的文章也帶回去了。 另外,如果網(wǎng)站的整體結(jié)構(gòu)上有相對深的欄目或文章在文章中有相關(guān)的詞,可以加上相應的鏈接。這樣對網(wǎng)站流量的傳遞和搜索蜘蛛在網(wǎng)站中游走很有作用,最后再補充一點就是網(wǎng)頁中圖片的alt屬性,我們都知道要加上相關(guān)的關(guān)鍵詞,但怎樣才是相關(guān)的關(guān)鍵詞呢? 如果一個seo站在圖片屬性上加上“seo”這個關(guān)鍵詞當然是相關(guān)的。但如果幾個圖片同時加上同一個屬性,這個就文字中的關(guān)鍵詞堆積如出一轍,小心出現(xiàn)被懲罰的可能。 介紹了這么多內(nèi)容方面的東西,話又說回來。網(wǎng)站內(nèi)容的質(zhì)量還是優(yōu)化的基礎(chǔ),重復率太高的文章搜索引擎不會重視。
三、網(wǎng)站代碼優(yōu)化
第一步:修改頭部信息
談到代碼優(yōu)化,首先要提到的是<meta>標簽,當談及到<meta>標簽對搜索引擎排名的影響,很多人都存在誤解。在過去,許多已經(jīng)失去作用的標簽仍然被頻繁使用。所以哪些標簽對搜索引擎優(yōu)化(SEO)有作用,哪些沒有呢?
什么是Meta標簽
Meta標簽給搜索引擎提供了許多關(guān)于網(wǎng)頁的信息。這些信息都是隱含信息,意味著對于網(wǎng)頁自身的訪問者是不可見的。
你可以在網(wǎng)頁的 <head>元素中發(fā)現(xiàn)<meta>標簽。在過去,有人曾經(jīng)問我它是否可以放在網(wǎng)頁的<body>,最好不要這樣做。如果<meta>標簽被放在<body>位置,某些瀏覽器可能無法識別它們,也就相當于你創(chuàng)建了無效的標簽。
通常情況下,<meta> 標簽會包含一個name屬性,用來設置元數(shù)據(jù)。元數(shù)據(jù)的值放在content屬性里面。你可以在<meta>標簽中使用各種名稱/值對,讓我們來看看其中的一些。
你可以會遇到一些Meta標簽
讓我們運行一下在一個網(wǎng)頁中發(fā)現(xiàn)的幾個不同的 <meta> 標簽。
Meta Description
Meta description標簽可能是最有用的標簽之一。顧名思義,它會給搜索引擎提供關(guān)于這個網(wǎng)頁的簡短的描述。代碼如下:
<meta name=”description”content=”Everything you need toknow about meta tags forsearch engine optimization”/>
這個標簽曾經(jīng)在搜索排名中占有很大的權(quán)重,但隨著算法的不斷的更新升級,它的地位也逐漸降低。它雖然不會提高網(wǎng)站排名,但是,因為它會被用在搜索引擎的結(jié)果頁,所以依然有用。
這也就意味著它仍然可以提高你的網(wǎng)頁點擊率。畢竟,當用戶搜索的關(guān)鍵詞與之相匹配時,會以粗體顯示突出顯示。這就是為什么一個好的頁面說明 (利用關(guān)鍵字的) 可以顯示更多與用戶相關(guān)的信息,進而提高了點擊率。推薦的description長度為160 個字符。
但是如果你沒有使用description標簽或者description標簽為空時,會發(fā)生什么呢?搜索引擎仍會在搜索結(jié)果頁顯示出自己創(chuàng)鍵的一小段文字。大多數(shù)的結(jié)果都不是用戶需要的,也就意味著你將失去用戶點擊網(wǎng)頁的機會。
Meta Robots
我們在之前的教程中已經(jīng)接觸過Meta robots標簽。如果你沒有機會回去閱讀它,這里有一段簡短的介紹:
Meta robots標簽管理著搜索引擎是否可以進入網(wǎng)頁,你可以用它來允許或不允許搜索引擎來獲取你的網(wǎng)頁、進入你網(wǎng)頁中的子鏈接或?qū)δ愕木W(wǎng)頁存檔。例如:
<meta name=”robots”content=”noindex,nofollow”/>
這個 meta 標簽告訴搜索引擎不要獲取網(wǎng)頁,并且阻止其進入鏈接。如果你不小心使用了兩個矛盾的術(shù)語 (例如noindex 和index),谷歌會選擇最具限制性的選項。
為什么這個標簽會對搜索引擎優(yōu)化(SEO)起作用呢?首先,它可以防止對拷貝內(nèi)容的冗余抓取,例如頁面的打印版頁面。它也可能會對那些內(nèi)容不完整的頁面或者而存在私密信息的網(wǎng)頁起作用。
Title
專業(yè)的講,title標簽不是meta標簽,但他們都放在相同位置。我之所以把title標簽放在這里是因為它對搜索引擎優(yōu)化很重要。
在所有的HTML文檔中,title標簽都是不可缺少的。它定義了整個文檔的標題,如下所示:
<title>Title of the page</title>
簡單而實用。標題通常會顯示在兩個不同的地方;瀏覽器的頭部標簽和搜索結(jié)果頁。這就意味著title標簽在點擊率(CTR)和排名上有很重要的影響。
一個好的標題應該包含關(guān)鍵字,而且最好放在標題的開頭部分。請記住,那些匹配到用戶搜索的關(guān)鍵字會以粗體顯示。
另一件你應該牢記在心的事情就是標題的長度。谷歌會限制標題為70個字符,所以偶爾你可能需要書寫一個合適的標題。
第二步:給a標簽添加 title 屬性;img標簽添加 alt屬性
第三步:H標簽
一、<h1>用來修飾網(wǎng)頁的主標題,一般是網(wǎng)頁的標題,文章標題,<h1>中部署主關(guān)鍵詞。<h1>盡量靠近在html 中的<body>標簽,越近越好,以便讓搜索引擎最快的領(lǐng)略主題!
二、<h2>表示一個段落的標題,或者說副標題,部署長尾關(guān)鍵詞
三、<h3>表示段落的小節(jié)標題,<h3>效果跟Strong差不多,一般是用在段落小節(jié)
四、<h4>-<h6>基本很少用到,是告訴搜索引擎這些不是很重要的內(nèi)容,單一篇文章內(nèi)容較多的時候,可以用來說明一些內(nèi)容是不很重要的。
第四步:所有id的樣式 改成class樣式,js需要的id不動
第五步:清浮動格式
父級div定義 偽類:after 和 zoom
<style type="text/css">
.div1{background:#000080;border:1px solid red;}
.div2{background:#800080;border:1px solid red;height:100px;margin-top:10px}
.left{float:left;width:20%;height:200px;background:#DDD}
.right{float:right;width:30%;height:80px;background:#DDD}
/*清除浮動代碼*/
.cl:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.cl{zoom:1}
</style>
<div class="div1 cl">
<div class="left">Left</div>
<div class="right">Right</div>
</div>
<div class="div2">
div2
</div>
原理:IE8以上和非IE瀏覽器才支持:after,原理和方法2有點類似,zoom(IE轉(zhuǎn)有屬性)可解決ie6,ie7浮動問題
優(yōu)點:瀏覽器支持好,不容易出現(xiàn)怪問題(目前:大型網(wǎng)站都有使用,如:騰迅,網(wǎng)易,新浪等等)
缺點:代碼多,不少初學者不理解原理,要兩句代碼結(jié)合使用,才能讓主流瀏覽器都支持。
建議:推薦使用,建議定義公共類,以減少CSS代碼。
評分:★★★★☆
第六步:把寫在前臺的css樣式放到css文件里
第七步:代碼合并
不同類有相同屬性及屬性值的縮寫:
對于兩個不同的類,但是其中有部分相同甚至是全部相同的屬性及屬性值時,應對其加以合并縮寫,特別是當有多個不同的類而有相同的屬性及屬性值時,合并縮寫可以減少代碼量并易于控制。如:
#mainMenu{background:url(../images/bg.gif);border:1pxsolid#333;width:100;height:30px;overflow:hidden;}
#subMenu{background:url(../images/bg.gif);border:1pxsolid#333;width:100;height:20px;overflow:hidden;}
兩個不同類的屬性值有重復之處,剛可以縮寫為:
#mainMenu,#subMenu{background:url(../images/bg.gif); border:1px solid #333; width:100; overflow:hidden;}
#mainMenu{height:30px;}
#subMenu{height:20px;}
同一屬性的縮寫:
同一屬性根據(jù)它的屬性值也可以進行簡寫,如:
.search{background-color:#333;background-image:url(../images/icon.gif);background-repeat:no-repeat;background-position:5050;}
.search{background:#333url(../images/icon.gif)no-repeat5050;}
內(nèi)外側(cè)邊框的縮寫:
在CSS中關(guān)于內(nèi)外側(cè)邊框的距離是按照上、右、下、左的順序來排列的,當這四個屬性值不同時也可直接縮寫,如:
.btn{margin-top:10px;margin-right:8px;margin-bottom:12px;margin-left:5px;padding-top:10px;padding-right:8px;padding-bottom:12px;padding-left:8px;}
則可縮寫為:
.btn{Margin:10px8px12px5px;Padding:10px 8px 12px 5px;}
而如果當上邊與下邊、左邊與右邊的邊框?qū)傩灾迪嗤瑫r,則屬性值可以直接縮寫為兩個,如:
.btn{margin-top:10px;margin-right:5px;margin-bottom:10px;margin-left:5px;}
縮寫為:
.btn{margin:10px5px;}
而當上下左右四個邊框的屬性值都相同時,則可以直接縮寫成一個,如:
.btn{margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px;}
縮寫為:
.btn{margin:10px;}
顏色值的縮寫:
當RGB三個顏色值數(shù)值相同時,可縮寫顏色值代碼。如:
.menu{color:#ff3333;}
可縮寫為:
.menu{color:#f33;}
第八步:樣式的命名
樣式的命名應該符合語義化要求,即一看樣式名就可知道這個樣式大概用在什么地方、有什么用途,方便以后調(diào)用、維護。如頂部樣式則為:header。
div+css命名規(guī)則
頁頭:header |
登錄條:loginBar |
標志:logo |
側(cè)欄:sideBar |
廣告:banner |
導航:nav |
子導航:subNav |
菜單:menu |
子菜單:subMenu |
搜索:search |
滾動:scroll |
頁面主體:main |
內(nèi)容:content |
標簽頁:tab |
文章列表:list |
提示信息:msg |
小技巧:tips |
欄目標題:title |
加入:joinus |
指南:guild |
服務:service |
熱點:hot |
新聞:news |
下載:download |
注冊:regsiter |
狀態(tài):status |
按鈕:btn |
投票:vote |
合作伙伴:partner |
友情鏈接:friendLink |
頁腳:footer |
版權(quán):copyRight |
|
CSS ID 的命名
外 套: wrap |
主導航: mainNav |
子導航:subnav |
頁 腳: footer |
整個頁面:content |
頁 眉: header |
頁 腳: footer |
商 標: label |
標 題: title |
主導航:mainNav(globalNav) |
頂導航: topnav |
邊導航: sidebar |
左導航: leftsideBar |
右導航: rightsideBar |
旗 志: logo |
標 語: banner |
菜單內(nèi)容1:menu1Content |
菜單容量:menuContainer |
子菜單: submenu |
邊導航圖標:idebarIcon |
注釋:note |
面包屑: breadCrumb(即頁面所處位置導航提示) |
容器:container |
內(nèi)容:content |
搜索:search |
登陸:login |
功能區(qū):shop(如購物車,收銀臺) |
當前的:current |
|
|
樣式文件命名
主要的 master.css |
布局,版面 layout.css |
專欄 columns.css |
文字 font.css |
打印樣式 print.css |
主題 themes.css |
全局樣式:global.css; |
框架布局:layout.css; |
字體樣式:font.css; |
鏈接樣式:link.css; |
打印樣式:print.css; |
|
常用類/ID命名規(guī)范
頁 眉:header |
內(nèi) 容:content |
容 器:container |
頁 腳:footer |
版 權(quán):copyright |
導 航:menu |
主導航:mainMenu |
子導航:subMenu |
標 志:logo |
標 語:banner |
標 題:title |
側(cè)邊欄:sidebar |
圖 標:Icon |
注 釋:note |
搜 索:search |
按 鈕:btn |
登 錄:login |
鏈 接:link |
信息框:manage |
|
|
第九步:背景圖片合并
網(wǎng)站其他注意事項
1、準備個好域名。
①.盡量在5位數(shù)內(nèi),當然也不一定,反正要讓用戶好記。(看個人);②.盡量用頂級的域名,搜索排名感覺好一點。③.做中文站最好用拼音注冊,不要問為什么?窗俣龋baidu.com)就是很好證明。④.域名的安全性,最好選擇有些權(quán)威的注冊商。⑤.好域名或者說主域名最好注冊3年以上,因為百度在扒正規(guī)站的毛的時候,會看這些資料,他會覺得你不會很快轉(zhuǎn)行的……
2、網(wǎng)站空間很重要。
①.速度打開速度慢,會失去50%以上的流量;②.不要掛彈窗,彈窗代碼越強,PV越低;③.別讓搜索引擎感覺你的網(wǎng)站很慢,它工作很多,沒有那么多時間等你;(對用戶體驗也同樣重要);④.空間選擇規(guī)律是:2000IP下虛擬主機、10000IP下VPS主機、上萬使用服務器。
3、網(wǎng)站程序并發(fā)布少而精的網(wǎng)站內(nèi)容。
①.不求程序功能強大,但求程序速度快不要用采集功能,發(fā)布大量垃圾信息,就要手工發(fā)布與網(wǎng)站主題密切相關(guān)的精選內(nèi)容;②.內(nèi)容要少而精、并做底調(diào)優(yōu)化;③.請記住:優(yōu)化的基本出發(fā)點是不被引擎封站,優(yōu)化的目的是增加引擎有效收錄量。經(jīng)過認真做好以上要點,你的網(wǎng)站就會有珍貴的初期流量(叫它為網(wǎng)站初始流量);