大概從 2020 年開始寫文章,當時單純使用 WordPress 來寫部落格,原因很簡單,我不可能自己寫出一個內容管理系統,當時的前端技能也很弱,用 WordPress 最直接,直接使用套版就能開始寫文章了,然而 WordPress 有不少缺點,除了其實能客製化的範疇比較小、進階功能皆要付費外,總覺得效能也不算太好。
為了邊精進自己的前端技能,我決定研究所謂的無頭內容管理系統(Headless CMS),因此找上了 Contentful,以及為了學前端架構,我選擇了 Next.js,從零開始刻自己要畫面,RWD 也需要邊寫邊測試看順不順暢,確實開發起來很費時,但是透過 Contentful 的 API 我就可以呈現文章內容,寫文章依舊是有個完善的系統給我操作,因此我能專注練習前端所需要的技巧,像是花很多時間把 haohistory 好歷史首頁的地圖寫成可以互動的!
最終在 2023 年 4 月左右把文章都改到了 Contentful,感謝前輩給我的指引,我使用 Vercel 就可以部署我在 Github 上面的程式碼,網站就完成了!接下來就用 Google Search Console 以及 Google Trend 來分析看看前後的差距吧!
首先來看在搬移前的數據,時間區間大約在 2022/06/22 到 2023/04/08,共 290 天左右的時間我的曝光總數約 1.36 萬,平均排序大約在 13.7,而且可以很明顯看到排序是起伏較大的。
再來看到搬移後的數據,時間區間為 2023/04/08 到我撰寫這篇文章的 2023/11/03 為止,約 209 天但是曝光總數已經超過 10 萬,也很明顯平均排序趨於穩定,大約在 9.8 左右,數字越小代表我的關鍵字搜尋結果在越前面!
把時間區間整個攤開來看可以更明顯發現成長驚人,我還沒有開始投放廣告等等,單純都是靠 SEO!
這時候就要提幾項影響 SEO 的要素了!
網站架構清晰讓 Google 索引順利:我的網站架構很簡單,首頁、blog 分類、單篇文章的連結,加上文章數量很少,這些都利於 Google 爬取我的網站時很容易。另外我會主動在文章寫完後在 Google Search Console 提交,讓 Google 知道有一篇新文章誕生了!這個做法大概只適用於這種小型網站,如果是電商網站有幾百種商品,就需要 Sitemap 了。
利用前端技術、網站優化等提升網站速度:我選擇 Next.js 是建構於目前最普及的前端框架之一 React.js,透過 Next.js 我可以輕易的呼叫 Contentful API 將文章內容呈現,以及我也會壓縮圖片等盡可能提升網站速度,這些優化都是前端的技能範疇,雖然門檻比 WordPress 高許多,但是彈性也大很多。
選擇關鍵字戰場:最初的想法很簡單,想寫自己最喜歡的戰國大名武田信玄,剛好關鍵字本身在台灣就有小眾穩定的搜尋,又搭上今年大河劇怎麼辦家康的風潮,網站就像搭上順風車一樣快速成長。由於我寫的題材較冷門,我有機會去競爭這些有搜尋量的關鍵字,養出這些關鍵字後可以為我的網站帶來穩定的曝光,加上持續撰寫新文章能夠讓關鍵字排名更有利,同時我也不忘調查長尾關鍵字,它們可以為我帶來更精確的受眾。雖然目前整體網站仍約 8 成是靠幾個熱門關鍵字搜尋到熱門文章,但累計至今也有 2 萬多的曝光總數來自其他關鍵字與文章。
除了以上幾個要素外,其實還有太多可以優化的空間,不過先拋開細節,繼續把數據看下去吧!
前面提到,我認為除了網站架構整個換掉能提高效能,對我的網站成效有正向影響外,也跟外在因素脫離不了關係,兩者可以說是相輔相成,怎麼說呢?
先來看怎麼辦家康,它是在 2023 年 1 月 8 日上映的,可以看到我的曝光總數開始非常微幅的成長。
接下來由阿部寬飾演的武田信玄差不多在 3 月中登場(感謝阿部寬雖然我還沒看你的表現)曝光總數在此之後拉高並維持在高檔。
這樣說起來,我的網站似乎是單靠大河劇才起來的,不過我不這麼認為,從 Google Trend 來看在 2022 年 8 月底的時候搜尋量就有一個高峰,當時我的文章已經是發佈的狀況了,理論上就該有相對應的曝光數,但數據就是沒有,這代表我的網站品質在當時的時空背景跟現在是不同的,也確實影響了我的 SEO 表現。
而武田信玄這個關鍵字的搜尋量的最高峰是在 2023 年 4 月底,可以說這次我的網站有了更好的架構與品質後,好好承接住了這次的流量。上圖是我流量最高的文章(電腦裝置)的分數,我使用 PageSpeed Insights 檢查的,下方是關鍵字搜尋量的高峰,可以去看看文章前述的曝光總數比對看看哦!
總結來說,如果你預算有限、不知道該如何找到會前端的幫手、想要不寫程式就能動手優化網站,那 WordPress 是可以的選擇,但是要注意它的學習成本也不算低,效能也不是很好。
如果你看過 haohistory 好歷史以及你現在正在看的網站的架構,認為我單純只是想寫文章、對網站有點想法想討論客製化、同意這樣的架構比較有效能,甚至躍躍欲試的話,都歡迎跟我聯繫!我們來聊聊更多細節吧!