SEO前端篇(一)頁面布局


由於工作需要,在此對seo的一些相關知識做一個總結。

首先要了解必要的基礎知識,什么是SEO以及搜索引擎的工作原理。這樣才能繼續下面的話題。

一、SEO定義

  SEO全稱:Search English Optimization,搜索引擎優化。自從有了搜索引擎,SEO便誕生了。為了提升網頁在搜索引擎自然搜索結果中的收錄數量以及排序位置而做的優化行為。簡言之,就是希望百度等搜索引擎能多多我們收錄精心制作后的網站,並且在別人訪問時網站能排在前面。

 

二、搜索引擎的工作原理 

  當我們在輸入框中輸入關鍵詞,點擊搜索或查詢時,然后得到結果。深究其背后的故事,搜索引擎做了很多事情。

  在搜索引擎網站,比如百度,在其后台有一個非常龐大的數據庫,里面存儲了海量的關鍵詞,而每個關鍵詞又對應着很多網址,這些網址是百度程序從茫茫的互聯網上一點一點下載收集而來的,這些程序稱之為“搜索引擎蜘蛛”或“網絡爬蟲”。這些勤勞的“蜘蛛”每天在互聯網上爬行,從一個鏈接到另一個鏈接,下載其中的內容,進行分析提煉,找到其中的關鍵詞,如果“蜘蛛”認為關鍵詞在數據庫中沒有而對用戶是有用的便存入數據庫。反之,如果“蜘蛛”認為是垃圾信息或重復信息,就舍棄不要,繼續爬行,尋找最新的、有用的信息保存起來提供用戶搜索。當用戶搜索時,就能檢索出與關鍵字相關的網址顯示給訪客。

  一個關鍵詞對用多個網址,因此就出現了排序的問題,相應的當與關鍵詞最吻合的網址就會排在前面了。在“蜘蛛”抓取網頁內容,提煉關鍵詞的這個過程中,就存在一個問題:“蜘蛛”能否看懂。如果網站內容是flash和js,那么它是看不懂的,會犯迷糊,即使關鍵字再貼切也沒用。相應的,如果網站內容是它的語言,那么它便能看懂,它的語言即SEO。

  因此可以得出結論,需要優化體現的部分盡量不用flash和js來加載,用HTML直接方式加載。

 

有了上面的了解,那么我們只需要了解“蜘蛛”爬取的規則即可。當然百度和谷歌等搜索引擎大佬也沒有公示其相應的爬取收錄規則,因此這里只能對自己實際的應用和網上的一些資料做一個整合。

三、蜘蛛的規則

1、讓蜘蛛知道你的網站。

一些人認為網站建好后首先到各大搜索引擎免費登錄你的網站。其實這個真是多此一舉,360已經做過相應測試(他們新建一個網站發布然后通過百度訪問,第二天該關鍵詞的網站顯示在了首頁)。所以這個搜索引擎會自動做的工作,我們就不要在這里長篇大論,盲人瞎馬了。只要發布了,有人訪問蜘蛛就會自己來。

2、留住蜘蛛

蜘蛛來了也會走,蜘蛛跟人工訪問網頁一樣。這里着重看了將下網頁靜態化和三層結構。

  網頁的靜態化

  網頁實現靜態化,重要的信息通過HTML直觀的展現。同時實現網頁文字與圖片等其他信息的分離,圖片要有專門的圖片服務器,大的資源文件分離到文件服務器。做到盡量減少應用網頁的大小,最好控制在120KB之內,能做到秒加載。一些加載太慢的網頁,用戶會走,同時蜘蛛也會走,沒時間等你。舞台只留給准備好的人。

  網頁的三層結構

  曾今在網上看到有人說能讓蜘蛛迷路,我不覺感到好笑。縱然能,也是暫時的,蜘蛛是會進化的,不要拿你一個人的智商去挑戰一個優秀的團隊。一個程序陷入無限的死循環那是程序員的無知無能,但鳳毛菱角。一般來講,你想要展示的部分比如商品最好是三層結構之內,比如:手機 —> 華為 —> HUAWEI P30 就能看到一個詳細的SPU。太繁瑣別人找得煩,蜘蛛也閑煩,結構太深蜘蛛不是迷路跟着你的套路走而是直接跳出,不是蜘蛛over而是你over。

3、蜘蛛爬取的關鍵部分——標簽。

當然網上有一些總結的比較細的,僅供參考。

標題title 10 分 個人認為這個權重高,應該是10分
內部連接 10分  
域名 7分  
<h1>和<h2> 5分  
頁面第一個段落的開始部分 5分  
相似關鍵詞 4分     
路徑和文件名 4分  
<b>和<strong> 1分  
內容   1分  
img等的Title屬性 1分    
img等的alt屬性 0.5分  
description 0.5分     個人認為這個權重更高,應該是10分
keywords 0.05分 個人認為這個權重更高,應該是10分
每個句子的開始部分  1.5 分  

 

 

 

  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 我的理解是首先蜘蛛是爬取 title、description、keywords三個標簽經過第一輪過濾,再在這里面分析有價值的數據。不然即使大數據也會累死,而且不排序搜索引擎對一些中小型網站帶有色眼鏡。現在更是有商業元素的加成,因此上面的這些盡量做到人無我有,人有我優。

下面是三大電商網站三個標簽的一個對比

  天貓 淘寶 京東 拼多多
title <title>天貓tmall.com--理想生活上天貓</title> <title>淘寶網 - 淘!我喜歡</title> <title>京東(JD.COM)-正品低價、品質保障、配送及時、輕松購物!</title> <title class="next-head">拼多多 新電商開創者</title>
keywords <meta name="keywords" content="商城,網上購物,網購,進口食品,美容護理,母嬰玩具,家用電器,手機數碼,家居生活,服飾內衣,營養保健,鍾表珠寶,飾品箱包,汽車生活,圖書音像,禮品卡"> <meta name="keyword" content="淘寶,掏寶,網上購物,C2C,在線交易,交易市場,網上交易,交易市場,網上買,網上賣,購物網站,團購,網上貿易,安全購物,電子商務,放心買,供應,買賣信息,網店,一口價,拍賣,網上開店,網絡購物,打折,免費開店,網購,頻道,店鋪"> <meta name="Keywords" content="網上購物,網上商城,手機,筆記本,電腦,MP3,CD,VCD,DV,相機,數碼,配件,手表,存儲卡,京東"> <meta name="keywords" content="拼多多 拼多多商城 pinduoduo 拼 拼團 團購 團購app 購物 零食 划算 好貨" class="next-head">
description <meta name="description" content="天貓,中國線上購物的地標網站,亞洲超大的綜合性購物平台,擁有10萬多品牌商家。每日發布大量國內外商品!正品網購,上天貓!天貓千萬大牌正品,品類全,一站購,支付安全,退換無憂!理想生活上天貓!"> <meta name="description" content="淘寶網 - 亞洲較大的網上交易平台,提供各類服飾、美容、家居、數碼、話費/點卡充值… 數億優質商品,同時提供擔保交易(先收貨后付款)等安全交易保障服務,並由商家提供退貨承諾、破損補寄等消費者保障服務,讓你安心享受網上購物樂趣!"> <meta name="description" content="京東JD.COM-專業的綜合網上購物商城,銷售家電、數碼通訊、電腦、家居百貨、服裝服飾、母嬰、圖書、食品等數萬個品牌優質商品.便捷、誠信的服務,為您提供愉悅的網上購物體驗!"> <meta name="description" content="拼多多作為新電商開創者,致力於將娛樂社交的元素融入電商運營中,通過“社交+電商”的模式,讓更多的用戶帶着樂趣分享實惠,享受全新的共享式購物體驗。" class="next-head">

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 可以看到淘寶用了最多的關鍵詞28個,其中Keywords的權重可想而知。因此單個頁面(特別是首頁)30個之內的關鍵詞,我想蜘蛛是接受的。

description描述,那就好好描述。有好多用關鍵詞代替的,蜘蛛會不會認為這是沒用的描述呢?所以這里還是跟風吧,跟着大佬們走。好好描述一件事情,好好說明一件事情,用別人聽得懂的大白話。

網站標題title。網站標題就是代碼中的title標簽里面的內容,不要堆砌關鍵詞,合理分布,一般是3-5個關鍵詞,關鍵詞之間用_(下划線)連接,關鍵詞越往前權重越高。注意寫好關鍵詞后不會頻繁修改,經常修改排名肯定會掉。

做好了上面的三個標簽,盡量把頁面多放點有用的內容,然后按着上面羅列的14個標簽套,用的到的就好好用格式規范完整。

當然前端技術也是博大精深,就拿一個a標簽來說吧。你一個外鏈加 target="_blank" 和不加完全是兩個概念,你加了直接在另一個頁面打開,不加在自身頁面打開,別人一般還會跳回來。這就是友情鏈接的藝術之一。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM