2021-3-29 seo達(dá)人
網(wǎng)站優(yōu)化最新接觸到的頁(yè)面就是網(wǎng)站的首頁(yè)，很多做SEO優(yōu)化的人會(huì)說(shuō)首頁(yè)嘛，不就是放主關(guān)鍵詞、頁(yè)面排版、內(nèi)容調(diào)用就完事了，其他還有什么可以優(yōu)化的呢。其實(shí)首頁(yè)的SEO優(yōu)化還真的不止這些，還有代碼審查，H標(biāo)簽的合理使用，內(nèi)容布局等，下面來(lái)一一揭曉。
首頁(yè)是網(wǎng)站的入口頁(yè)面，也一個(gè)網(wǎng)站的門臉，首頁(yè)的內(nèi)容調(diào)用和布局排版對(duì)內(nèi)頁(yè)的SEO優(yōu)化雖然沒(méi)有太大的影響，但是首頁(yè)可以很容易獲得較高的權(quán)重和關(guān)鍵詞排名，優(yōu)化好首頁(yè)是一件重要的事。
01首頁(yè)標(biāo)題的優(yōu)化
首頁(yè)標(biāo)題就是一個(gè)網(wǎng)站的宗旨，別人一看你的網(wǎng)站名稱就知道是做什么領(lǐng)域和內(nèi)容的，首頁(yè)title優(yōu)化的基本格式是如下。
網(wǎng)站名稱_一句帶有多個(gè)關(guān)鍵詞廣告語(yǔ)的話網(wǎng)站名稱_關(guān)鍵詞1，關(guān)鍵詞2，關(guān)鍵詞3這里要特別說(shuō)明的是網(wǎng)站名稱一定要放在最前面，很多的seo喜歡把首頁(yè)優(yōu)化的關(guān)鍵詞放在前面，最后才是網(wǎng)站名稱，或者干脆把網(wǎng)站名稱去掉，這樣的優(yōu)化方法都是不正確的，或者說(shuō)是方法不當(dāng)。
不論你認(rèn)為這個(gè)關(guān)鍵有多么重要，都不應(yīng)該放在網(wǎng)站名稱的前面，從網(wǎng)站運(yùn)營(yíng)的角度，網(wǎng)站名稱本身就是一個(gè)品牌，在時(shí)間累積過(guò)程中會(huì)慢慢在用戶腦海形成一個(gè)印象，長(zhǎng)期的積累過(guò)后用戶會(huì)直接搜索網(wǎng)站的名稱文不是你設(shè)置的關(guān)鍵詞。
比如我們上京東買手機(jī)不會(huì)搜索“買手機(jī)的網(wǎng)站”，上當(dāng)當(dāng)買書(shū)也不會(huì)搜索“買書(shū)網(wǎng)站”，而是直接找網(wǎng)站的名稱。
02首頁(yè)布局排版的SEO優(yōu)化
在幾年前除了一種比較流行的滾動(dòng)加載內(nèi)容的效果，最初在聚美優(yōu)品和唯品會(huì)這樣的網(wǎng)站時(shí)很流行，網(wǎng)站首頁(yè)是無(wú)限滾動(dòng)加載內(nèi)容的，也就是你怎么都不會(huì)到底部。很多的網(wǎng)站覺(jué)得這樣效果非常棒，于是紛紛模仿，其實(shí)對(duì)SEO優(yōu)化來(lái)說(shuō)非常不友好。
原因是這樣的無(wú)需加載技術(shù)使用的是延遲加載方法，通過(guò)js技術(shù)來(lái)實(shí)現(xiàn)，在前端開(kāi)發(fā)中習(xí)慣上稱之為“懶加載”，是一整根據(jù)用戶屏幕加載的方法，對(duì)于搜索引擎來(lái)說(shuō)，蜘蛛不會(huì)滾動(dòng)屏幕展現(xiàn)內(nèi)容啊，怎么能很好的抓取頁(yè)面內(nèi)容。
大站使用這樣的方法為什么沒(méi)有問(wèn)題？因?yàn)榇笳居绣X做推廣，人家只在乎用戶體驗(yàn)，不怕沒(méi)有流量，由于推廣來(lái)的用戶流量很大，搜索引擎也會(huì)按照一定的數(shù)據(jù)給予優(yōu)質(zhì)的排名。如果是小小站，學(xué)這樣的方法就是自掘墳?zāi)?，沒(méi)有流量、沒(méi)有用戶，優(yōu)化又很一般，憑什么給你好的排名？所以寧愿丑一點(diǎn)的頁(yè)面，也不要這種看似很時(shí)尚卻對(duì)優(yōu)化沒(méi)有什么好處的技術(shù)。
03首頁(yè)內(nèi)容調(diào)用的問(wèn)題
一般來(lái)說(shuō)首頁(yè)都會(huì)有輪播圖，站內(nèi)新聞，推薦閱讀，最新發(fā)布等內(nèi)容，其中輪播圖對(duì)優(yōu)化是沒(méi)有作用的，純屬于為了良好的用戶體驗(yàn)。
不論你怎么調(diào)用內(nèi)頁(yè)的數(shù)據(jù)，但是網(wǎng)站首頁(yè)一定要保證有一個(gè)“更新器”，也就是你新發(fā)布文章或推薦到首頁(yè)的內(nèi)容是動(dòng)態(tài)的，不是固定不變的。
也就是說(shuō)網(wǎng)站首頁(yè)不應(yīng)該是一潭死水，你制作好了一個(gè)模板，之后若不更改模板，就會(huì)一直這樣毫無(wú)變化，這樣是不利于SEO優(yōu)化的，起碼時(shí)不時(shí)的要有一點(diǎn)變化，哪怕是新發(fā)布的文章也行。
04logo使用img且在H1標(biāo)簽內(nèi)
網(wǎng)站的首頁(yè)一般都會(huì)有一個(gè)logo，但是說(shuō)實(shí)話，網(wǎng)站logo的展示方式還真的五花八門，不是說(shuō)logo不好看，而是logo所在的代碼不合格。
正確的logo所在的代碼應(yīng)該是這樣的：
<h1><a href="host"><img src="/logo.png" alt="網(wǎng)站名稱" /></a></h1>首先logo應(yīng)該寫(xiě)在img圖片標(biāo)簽內(nèi)，這樣搜索引擎可以完美地識(shí)別；有些人把logo圖片寫(xiě)在css-background屬性里面，然后再通過(guò)css來(lái)控制logo的大小，雖然看上去和正常的顯示沒(méi)有區(qū)別，但是搜索引擎蜘蛛會(huì)忽略background里面的圖片，當(dāng)作網(wǎng)站的一個(gè)元素圖標(biāo)來(lái)處理。
常見(jiàn)的錯(cuò)誤寫(xiě)法<a href="host"></a>然后使用css把logo圖片寫(xiě)在a標(biāo)簽的背景圖片里，為什么不對(duì)呢？首先a表示一個(gè)超鏈接，其次a標(biāo)簽里面的錨文本（關(guān)鍵詞）是空的，既沒(méi)有文字也沒(méi)有圖片，這是一個(gè)空連接。
h1的作用是權(quán)重標(biāo)簽的使用，對(duì)于搜索引擎來(lái)說(shuō)，每一個(gè)頁(yè)面的h1標(biāo)簽就是該頁(yè)面的標(biāo)題，由于首頁(yè)不能像發(fā)布文章那樣有文章標(biāo)題，所以logo就是唯一的選擇。h1不能改用div，這些都很重要的細(xì)節(jié)，屬于代碼優(yōu)化的范疇，要認(rèn)真對(duì)待。
05PC與M端的移動(dòng)適配
移動(dòng)適配就是將擁有移動(dòng)頁(yè)面和PC頁(yè)面的兩種頁(yè)面進(jìn)行SEO優(yōu)化合并，這里的合并并不是真正的把頁(yè)面合并成一個(gè)頁(yè)面，而是將權(quán)重集中起來(lái)，比如有獨(dú)立的移動(dòng)端頁(yè)面，做了移動(dòng)適配之后，用戶不論是在手機(jī)端還是PC端搜索你的網(wǎng)站關(guān)鍵詞時(shí)都會(huì)顯示PC端頁(yè)面，但如果是移動(dòng)端進(jìn)入網(wǎng)站又會(huì)自動(dòng)跳轉(zhuǎn)到你的移動(dòng)端頁(yè)面，這樣更有利于關(guān)鍵詞排名靠前。我發(fā)現(xiàn)有的SEO把內(nèi)頁(yè)的移動(dòng)適配做得很好，但是首頁(yè)貌似忘記了！
移動(dòng)適配分為自適應(yīng)和響應(yīng)式，根據(jù)百度資源平臺(tái)的說(shuō)明，自適應(yīng)頁(yè)面的移動(dòng)適配規(guī)則是這樣的，在自適應(yīng)首頁(yè)的模板head標(biāo)簽添加meta標(biāo)簽如下。
<meta name="applicable-device" content="pc,mobile"><meta http-equiv="mobile-agent" content="format=html5;url=你的域名/"><meta http-equiv="mobile-agent" content="format=xhtml;url=你的域名/">這樣自適應(yīng)（PC和移動(dòng)端網(wǎng)址一樣）的移動(dòng)適配就設(shè)置好了。如果PC端和M端的網(wǎng)址不一樣，那么使用下面的規(guī)則分別在head里面添加meta標(biāo)簽，在PC模板的head里面添加如下meta。
<meta name="applicable-device" content="pc" /><meta http-equiv="mobile-agent" content="format=html5; url=移動(dòng)端首頁(yè)url" /><meta http-equiv="mobile-agent" content="format=xhtml; url=移動(dòng)端首頁(yè)url" /><link rel="alternate" media="only screen and (max-width: 640px)" href="移動(dòng)端首頁(yè)url" />然后對(duì)應(yīng)的移動(dòng)M端首頁(yè)模板里面添加如下meta標(biāo)簽：
<meta name="applicable-device" content="mobile" /><link rel="canonical" href="PC首頁(yè)url" />
這樣自適應(yīng)和有獨(dú)立PC移動(dòng)頁(yè)面的移動(dòng)適配就添加完成了，需要注意自適應(yīng)時(shí)的規(guī)則相對(duì)簡(jiǎn)單，而PC端和移動(dòng)端網(wǎng)址不一樣時(shí)需要添加代碼稍微復(fù)雜一些，如果不明白在百度資源平臺(tái)可以找到相關(guān)的說(shuō)明文檔，上面是我整理好的適配規(guī)則，直接使用就行。
06關(guān)于首頁(yè)是否添加canonical標(biāo)簽
對(duì)于大部分seo對(duì)于首頁(yè)都不會(huì)添加canonical，我們都知道canonical標(biāo)簽的意思是“權(quán)威”URL，如果同一個(gè)頁(yè)面有多個(gè)不同的網(wǎng)址可以訪問(wèn)時(shí)，需要添加canonical標(biāo)簽來(lái)建議搜索引擎采納哪一個(gè)url，對(duì)于首頁(yè)有沒(méi)有必要使用呢？
首頁(yè)添加canonical是很有必要的，原因有這些：①首頁(yè)其實(shí)有多個(gè)入口，比如host/index.php，host/index.html這2種常見(jiàn)的自動(dòng)在網(wǎng)站域名后面加上后綴的形式，也就是說(shuō)前面這2種加上網(wǎng)站的域名，首頁(yè)可以有3個(gè)URL可以訪問(wèn)，那么添加canonical標(biāo)簽就非常有必要了。
舉個(gè)例子，有人使用dedecms來(lái)做的網(wǎng)站，搜索引擎收錄了帶index.html后綴的首頁(yè)排名還不錯(cuò)，但是不帶index的首頁(yè)卻不收錄，這就是因?yàn)槟J(rèn)被跳轉(zhuǎn)了，帶index的流量大，搜索引擎認(rèn)為這是用戶需要的，以至于有人就很苦惱了，不希望收錄排名卻上去了。
在首頁(yè)面模板head標(biāo)簽中添加如下代碼：
<link href="首頁(yè)url/" rel="canonical" />注意url是頂級(jí)域名，并且最后加上一個(gè)斜杠。這樣就解決了首頁(yè)多入口多后綴時(shí)頂級(jí)域名的權(quán)威性。
以上就是網(wǎng)站首頁(yè)SEO優(yōu)化的全部?jī)?nèi)容，如有遺漏歡迎補(bǔ)充，更多優(yōu)質(zhì)內(nèi)容持續(xù)分享，歡迎關(guān)注。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.gyxygd.cn