在 《一篇帶你用 VuePress + Github Pages 搭建博客》中,我們使用 VuePress 搭建了一個博客,最終的效果查看:TypeScript 中文文檔。
站在用戶的角度思考問題,與客戶深入溝通,找到大余網站設計與大余網站推廣的解決方案,憑借多年的經驗,讓設計與互聯(lián)網技術結合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:網站設計制作、成都網站制作、企業(yè)官網、英文網站、手機端網站、網站推廣、域名注冊、雅安服務器托管、企業(yè)郵箱。業(yè)務覆蓋大余地區(qū)。
本篇講講如何進行 SEO 優(yōu)化。
借助 vuepress-plugin-sitemap 生成站點地圖:
yarn add vuepress-plugin-sitemap -D
// .vuepress/config.js
module.exports = {
plugins: {
'sitemap': {
hostname: 'https://ts.yayujs.com'
},
}
}
如果 build 的時候,生成失敗:
這可能是因為你設置了 lastUpdated
或者使用了 @vuepress/last-updated
插件,當兩個一起用的時候,因為時間對象的緣故,產生了報錯,我們搜索 vuepress-plugin-sitemap 的 issues,可以找到一個解決方法,我們修改一下 config.js:
// .vuepress/config.js
module.exports = {
plugins: [
[
'@vuepress/last-updated',
{
transformer: (timestamp, lang) => {
return new Date(timestamp).toLocaleDateString();
}
}
],
[
'sitemap',
{
hostname: 'https://ts.yayujs.com'
}
]
]
}
如果 build 成功,我們則會在 dist 目錄里看到一個 sitemap.xml,大致類似于這種結構:
https://ts.yayujs.com/learn-typescript/
2022-01-05T16:00:00.000Z
daily
https://ts.yayujs.com/learn-typescript/handbook/ConditionalTypes.html
2022-01-05T16:00:00.000Z
daily
我們部署到服務器上,就可以獲得一個 sitemap 地址,比如我的就是:
https://ts.yayujs.com/learn-typescript/sitemap.xml
有了這樣一個 sitemap 地址,我們可以方便的提交給各個搜索引擎平臺,方便根據 sitemap 抓取我們的頁面。
登陸百度搜索資源平臺,進入用戶中心:
點擊「添加站點」,可能需要你完善下賬戶信息,然后會進入站點信息填寫頁面,分為三步:
第一步:輸入站點
第二步:站點屬性
第三步:驗證網站
之所以需要驗證網站,是為了證明你是該域名的擁有者,驗證成功后,可以快捷批量添加子站點,查看所有子站數據,無需再一一驗證子站點。
這里我采用的是 HTML 標簽驗證的方式,根據圖中的代碼指示,修改 vuepress 的 config.js
文件:
// config.js
module.exports = {
title: "title",
description: 'description',
head: [
['meta', { name: 'baidu-site-verification', content: '填寫自己的 code' }]
]
}
然后點擊「完成驗證」,就會出現(xiàn):
點擊「我知道了」,就會跳轉到 HTTPS 認證這里:
等待一天后,會顯示認證成功:
在站點管理頁面,點擊「普通收錄」:
普通收錄工具可以向百度搜索主動推送資源,縮短爬蟲發(fā)現(xiàn)網站鏈接的時間,不保證收錄和展現(xiàn)效果。
這里提供了三種方式收錄:API 提交、sitemap、手動提交,那該如何選擇呢?參考平臺工具使用手冊:
API推送:最為快速的提交方式,建議您將站點當天新產出鏈接立即通過此方式推送給百度,以保證新鏈接可以及時被百度收錄。
sitemap:您可以定期將網站鏈接放到Sitemap中,然后將Sitemap提交給百度。百度會周期性的抓取檢查您提交的Sitemap,對其中的鏈接進行處理,但收錄速度慢于API推送。
手動提交:如果您不想通過程序提交,那么可以采用此種方式,手動將鏈接提交給百度。
這里我選擇的是 sitemap 方式,填寫上節(jié)獲得的 sitemap 地址:
提交后,就會進入等待抓取狀態(tài):
訪問 search.google.com,如果你之前沒有添加過站點,會直接讓你添加站點:
這里我選擇的是「網域」,輸入域名后,會讓你進行 DNS 驗證:
由于我是在萬網購買的域名,所以直接訪問阿里云域名控制臺,然后選擇對應的域名點擊 「解析」:
然后點擊「添加記錄」:
記錄類型選擇TXT
,記錄值填寫 Google 提供的內容:
添加完后,由于 DNS 解析需要一段時間,最好等個幾分鐘后再進行驗證,驗證成功后會進入站點后臺:
點擊左側導航欄「網站檢查」,輸入要檢查的域名,如果沒有收錄到 Google 中,點擊「請求編入索引」:
在測試完實際網址可否可編入索引后,就會出現(xiàn):
可以在谷歌搜索欄使用 site:域名, 來確認站點是否已被谷歌收錄
登陸 360 站長平臺:
除了這三個平臺之外,還有 Bing 站長、搜狗站長、神馬站長,操作基本類似,就不多說了。
博客搭建系列是我至今寫的唯一一個偏實戰(zhàn)的系列教程,預計 20 篇左右,講解如何使用 VuePress 搭建、優(yōu)化博客,并部署到 GitHub、Gitee、私有服務器等平臺。本篇為第 27 篇,全系列文章地址:https://github.com/mqyqingfeng/Blog
微信:「mqyqingfeng」,加我進冴羽唯一的讀者群。
如果有錯誤或者不嚴謹的地方,請務必給予指正,十分感謝。如果喜歡或者有所啟發(fā),歡迎 star,對作者也是一種鼓勵。