網(wǎng)站的 SEO 檢查清單

我們創(chuàng)建網(wǎng)站的方式無非兩種，其一是使用現(xiàn)成或者開源的系統(tǒng)（比如 WordPress 或者 Shopify），其二是完全自己開發(fā)并配置。那今天這篇文章分享下，自己開發(fā)的網(wǎng)站怎么去做 SEO 相關(guān)配置的檢查。

比如我前段時間挺喜歡用 Next.js 來寫網(wǎng)站，但是剛?cè)胧值臅r候沒好好做 SEO 相關(guān)信息的配置，導(dǎo)致網(wǎng)站上線之后一堆錯誤（準(zhǔn)確說應(yīng)該是缺陷）。所以后續(xù)學(xué)乖了，開始啃官方的開發(fā)手冊來逐步優(yōu)化這些設(shè)置。

開發(fā)手冊這塊，推薦兩個學(xué)習(xí)渠道。

首先 Next.js 官方的開發(fā)手冊，里面有很詳細(xì)的 SEO 相關(guān)設(shè)置說明。比如常規(guī)的站點(diǎn)地圖與 Robots 協(xié)議，官方文檔里都有相應(yīng)的說明，怎么編寫代碼、怎么做細(xì)節(jié)設(shè)置、怎么實現(xiàn)信息聯(lián)動，里面都有很細(xì)節(jié)的內(nèi)容。

所以有需要的話，完全可以遵照開發(fā)手冊的指導(dǎo)說明，一步一步在自己的項目中實現(xiàn)相應(yīng)的 SEO 設(shè)置。

但是官方的開發(fā)手冊，還有很多細(xì)節(jié)方面的東西仍未覆蓋到（比如 Schema 標(biāo)簽這塊內(nèi)容），這就要求我們參考更專業(yè)的資料。

這里推薦直接看谷歌搜索中心的文檔，碰到什么不明白的就去查什么，或者需要什么內(nèi)容直接去翻閱相應(yīng)的資料，然后應(yīng)用到自己的網(wǎng)站項目中去。

比如還是剛剛提及的 Schema 標(biāo)簽這個點(diǎn)，搜索中心文檔里面就有非常詳細(xì)的操作說明。那當(dāng)我們需要設(shè)置頁面的 Schema 標(biāo)簽時，直接去文檔中找到相應(yīng)的篇章，然后依葫蘆畫瓢應(yīng)用到自己的項目中去即可。

不過我還是建議，最好單純創(chuàng)建一個模板項目，將各方面的信息設(shè)置做完善。那后續(xù)新建項目時，可以直接從我們的模板項目中復(fù)制相應(yīng)代碼即可，這樣一來能極大提高自己的工作效率。

那除了上面提及的兩處學(xué)習(xí)資源外，其實還可以參考別的博主的信息分享。比如我簡單搜索類似“Next.js SEO Checklist”這樣的關(guān)鍵詞，便能發(fā)現(xiàn)不少相關(guān)資料。

鏈接：https://blog.simplr.sh/posts/next-js-seo-checklist/

像上圖這篇文章，便是某博主分享的一份非常實操的 SEO 檢查清單。通讀這篇文章，會發(fā)現(xiàn)內(nèi)容寫得非常細(xì)，從非常細(xì)節(jié)的標(biāo)題描述，到比較高級的 Schema 標(biāo)簽設(shè)置，這篇文章里都有涉及。

難能可貴的是，文章里寫了非常多的操作實例，我們新手小白完全可以參照文章的邏輯進(jìn)行手把手的實操。此外，對于可能有信息延伸的點(diǎn)，這篇文章都要有列出相應(yīng)的學(xué)習(xí)資源。

另外，公網(wǎng)上除了文章相關(guān)資料之外，還有不少視頻資料可以供我們參考學(xué)習(xí)。比如同樣的關(guān)鍵詞，我們放到油管上去搜索，也能發(fā)現(xiàn)不少資料。