摘要:白帽是搜索引擎提倡的,也是一種良性競爭。這當(dāng)然不被搜索引擎提倡,甚至于說是頭疼的,還需要想辦法如何在搜索結(jié)果內(nèi)剔除掉那些頁面。影響搜索引擎對網(wǎng)站排名的合理和公正性。扁平化目錄層次網(wǎng)站層次既然要清晰,目錄最好不要超過三次分級。
SEO【search engine optimization】即搜索引擎優(yōu)化。
搜索引擎對用戶來說,就是搜東西,那他是怎樣展示關(guān)鍵詞的相關(guān)東西呢?這就需要有人每天逛互聯(lián)網(wǎng),每天看無數(shù)個新網(wǎng)站,將所有逛過的網(wǎng)站貼標(biāo)簽,分類,排序。等有人想要找網(wǎng)頁,他就能按照整理的標(biāo)簽,快速的展示結(jié)果。這個人自然就是搜索引擎公司。
那么我們作為網(wǎng)站編寫者,很多時候我們都希望從搜索引擎獲取客戶流量,極度希望度娘收錄咱的時候,能將自己的網(wǎng)頁,放在相關(guān)關(guān)鍵字搜索頁面的前列。
因此我們勢必需要根據(jù)搜索引擎收錄網(wǎng)站的方式,做一些優(yōu)化,能讓他更好的識別我們的網(wǎng)站。
白帽SEO與黑帽SEO萬事皆有利弊。
一句話,白帽是光明正大用技術(shù)宣傳自己,黑帽是作弊蹭流量。
白帽seo是通過正常的手段對網(wǎng)站內(nèi)部(包括網(wǎng)站標(biāo)題,網(wǎng)站結(jié)構(gòu),網(wǎng)站代碼,網(wǎng)站內(nèi)容,關(guān)鍵字密度等)調(diào)整、網(wǎng)站外部的鏈接建設(shè),來提高網(wǎng)站關(guān)鍵字在搜索引擎排名的一種seo技術(shù)。
白帽SEO是搜索引擎提倡的,也是一種良性競爭。運(yùn)營者通過對自己網(wǎng)站合理的優(yōu)化,讓搜索引擎爬取,達(dá)到靠前排序。
黑帽SEO就是采用搜索引擎禁止的方式優(yōu)化網(wǎng)站,不是關(guān)鍵字內(nèi)容的網(wǎng)站,卻添加該關(guān)鍵字,一般該類型網(wǎng)站點進(jìn)去并不是用戶想要的內(nèi)容,是一大批很丑的廣告。這當(dāng)然不被搜索引擎提倡,甚至于說是頭疼的,還需要想辦法如何在搜索結(jié)果內(nèi)剔除掉那些頁面。影響搜索引擎對網(wǎng)站排名的合理和公正性。
前端SEO優(yōu)化我們作為前端工程師,自然考慮網(wǎng)站構(gòu)建與代碼上的優(yōu)化————網(wǎng)站結(jié)構(gòu)優(yōu)化,代碼優(yōu)化。
網(wǎng)站結(jié)構(gòu)布局優(yōu)化其實搜索引擎的抓取,也是按人類的邏輯來瀏覽收錄,通過頁面之間的鏈接串來串去,只不過比人要更蠢更機(jī)械一些。
所以討論網(wǎng)站的結(jié)構(gòu)時,我們可以從人的角度去想,什么樣結(jié)構(gòu)的網(wǎng)站能馬上理解。
本網(wǎng)站舉例
網(wǎng)站做到扁平,即讓se能直觀的理解。我們知道,爬蟲爬取網(wǎng)頁是根據(jù)鏈接與頁面內(nèi)容來的,因此,頁面必須要有比較清晰的鏈接和文字說明內(nèi)容。
iframe,flash做的頁面,爬蟲很難理解內(nèi)容,這些對SE很不友好。
所以在首頁,我們要盡可能合理的,清晰的放置多的頁面鏈接,寫清楚每個鏈接的描述,內(nèi)容,讓SE更好的理解,切忌不要繁復(fù)。
扁平化目錄層次網(wǎng)站層次既然要清晰,目錄最好不要超過三次分級。人點三次找不到內(nèi)容都不想往下翻了,四五層的結(jié)構(gòu)完全可以稱之為晦澀難懂。大部分網(wǎng)站,只需要一個總覽分類列表,與詳情頁兩層結(jié)構(gòu)即可。不同的是,不同分類,不同詳情長得不一樣,但點擊進(jìn)入返回的邏輯層次很少。
導(dǎo)航SEO優(yōu)化不僅網(wǎng)站結(jié)構(gòu)要清晰以外,網(wǎng)站頁面之間的關(guān)聯(lián)也要清晰,才能方便閱讀理解。
大部分的導(dǎo)航都是這么做的。
header上面是總的大分類導(dǎo)航,左側(cè),是當(dāng)前頁面內(nèi)容的小分類導(dǎo)航,不同大類的小分類不同。
還有最底部的footer的分類導(dǎo)航
這樣,se在爬取鏈接的時候,能夠很好的區(qū)分我們網(wǎng)站的結(jié)構(gòu),這樣就能很好的找到想要的不同內(nèi)容,貼上不同的目錄標(biāo)簽,方便搜索。
除此之外還有一類,面包屑導(dǎo)航。除了上面的分類導(dǎo)航以外,鏈接之間的關(guān)聯(lián)也是很重要的,面包屑導(dǎo)航能夠很清晰的反映我們處于哪一層級的位置。
那剩下的部分是什么,非常常見的,就是我們的推廣鏈接。他是正文鏈接的相關(guān)鏈接,添加這些相關(guān)的鏈接,也能夠幫助當(dāng)前頁面增加權(quán)重,更好的理解頁面的內(nèi)容。
導(dǎo)航的細(xì)節(jié)導(dǎo)航除了以上以外,就是分頁了,每一個12345也是我們的鏈接,依舊是se爬取的對象。
對這個我們怎么做優(yōu)化?先看一下常見的幾種類型。
很明顯,對于瀏覽爬取的人來說,鏈接越直接越明顯,越容易獲取。第三種方法明顯更好,不僅能獲取分頁的數(shù)量,也能夠直接獲取鏈接,不需要通過上一頁下一頁,每次到下一個頁面再來獲取其他鏈接。
瀏覽頁面最煩的是什么,頁面打不開。
se也是一樣的,加載越慢,就會降低網(wǎng)站的權(quán)重,因此我們要控制好自己的頁面大小,注意壓縮,注意服務(wù)器響應(yīng)。
代碼優(yōu)化接下來就看代碼啦!
title,keywords,description在網(wǎng)頁頭部,我們有三個很重要的元素,用來描述頁面。
我們盡可能的在這些地方,精簡且全面的描述我們的頁面。
在html標(biāo)簽中,每一個標(biāo)簽都規(guī)定過特定的用處。我們根據(jù)這些規(guī)則來正確使用標(biāo)簽,而不是所有的東西都使用div,就會很好的幫助SE來理解我們的網(wǎng)頁。
標(biāo)簽 | 常用語義 | seo優(yōu)化方法 |
---|---|---|
h1-h9 | 標(biāo)題系列 | 將標(biāo)題或者重要名稱用h1包裹,副標(biāo)題使用h2,加權(quán)重,若顯大,css改樣式就好 |
p | 正文內(nèi)容 | 正文統(tǒng)一用P標(biāo)簽,方便se理解注意:br標(biāo)簽只適用于文本內(nèi)也就是p標(biāo)簽內(nèi) |
ul | 無序列表 | 使用ul做導(dǎo)航可以幫助se理解這是導(dǎo)航欄 |
ol | 有序列表 | |
dl | 定義數(shù)據(jù)列表 | |
img | 圖片 | 圖片存在title與alt,每一項都填寫完整可以幫助理解圖片 |
a | 鏈接 | 存在rel,如果是外鏈而不是自己內(nèi)部鏈接,設(shè)為rel="nofollow",讓爬蟲不爬出自己的網(wǎng)站 |
strong/em | 加粗/斜體 | 增加內(nèi)容權(quán)重,強(qiáng)調(diào)內(nèi)容,如果僅僅為了加粗斜體,使用 |
se抓取的時候,把前面的html視為最重要的,因此,我們把重要的html寫在最前面。如果真實展示不該這樣,我們用css調(diào)整位置即可。
不要使用js輸出內(nèi)容se在抓取內(nèi)容的時候,是不識別js,只會瀏覽分析html,所以重要的東西,盡量不要使用js后期渲染
盡少使用iframese是不會獲取iframe標(biāo)簽里面的內(nèi)容的,所以我們展示內(nèi)容,盡可能不要使用iframe
謹(jǐn)慎使用display:nonese會忽略讀取這部分內(nèi)容,因此如果我們?yōu)榱瞬伙@示重要的內(nèi)容,可以使用z-index,或者使用定位設(shè)到顯示區(qū)域以外
精簡代碼se是根據(jù)標(biāo)簽來判斷內(nèi)容及內(nèi)容之間的聯(lián)系,因此,越容易理解越好。我們就不要過于嵌套,能使用一個標(biāo)簽的事情就不要使用兩個
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/54936.html
摘要:客戶端對微服務(wù)的依賴直接使重構(gòu)服務(wù)變得困難。一種直觀的方法是將這些服務(wù)隱藏在一個新的服務(wù)層后面,并提供針對每個客戶端的。這個聚合器服務(wù)層也稱為網(wǎng)關(guān),它是解決這個問題的一種常見方法。 本博客 貓叔的博客,轉(zhuǎn)載請申明出處閱讀本文約 4分鐘 適讀人群:Java初級 為什么要設(shè)計網(wǎng)關(guān)? 上網(wǎng)搜羅了一下,覺得別人說的挺好,就引用了一下,在使用微服務(wù)的時候,不同的功能業(yè)務(wù)會集成一個服務(wù)群,而網(wǎng)關(guān)...
摘要:然而,作為學(xué)生代表的我,絕對不允許老師混入進(jìn)來充當(dāng)間諜。而且,該方法由所獨(dú)享,并不需要判斷是否為學(xué)生。由此,改進(jìn)為以下版本。得到如下測試代碼而對于教學(xué)分類的判斷,則有以下兩種情形。 前言 入學(xué)不久之后,我就在想,對于學(xué)校的這么多人,這么多教師,這么多學(xué)生,以及其他種種事物,能否對應(yīng)的做一套系統(tǒng)下來呢?隨之也跟著思考了起來。 設(shè)計 好了,最直觀的映入大腦的就是三個實體:人、教師、學(xué)生。這...
摘要:閉包與柯里化閉包有權(quán)訪問另一個函數(shù)作用域中變量的函數(shù)。柯里化把接受多個參數(shù)的函數(shù)變換成接受一個單一參數(shù)最初函數(shù)的第一個參數(shù)的函數(shù),并且返回接受余下的參數(shù)而且返回結(jié)果的新函數(shù)的技術(shù)。 本回內(nèi)容介紹 上一回聊到JS的Object類型,簡單模擬了一下Java的Map,介一講,偶們來聊一下函數(shù)好唔好,介可系JS世界的一等公民喲。從函數(shù)開始,我們就將逐步過渡到設(shè)計模式,來吧,帥狐帶你裝逼帶你飛:...
摘要:所以,我強(qiáng)烈建議新人要舍得投資自己的大腦,至少要參加一個系統(tǒng)的培訓(xùn)班,系統(tǒng)地學(xué)習(xí),避免自學(xué)浪費(fèi)寶貴的時間,沒有建站技術(shù)能學(xué)好嗎答這個問題要看情況,曾慶平在前面也講了,不會建站技術(shù)的很大程度上是屬于第一層次的。 SEO人員在職場上總會碰上一些難解的問題,很多人也不懂得自己學(xué)習(xí)SEO該往...
摘要:三灰帽灰帽是介于白帽和黑帽之間的技術(shù),它采取一些技巧或則輕微作弊的方式操作,并不嚴(yán)重觸犯規(guī)則,也不嚴(yán)格遵守搜索引擎的公平原則。灰帽特點排名提升較快不容容易收受到搜索引擎懲罰。白帽seo和黑帽seo的關(guān)系白帽seo、黑帽seo、灰帽seo他們的關(guān)系是什么呢?什么才是值得我們采用的呢?重慶seo今天就給你介紹他們的關(guān)系和怎么使用。一、白帽seo;白帽seo是最符合搜索引擎優(yōu)化技術(shù)的,也是被搜索引...
閱讀 1597·2023-04-25 14:12
閱讀 1070·2021-08-27 16:24
閱讀 2533·2019-08-30 15:44
閱讀 2912·2019-08-30 13:16
閱讀 1665·2019-08-29 14:10
閱讀 966·2019-08-29 13:54
閱讀 1296·2019-08-29 13:09
閱讀 1803·2019-08-26 18:37