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