免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

網(wǎng)站前端做seo該學習什么!

2014-08-14    分類: 網(wǎng)站建設(shè)

  網(wǎng)站前端工作人員不可避免的會與seo打交道,會seo的前端也會更吃香。

  很多時候,從事網(wǎng)站前端開發(fā)的朋友缺乏對seo的基本了解,導致整個網(wǎng)站建設(shè),運營效率偏低。實際上seo對于前端來講很有必要,學習一些通用的seo技術(shù),不耗時不費力,又可提升工作效率,提升自身能力,很好很好。

  研發(fā)的同學,其實很多人并沒有深入了解SEO這個概念。在技術(shù)博客里,提及這一塊的也寥寥無幾。我今天就拿自己的經(jīng)驗,簡單給大家掃個盲,有什么遺漏的地方,歡迎大家補充。

SEO

  文字內(nèi)容有點多,但是干貨滿滿,請耐心閱讀!

  什么是SEO:

  以下內(nèi)容摘自百度百科:

  SEO(Search Engine Optimization):漢譯為搜索引擎優(yōu)化。搜索引擎優(yōu)化是一種利用搜索引擎的搜索規(guī)則來提高目前網(wǎng)站在有關(guān)搜索引擎內(nèi)的自然排名的方式。SEO是指為了從搜索引擎中獲得更多的免費流量,從網(wǎng)站結(jié)構(gòu)、內(nèi)容建設(shè)方案、用戶互動傳播、頁面等角度進行合理規(guī)劃,使網(wǎng)站更適合搜索引擎的索引原則的行為。

  SEO原理

  其實搜索引擎做的工作是相當復(fù)雜的,我們這里簡單說一下大致的過程。后續(xù)針對SEO如何優(yōu)化,也會根據(jù)這幾個點展開描述。

  頁面抓取: 蜘蛛向服務(wù)器請求頁面,獲取頁面內(nèi)容

  分析入庫:對獲取到的內(nèi)容進行分析,對優(yōu)質(zhì)頁面進行收錄

  檢索排序:當用戶檢索關(guān)鍵詞時,從收錄的頁面中按照一定的規(guī)則進行排序,并返回給用戶結(jié)果

  SEO優(yōu)化

  既然是優(yōu)化,那我們就得遵循SEO的原理來做,可謂知己知彼,百戰(zhàn)不殆。針對上面提出的三點,我們分別展開敘述。我們這里主要以百度蜘蛛舉例。

  頁面抓取

  如何才能吸引蜘蛛光顧我們的網(wǎng)站,如何才能讓蜘蛛經(jīng)常光顧我們的網(wǎng)站。這里提出以下幾個優(yōu)化點:

  提交頁面。提交頁面又分為幾種不同的方式

  sitemap提交。sitemap,顧名思義,就是網(wǎng)站地圖,當蜘蛛來到我們的網(wǎng)站時,告訴它我們有多少頁面,不同頁面是按什么分類的,每個頁面的地址是什么。順著我們的指引,蜘蛛會很輕松的爬遍所有內(nèi)容。另外,如果你的頁面分類比較多,而且數(shù)量大,建議添加sitemap索引文件。如果站點經(jīng)常更新添加新頁面,建議及時更新sitemap文件;

  主動提交。就是把你的頁面直接丟給百度的接口,親口告訴百度你有哪些頁面,這是效率高也是收錄最快的方式了。但是需要注意,百度對每天提交的數(shù)量是有限制的,而且反復(fù)提交重復(fù)的頁面,會被降低每日限額,所以已被收錄的頁面不建議反復(fù)提交。收錄有個時間過程,請先耐心等待;

  實時提交。在頁面中安裝百度給的提交代碼,當這個頁面被用戶打開我,便自動把這個頁面提交給百度。這里不需要考慮重復(fù)提交的問題。

  以上幾種提交方式可以同時使用,互不沖突。

  保證我們的頁面是蜘蛛可讀的。

  早在ajax還沒流行的的時候,其實SEO對于前端的要求并沒有很多,或者說,那個時候還沒有前端這個職業(yè)。頁面全部在服務(wù)器端由渲染好,不管是用戶還是蜘蛛過來,都能很友好的返回html。ajax似乎原本是為了避免有數(shù)據(jù)交互導致必須重刷頁面設(shè)計的,但是被大規(guī)模濫用,一些開發(fā)者不管三七二十一,所有數(shù)據(jù)都用ajax請求,使得蜘蛛不能順利的獲取頁面內(nèi)容。慶幸的是這反倒促進了前端的飛速發(fā)展。

  到了后來,各種SPA單頁應(yīng)用框架的出現(xiàn),使得前端開發(fā)者不再需要關(guān)心頁面的DOM結(jié)構(gòu),只需專注業(yè)務(wù)邏輯,數(shù)據(jù)全部由Javascript發(fā)ajax請求獲取數(shù)據(jù),然后在客戶端進行渲染。這也就導致了老生常談的SEO問題。百度在國內(nèi)搜索引擎的占有率高,但是很不幸,它并不支持ajax數(shù)據(jù)的爬取。于是,開發(fā)者開始想別的解決方案,比如檢測到是爬蟲過來,單獨把它轉(zhuǎn)發(fā)到一個專門的路由去渲染,比如基于Node.js的Jade引擎(現(xiàn)在改名叫Pug了),就能很好地解決這個問題。React和Vue,包括一個比較小眾的框架Marko也出了對應(yīng)的服務(wù)端渲染解決方案。詳細內(nèi)容查看對應(yīng)文檔,我就不多說了。

  URL與301

  URL設(shè)置要合理規(guī)范,層次分明。如果網(wǎng)站到了后期發(fā)現(xiàn)URL不合理需要重新替換時,會導致之前收錄的頁面失效,就是我們所說的死鏈(這種情況屬于死鏈的一種,404等也屬于死鏈)。所以一定要在網(wǎng)站建設(shè)初期就做好長遠的規(guī)劃。一旦出現(xiàn)這種情況也不要過于擔心,我們可以采取向搜索引擎投訴或者設(shè)置301跳轉(zhuǎn)的方式解決。

  URL層級嵌套不要太深,建議不超過四層。增加面包屑導航可以使頁面層次分明,也有利于為蜘蛛營造順利的爬取路徑。

  除此之外,將指向首頁的域名全部設(shè)置301跳轉(zhuǎn)到同一URL,可以避免分散權(quán)重。

  分析入庫

  當蜘蛛把頁面抓取回去之后,就需要對頁面內(nèi)容進行分析,并擇優(yōu)收錄入庫。為什么說是擇優(yōu)呢?下面我給你慢慢分析。

  搜索引擎的目的是給用戶提供高質(zhì)量的、精準的搜索結(jié)果。如果整個頁面充斥著滿滿的廣告和各種不良信息,這無疑會很大程度上影響用戶體驗。

  除此之外,你肯定不希望自己辛辛苦苦創(chuàng)作的文章被別人輕而易舉的抄走,所以搜索引擎在一定程度上幫助你避免這種情況的發(fā)生。對于已經(jīng)收錄的內(nèi)容,搜索引擎會降低其權(quán)重,甚至直接不收錄這個頁面。即便是這樣,為了保證頁面的新鮮度,很多網(wǎng)站都會爬取或者轉(zhuǎn)載其他網(wǎng)站的內(nèi)容。這就是我們經(jīng)常聽到的偽原創(chuàng)。所以,想要讓你的頁面能夠以較高的權(quán)重被收錄,就需要堅持更新網(wǎng)站內(nèi)容,并且是高質(zhì)量的原創(chuàng)內(nèi)容。

  檢索排序

  這塊我的理解是,頁面被收錄后,會給每個頁面打一些tag。這些tag將作為搜索結(jié)果排序的重要依據(jù)。比如用戶搜索“seo教程”,搜索引擎會檢索收錄頁面中被打了“seo教程”tag的頁面,并根據(jù)一系列規(guī)則進行排序。所以,如何提升這些tag在搜索引擎里面的權(quán)重是至關(guān)重要的。

  TDK優(yōu)化

  TDK是個縮寫,seo頁面中的頁面描述與關(guān)鍵詞設(shè)置。

  其中”T”代表頁頭中的title元素,這里可能還要利用到分詞技術(shù),當標題(Title)寫好后,我們就盡可> 能不要再去修改了,盡量簡潔,沒意義的詞盡量不要加入到標題中,避免干擾到搜索引擎識別網(wǎng)站主題。

  其中”D”代表頁頭中的description元素,要知道描述是對網(wǎng)頁的一個概述,也是對title的補充,因為title中只能書寫有限的字數(shù),所以在description中就要稍微詳細的補充起來,一般用一句兩句話概括文章的內(nèi)容。

  其中”K”代表頁頭中的keywords元素,提取頁面中的主要關(guān)鍵詞,數(shù)量控制在三到六個內(nèi)。想方設(shè)法讓主關(guān)鍵字都出現(xiàn)。

  以上內(nèi)容摘自百度百科,這里需要補充幾點。

  TDK是搜索引擎判斷頁面主題內(nèi)容的關(guān)鍵,所以要在title里面言簡意賅的體現(xiàn)出頁面的主要內(nèi)容,如果主體比較多,可以用一些符號把不同的主題詞隔開,但是關(guān)鍵詞不要太多,最多不要超過五個。

  keywords里面把每個關(guān)鍵詞用英文逗號隔開,三到五個好。盡量覆蓋每個關(guān)鍵詞。

  description就是用自然語言描述頁面的主要內(nèi)容,這里注意一點就是把每個關(guān)鍵詞至少覆蓋一遍才能達到好效果。

  提升頁面關(guān)鍵詞密度

  首先說個概念,叫關(guān)鍵詞密度。簡單理解就是關(guān)鍵詞在所有文字內(nèi)容中出現(xiàn)的比例。提升關(guān)鍵詞的密度,有利于提升搜索引擎針對對應(yīng)關(guān)鍵詞的搜索排名。但并不是我們整個頁面密密麻麻堆砌關(guān)鍵次就好,我們來分析一個案例。

  我們在百度搜索“seo教程”,排在第一的是創(chuàng)新互聯(lián)SEO研究院http://m.newbst.com/,這個就不解釋了。我們就分析一下為啥攜程會排名這么靠前。

  通過查看百度快照,可以一目了然的看到頁面上究竟哪些地方命中了這些詞。

  頁面頭部

  頁面底部

  頁面很清晰表明了關(guān)鍵詞出現(xiàn)的地方,我們發(fā)現(xiàn)這個頁面除了正文部分外,還設(shè)置了許多的模塊,這些模塊看似只是一些簡單的鏈接,實際上他們更重要的使命就是服務(wù)SEO,提升關(guān)鍵詞的密度。同時,這些鏈接都是指向網(wǎng)站內(nèi)部的鏈接,通過這樣的方式,還可以在不同的頁面之間相互投權(quán)重。可以說小鏈接,大學問!

  你以為到此結(jié)束了?并沒有。請仔細觀察頁面上這些模塊的內(nèi)容設(shè)置。分別覆蓋了技術(shù)、視頻等等,可以說是涵蓋了你要seo教程周邊的大部分需求。這樣一來,不管你搜哪些有關(guān)于“seo教程”的關(guān)鍵詞,比如“seo視頻教程”,“seo技術(shù)教程”等都會命中這個頁面的詞,這使得這個頁面的關(guān)鍵詞數(shù)量得到提升,更容易得到曝光。

  細枝末節(jié)但不可忽視的優(yōu)化

  頁面上經(jīng)常會有各種圖片,對于搜索引擎來說,它是不識別圖片上的內(nèi)容的。你可能知道代碼中img標簽的alt屬性是為了圖片加載失敗的時候,給用戶看的。這個屬性表明了這張圖的內(nèi)容。其實搜索引擎在分析頁面的時候,也會根據(jù)這個詞去判斷圖片的內(nèi)容,所以要給頁面上有意義的圖片都加上alt屬性,寫清楚圖片索要反映的內(nèi)容。

  頁面上的出站鏈接(也就是指向別的網(wǎng)站的A標簽),我們要給它加上nofollow標簽,避免它向別的網(wǎng)站輸出權(quán)重。百度蜘蛛會忽略加了nofollow 的鏈接。你也可以在網(wǎng)頁的meta標簽里這么寫 ,這樣一來,百度蜘蛛將不追蹤頁面上的所有鏈接,但不建議這么做,除非這個頁面的所有鏈接都指向了別的域名。

  ……

  其他優(yōu)化點

  友情鏈接

  我們經(jīng)常會在頁面底部看到友情鏈接。友情鏈接是作為網(wǎng)站之間相互交換流量,互惠互利的合作形式。事實上,友情鏈接對網(wǎng)站權(quán)重提升有著至關(guān)重要的作用。友鏈不僅可以引導用戶瀏覽,而且搜索引擎也會順著鏈接形成循環(huán)爬取,可以有效提升網(wǎng)站流量和快照的更新速度。

  關(guān)鍵詞篩選

  借助站長工具、愛站網(wǎng)或者各種站長后臺我們可以分析出ip來路,以及關(guān)鍵詞的搜索熱度和相關(guān)詞,我們再把這些詞以一定的密度添加到頁面中,以此來提升命中率。這里主要是運營同學的工作,我不專業(yè),也就不展開說了,更多功能大家自行摸索。

  利用好分析工具

  我們要在自己的站點安裝百度統(tǒng)計代碼,這樣就可以分析出站點內(nèi)用戶的關(guān)注度和瀏覽流程,以此來不斷優(yōu)化站點結(jié)構(gòu),提升用戶的留存率。同時也可以做用戶畫像,分析用戶數(shù)據(jù)等等。

  結(jié)語

  想要做好SEO并不是一件簡單的事,需要持之以恒,面面俱到。對網(wǎng)站持續(xù)關(guān)注,并保持更新。從長遠打算,切不可投機取巧,只圖一時的效果做違背搜索引擎的操作,也就是常說的黑帽SEO,否則被百度K掉就得不償失了。

  以上觀點只是我最近學習的一些總結(jié),并不權(quán)威,希望給不了解這塊的研發(fā)同學簡單掃個盲,如有錯誤,還請各位指正與補充!

  創(chuàng)新互聯(lián)SEO研究院點評:

  技多不壓身是恒古不變的道理,作為前端,更多的學習前端周邊知識如seo,對于提升工作效率的結(jié)果是明顯的。作為seo技術(shù)人員,多了解前端,了解服務(wù)器知識等,也是同樣的道理。

網(wǎng)站名稱:網(wǎng)站前端做seo該學習什么!
標題URL:http://m.newbst.com/news/11034.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導航外貿(mào)建站網(wǎng)站營銷商城網(wǎng)站全網(wǎng)營銷推廣域名注冊

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)