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