我似乎從來都沒有說過這方面的理論，只說過一些局部功能的設計原因和魔改。在網上大多也都是組件的魔改。這篇文章我想寫一個純理論的文章，以我現在的博客為例子，引申出博客的設計思考。
相信通過這篇文章，能夠給想要修改自己博客的小夥伴一些方向性的建議，而不是盲目使用網上的組件，看見一個好就直接扒下來。
這篇文章也只是闡述我的理解，可能有個人的主觀偏好。
做博客是為了什麼？#
這個是每個人一開始搭建博客的原因，而且會隨著時間慢慢去改變。說起我最初想要將自己遇到的問題都寫在博客裡，這樣下次自己再次遇到的時候，不會因為相隔的時間過長而找不到。
所以我們可以看到，我的最初目標就是 **「通過搜索關鍵詞來快速找到曾經寫過的文章，方便找到解決方案」**。
所以我的博客首先最重要的就是優化搜索。
曾經在 butterfly 版本比較低的時候，因為文章比較多，加載本地搜索索引耗費的時間非常長，所以當時首先採用 algolia。兩年前我記得當時還沒幾個人在用這個，但是我知道我需要這個，所以即使配置比較麻煩，還是首先選擇了 algolia。
這就是設計目標，你的每一個功能，都需要有需求來支撐。
你沒必要為了並不需要的功能花費時間，而是需要將最重要的時間放在優先級最高的事情上。
通過這個問題我們知道了，是先有需求，再有功能。功能不應領先需求，這只會浪費開發資源，浪費你的時間。
當你的需求在現在的條件下已經被滿足，那麼就不必去改善博客，而是去尋找靈感，去寫博客的文章。分享你所期望分享的那些內容。我們要知道，文章才是博客的基石，沒有文章的博客不僅沒有別人進來的入口，還會敞開出口的大門。
你期望人們從哪裡來？#
我最初的目標就是人們從搜索引擎中搜索而來。像我在搜索我自己博客那樣，別人通過搜索引擎來訪問你的博客。
所以我一開始就知道需要重點優化搜索。
很多人做博客可能最初就沒打算讓更多人看到，所以建了 QQ 群，有新文章在群裡朋友圈裡發一下，朋友之間分享交流。
所以不同的受眾群體有著不同的設計方向。針對搜索引擎優化的我首先需要的是讓別人能夠搜到自己。首先就是註冊各個搜索引擎的站長平台，然後針對性的優化頁面符合 SEO 要求，最重要的就是 **「起一個好標題」**。
雖然我的搜索優化還不是很好，因為也沒有刻意學過，都是自己去誤打誤撞出來的，我這裡總結一下我自認為的優化搜索的條件。
-
有一個好的域名，com 或者 cn，儘可能短一些，這不僅可以縮短你的鏈接長度，還可以增強記憶的可能性。如果你的業務比較多的時候，你可能需要手打相當多次數的域名。就像老師罰你抄寫名字 100 遍的時候一樣，短的域名可以幫你節省時間。
-
域名備案。只要你是在中國提供服務，那麼就要備案。沒有備案寸步難行。
-
搭建在國內服務器。如果針對的對象是中國用戶，那麼可能對於百度的搜索需求會更高一些，如果搭建在國內服務器上，要遠比你搭建在 vercel 和 githubpage 上更容易抓取。（實測）
-
穩定的服務。搜索引擎都需要你的網頁足夠穩定，因為搜索引擎需要考慮到，用戶每次點擊鏈接都進入一個 404 或者 503，那麼用戶這次點擊就是個糟糕的體驗，搜索引擎會不斷的抓取，會監測你網站的運行情況。這也是大多數個人博客搜索優化做的不好的原因，服務要麼是在國外要麼是搭建的奇怪服務上（例如公網 + nas）（甚至有人用 1m 的內網穿透搭建站點），導致不穩定，會大大降低排序順序。
-
足夠快的加載時間。現在人們的耐心已經被網絡時代消磨光了，如果你的服務加載時間過長，那麼幾乎沒有人願意耐心等下去。我一般搜索一個結果都是同時打開一堆網站，哪個加載快看哪個。這也是為什麼我的友鏈按照訪問速度單獨開闢了一個板塊。
-
起一個好標題。你的標題要儘可能考慮 **「用戶搜索什麼內容來看我的文章」？相比公眾號等社交平台的起名還真有不同。公眾號等社交平台的目的是為了「用戶看見這個標題就有點擊的慾望」，而針對搜索引擎的標題邏輯是「讓用戶更有可能按照我的標題來搜索」**。因為搜索權重是：越接近搜索內容的網頁排名越高，網站有順序權重，關鍵詞的權重更大。普通小博客沒有辦法跟大站抗衡，所以儘可能靠好的標題來覆蓋更多用戶搜索內容達成高排名的收錄才是最行之有效的方案。
我們可以看個例子：
《Python學習筆記2》
現在寫博客的程序員比較多，這種標題可真的太常見了，你真的能見到大量這種標題，非常之離譜。
讓我們按照剛才提到的起標題的方法來分析一下這個標題。
首先我們通過內容來判斷，什麼用戶會搜索Python學習筆記。答案是幾乎沒有。因為想要學 Python 的人通常只會去搜索Python教程。
然後再通過網站判斷，因為我們是個人博客，Python 學習筆記這個已經被大量文章用爛了，我們即使起這個標題，別人搜這個文章標題也搜索不到，因為網站權重比較低，爭不過那些大網站。
最後得出結論：GG
更舒心的用戶體驗#
我們已經規劃好了功能、讓用戶進來看文章，那麼我們最後一步就是讓用戶快速、清晰地看見所需要的正確的內容。
前面的定語比較多，我們一個一個來說。
快速地#
我們需要讓網頁快速加載，這是從性能上的快速。這就涉及到了我們的引用的 js 不要太多太雜，第三方服務儘可能 defer、async。重要資源儘可能 preconnect，儘可能不使用第三方中文字體文件（可以純英文字體）。
我們需要讓用戶快速看見內容，這是從交互上的快速。讓用戶在第一屏看見內容，甚至在第一屏獲得答案。
如果你期望提升用戶瀏覽時長，可以在交互上拖延時間，但不要在性能上打折扣。
清晰地#
讓用戶能夠看見你的內容，能夠看清你的內容。
你需要保證你的文字和背景的對比度足夠高，對於有輕微視覺障礙的人也可以足夠友好。過於複雜的背景，特別是在文字下過於複雜的背景會嚴重降低用戶的閱讀體驗，影響閱讀速度。
如果你的背景足夠好看，那麼更加危險，用戶會被你的背景吸引，導致無法專注於你的內容。
如果你擁有大量動態效果，人眼捕捉動態物體的本能讓用戶更容易脫離內容，被引導造成分心。
所以讓用戶能夠清晰地閱讀非常重要。
所需要的#
有些人為了 seo 刻意造成標題與內容不相符，導致用戶很難看到或者根本看不到所需要的內容。
搜索引擎會對用戶的行為進行分析，當用戶訪問你的網站沒有得到問題的答案進而訪問其他網站尋求辦法，或者訪問你的網站過短都可能會影響你的權重，並且用戶流失也會非常嚴重。
標題和內容符合是非常重要的。
正確的#
錯誤的內容對於期望獲得問題答案的用戶來說是致命的。
用戶在搜索引擎上搜索到博客大多是為了滿足需求或者解決問題，當你無法輸出正確的內容，對於著急尋求解決問題的用戶來說，他們沒時間去判斷真偽，錯誤的內容只會挨罵。
我見過很多一開始貼上錯誤代碼的教程，後面又補一句前面代碼是錯誤的這種教程。還有那種開玩笑的，都被我統統拉黑了。
（順便說的是，你如果想要使用我的黑名單，可以訪問項目谷歌中文搜索優化）
總結#
也算是博客建立九百多天的一些小心得，如果對你的博客建設提供了方向，不妨持續關注我的博客 / 公眾號，我會經常分享一些互聯網幹貨和教程。