SEO優化實戰—從無法被Google索引到SEO排名第一頁

閱讀時間約 6 分鐘
raw-image

前言

公司產品的專業文章一直都受受眾喜愛,發到社群平台上都能獲得不錯的回響和點擊率。但經營一陣子後我們發現,文章能觸及到的都是社群平台上的粉絲,自然流量極低。這才讓團隊意識到 — 我們編輯辛苦撰寫的文章在 Google 並無法被搜尋到啊啊啊!

不過也所幸在產品推出前期發現事態嚴重,進一步研究原因並且規畫執行方向。從發現問題、執行和驗收,現在已經有 15+ 以上的文章排名在搜尋第一頁、 SERP 曝光量也增加兩倍並且持續成長中。

本篇文章想來紀錄一下當時團隊做了什麼事、以及採行的策略!也可以說是我的SEO技能壯大記XD


Google搜尋引擎的運作原理

先了解為什麼那些文章能上Google搜尋結果頁?

Google 讓網頁出現在搜尋結果頁面的共三個步驟:爬取 → 索引 → 排名

要讓文章能上排名被更多人看到,就要先讓 Google 能爬取和索引到你的文章。因此我們決定以這三個步驟一一攻破問題並且執行解決辦法!


你的網站利於Google爬取嗎?

問題一:部落格開發技術不利於SEO

當初先檢查產品的網頁架構,發現網站所使用的渲染方式並不利於SEO。「網頁渲染(Rendering)」是指瀏覽器在接收到網頁資源後,將這些資源解析、計算,最終呈現給用戶看到的整個網頁的過程。常見的有「SSR(伺服器端渲染)」和「CSR(瀏覽器端渲染)」兩種。


我們網站當時開發時採「CSR(瀏覽器端渲染)」技術,優點是載入速度較 SSR 快、減輕伺服器的負擔,用戶可以更快得跟網頁互動。不過缺點則是對SEO不友好,因為大部分的內容是在瀏覽器中生成,而不是在伺服器端,對於搜索引擎爬蟲而言,初次載入時可能難以抓取到完整的內容,進而影響SEO。


我講這塊有點是門外漢,如果想了解更深的話,RankingSEO 此篇文章《SSR 還是 CSR? 3 分鐘了解網頁渲染對 SEO 的影響》介紹得非常仔細


我們的解法:

資源尚無法將整個網站重構,因此這部分前端工程師開發了「Prerender」程式,在用戶訪問網站之前,提前將網頁內容渲染好,生成靜態 HTML 文件,以利搜尋引擎爬取。


Google 到底有沒有了解你的網站?

問題二:Google 索引預算過少

Google 給每個網站都有「爬取預算/檢索預算」,可以到 Google Search Console → 設定 → 檢索統計資料 → 檢索要求次數查看,不過這只是一個參考,更多詳細的資訊可參考 Google 搜尋中心的文章

大網站的爬取預算會比較多,像是 Pchome 隨便上架一個產品、商周上一篇新文章,很快就能被搜尋到。小網站目標就是要讓谷歌更輕鬆爬取我們網站。

要讓 Google 正確地索引有兩大要點:網頁速度以及網頁結構扁平

  • 網站速度:網站速度可以說是第一,尤其手機版特別被重視,PageSpeed insights 可檢視網頁版和手機版的速度,如果要比較快的方式加快手機載入速度可以嘗試 AMP(Accelerated Mobile Pages),網頁會變快但對排名是沒有幫助的喔
  • 網站架構扁平化和簡單:網站架構越扁平對 Google 和使用者來說相對更友善,要盡量地讓網址在 4~5 次的點擊次數內就可以達到,這樣對演算法來說更好爬到!
raw-image


我們的解法:

將重要的網頁放上導覽列,並且使用 HTML 導航列標籤讓 Google 更好爬取。同時製作 HTML Sitemap,像是一份爬蟲大禮包,除了主動提交給 Google Search Console ,也放在 Footer 處,同時增加使用者與搜尋引擎的易達性。


你的內容有滿足用戶需求嗎?

問題三:文章是否滿足搜尋意圖?

一、搞懂搜尋意圖

谷歌演算法目前分這幾大類:內容品質、搜尋意圖、在地訊號、連結品質,其中以搜尋意圖 & 連結品質最最最重要!

搜尋意圖處理的越好,搜尋引擎越好用


搜尋意圖其實就是猜為什麼使用者會想搜尋這樣的內容?搜尋這些詞又是想獲得什麼?想要分析搜尋意圖,有 2 種方法可以執行:

・從關鍵字本身思考搜尋意圖

有些關鍵字本身提供的資訊,就有很好理解的搜尋意圖了,像是「手機推薦」、「iphone 11 價格」,輕鬆就可以知道用戶想要什麼內容、知道答案,內容上都不難準備。


・SERP 分析法:從搜尋結果頁歸納搜尋意圖

除了從關鍵字資訊本身做推測以外,下一步就是歸納該頁面的搜尋結果,去猜測搜尋意圖的條件。


二、增加網站權重

網站權重是 Google 衡量一個網站的影響力、信任程度,權重越高的網站越容易上搜尋首頁,就像是 Yahoo 發布的新聞就是更容易地被搜尋到、博客來上架新品也能快速被索引;反之若是新網站,就要花更多的精力才能贏過大網站們。


我們的解法:

要提高網站權重,最直接也有效的就是透過連結與「權重高的網站搭上」。比較簡單的方式是,在寫文章時若有相關來自知名網站的圖表或內容都可以放上原連結。

再進階就是要讓其他網站中出現自家網站的連結,這也是SEO相當重視的「外部連結」。

這一塊我們主動邀約媒體採訪,提高曝光外也充實了品牌關鍵字的搜尋頁,也獲得了不少其他單位提出的潛在合作機會。另外,也有透過與其他部落格、品牌進行文章授權。(平時累積好內容很重要!)


更多關於文章授權需要注意的可以看【當媒體來詢問是否願意授權轉載,寫作者該怎麼做才好?】


三、內容結構

這塊其實也是文章SEO最為基本的一塊,文章透過HTML標籤擁有明確的結構,越能讓Google抓到這篇文章的重點與關鍵字,往後用戶在搜尋相關估見字時,Google就不會忘記你這篇文章啦!內容SEO不外乎要確認:

文章標題是否含關鍵字?(超級重要,Google對你文章的第一眼)H tags 是否使用得宜?(超級重要,Google 如何讀懂你文章)文章內容是否都與關鍵字相扣?圖片是否有加上Alt敘述?(尤其在圖像是優勢的網站更要做)


實績紀錄

透過上方的優化和實戰,我於公司撰寫的2篇文章也在排名 Google 第一頁的紀錄上!透過此次優化也自行進修了SEO課程並分享給公司團隊,當時是選擇 Frank的「SEO 白話文」線上課程,內容由淺入深,都是可以直接用上的技巧,總的來說這堂課的確幫我建立很全面的 SEO 觀念,對於實戰也相當有幫助!

🌟如果你對這門課也有興趣,可以上 Hahow 看更多課程介紹

13會員
16Content count
自我成長上的小發現
留言0
查看全部
發表第一個留言支持創作者!
K的下班後一角 的其他內容
矽谷思維:5個思維升級你的職場技能(上) 近期和朋友開始定期的讀書會,我選定第一本書的為矽谷思維。矽谷思維作者 Han 是一名赴美的中國軟體工程師,他在矽谷公司實習起步,一路晉升成為一線工程師,並將這一切所培養的思維、養成的習慣與所學經驗,紀錄於這本書中。 原本從書名看到「思維」二字,會怕是使用
過去學生時期認為電子報是個「很過時」的資訊傳遞媒介,在網路社群和通訊軟體如此普及的今天,還有誰會用寄信的方式啊? 不過隨著資訊爆炸的時代,電子報卻是最能不受演算法干擾的內容傳遞方式,你可以選擇真正喜愛的內容,當我們收到創作者發來的電子報時,這就像是打開了一扇通往他們世界的小門,這種一對一的互動在這
最近在瀏覽國外的設計分享或產品時,發現將 Bento UI 加入的品牌越來越多了! Bento UI,也有些人稱為 Bento Box,是在今年真正開始流行起來的設計風格之一。從 Framer 範本來看,也有不少網頁都有加入 Bento UI 這個元素!
身為 UI/UX 設計師,「設計交付」一直是工作上的大課題,如何讓工程師更有效率地開發、讓產品更貼近設計稿落地,都是在設計交付這個環節中實現。 我目前待的團隊人數並不多,主要的產品開發團隊即我(UI/UX)、前端工程師、後端工程師以及該專業領域的老闆。因此在產品開發過程中,彼此之間的合作頻率算是蠻
在開頭我想直接說「uxcel真的是我相見恨晚的一個學習管道!」 每每繪製新產品或功能UI,一定會在電腦前苦惱「要選擇A做法好,還是B做法好?」、「設計側邊菜單有沒有什麼訣竅?」,或是設計稿都快完成了,才發現還有小細節沒有做到! 實際使用 Uxcel 一個月下來,我想它對於設計師可以是一個學習
近期公司產品在進行訂閱頁面改版,因此針對這塊做了不少功課,整理了8個在設計訂閱頁時,可以注意的原則。 當初在設計訂閱頁時確實覺得蠻棘手,畢竟它是讓用戶付款最後接觸的主要頁面之一啊!要讓用戶轉化成訂閱用戶,頁面要確保讓用戶清楚地知道網站方案、功能差異和各方案定價,但又不能過於複雜,瀏覽起來負荷過重.
矽谷思維:5個思維升級你的職場技能(上) 近期和朋友開始定期的讀書會,我選定第一本書的為矽谷思維。矽谷思維作者 Han 是一名赴美的中國軟體工程師,他在矽谷公司實習起步,一路晉升成為一線工程師,並將這一切所培養的思維、養成的習慣與所學經驗,紀錄於這本書中。 原本從書名看到「思維」二字,會怕是使用
過去學生時期認為電子報是個「很過時」的資訊傳遞媒介,在網路社群和通訊軟體如此普及的今天,還有誰會用寄信的方式啊? 不過隨著資訊爆炸的時代,電子報卻是最能不受演算法干擾的內容傳遞方式,你可以選擇真正喜愛的內容,當我們收到創作者發來的電子報時,這就像是打開了一扇通往他們世界的小門,這種一對一的互動在這
最近在瀏覽國外的設計分享或產品時,發現將 Bento UI 加入的品牌越來越多了! Bento UI,也有些人稱為 Bento Box,是在今年真正開始流行起來的設計風格之一。從 Framer 範本來看,也有不少網頁都有加入 Bento UI 這個元素!
身為 UI/UX 設計師,「設計交付」一直是工作上的大課題,如何讓工程師更有效率地開發、讓產品更貼近設計稿落地,都是在設計交付這個環節中實現。 我目前待的團隊人數並不多,主要的產品開發團隊即我(UI/UX)、前端工程師、後端工程師以及該專業領域的老闆。因此在產品開發過程中,彼此之間的合作頻率算是蠻
在開頭我想直接說「uxcel真的是我相見恨晚的一個學習管道!」 每每繪製新產品或功能UI,一定會在電腦前苦惱「要選擇A做法好,還是B做法好?」、「設計側邊菜單有沒有什麼訣竅?」,或是設計稿都快完成了,才發現還有小細節沒有做到! 實際使用 Uxcel 一個月下來,我想它對於設計師可以是一個學習
近期公司產品在進行訂閱頁面改版,因此針對這塊做了不少功課,整理了8個在設計訂閱頁時,可以注意的原則。 當初在設計訂閱頁時確實覺得蠻棘手,畢竟它是讓用戶付款最後接觸的主要頁面之一啊!要讓用戶轉化成訂閱用戶,頁面要確保讓用戶清楚地知道網站方案、功能差異和各方案定價,但又不能過於複雜,瀏覽起來負荷過重.
你可能也想看
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
我們每個人都有自己獨特的地方,不要老是跟別人比較。你的價值在於你獨特的個性和才華。別因為別人的評價而低估自己,要相信自己的實力。
Thumbnail
【先說說,山屋是什麼】 登山者若有長天數的行程,多半會在山裡紮營過夜,或在公共的山屋裡借住一宿。 山屋不像帳篷可以被打包收拾帶走,山屋就是一間在山裡的空房子,供登山客們休憩。 【善良的垃圾,一樣是垃圾】 有些登山客在離開山屋之前,會熱心地留下一些糧食放在山屋裡,自忖著可以讓之後到來的山友們充飢。 但
Thumbnail
面臨機器取代人類的時代,許多工作已不再需要有血有肉的人才能勝任,只需向冰冷的機器輸入既定的程式,由符號組成的編碼就像血液在體內流竄一般,帶動整部機器依照早已被設定的模式行動,與人類相比,做事更加精確也好控制。但我認為,即使機器如何進步,都始終無法取代人類的能力是──對生活的感知。 人類對生活的感知來
Thumbnail
張愛玲說過:「多去爭取別人搶不走的東西,比如思維、身材、氣質、快樂。」這句話告訴我們要珍惜那些無法被外界剝奪的財富。
輕盈.衷心 這是因為開心而流下的眼淚
Thumbnail
關於金曲獎的「語言分類」爭議以存在多年,以往不同立場間爭論的重點在「分類」對非主流語言的音樂創作,究竟有益還是侷限。然而今年入圍最佳新人的珂拉琪,專輯一半的歌曲以台語寫成,另一半則是阿美族語加上日語,依照金曲獎規定,《MEmento.MORI》可能成為了「無法被語言分類」的一張專輯。
Thumbnail
無法被定義的繪本作家,「這是不是給孩子的繪本?」 童里喜歡挑戰難以被定義,甚至無法被定義的繪本和插畫藝術家。相信很多讀者都知道日本藝術家-駒形克己(Katsumi Komagata)和義大利藝術家- Bruno Munari,這兩位在繪本上的表現,也相當受到讀者喜愛,他們的粉絲是無國界的。 在法國也
Thumbnail
原來人在時間中所留下的,也僅是一圈空蕩輪廓,從沒有誰能把握留存什麼,我們最為獨特的部分反倒如拼圖般切分,掌握在他人的記憶裡。換句話說,讓人得以永恆延續、不可替代的那層殊異性是由另一群愛你的人所賦予,群己鏈結不斷延伸下去,進而讓每個人都能在人際網中確知自己是不能被複製的,獨一無二的「我」。
Thumbnail
父母眼中從沒出過任何差錯的孩子~接到訓導處來電~您的孩子在學校發生一些事需要家長到校關心狀況~這對父母是個意外~ 準備三年的高中聯考,在考前一週放棄考試~這對家中等著有人能考上公立高中而能大肆宣揚的家人是個意外~ 離家出走的想法~在高3那年真實的行動後~這對從小視我為乖乖牌的親戚又是個意外~ 愛上一
Thumbnail
在這90%的新創公司都會在開設第一年倒閉的時代, 能將公司安穩的營運下去,除了一個真正可獲利的商業模式以外, 公司裡團隊合作的成效更是決定了公司績效命脈的最重要關鍵, 而激勵員工能主動積極,更是所有老闆們最希望擁有的。
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
我們每個人都有自己獨特的地方,不要老是跟別人比較。你的價值在於你獨特的個性和才華。別因為別人的評價而低估自己,要相信自己的實力。
Thumbnail
【先說說,山屋是什麼】 登山者若有長天數的行程,多半會在山裡紮營過夜,或在公共的山屋裡借住一宿。 山屋不像帳篷可以被打包收拾帶走,山屋就是一間在山裡的空房子,供登山客們休憩。 【善良的垃圾,一樣是垃圾】 有些登山客在離開山屋之前,會熱心地留下一些糧食放在山屋裡,自忖著可以讓之後到來的山友們充飢。 但
Thumbnail
面臨機器取代人類的時代,許多工作已不再需要有血有肉的人才能勝任,只需向冰冷的機器輸入既定的程式,由符號組成的編碼就像血液在體內流竄一般,帶動整部機器依照早已被設定的模式行動,與人類相比,做事更加精確也好控制。但我認為,即使機器如何進步,都始終無法取代人類的能力是──對生活的感知。 人類對生活的感知來
Thumbnail
張愛玲說過:「多去爭取別人搶不走的東西,比如思維、身材、氣質、快樂。」這句話告訴我們要珍惜那些無法被外界剝奪的財富。
輕盈.衷心 這是因為開心而流下的眼淚
Thumbnail
關於金曲獎的「語言分類」爭議以存在多年,以往不同立場間爭論的重點在「分類」對非主流語言的音樂創作,究竟有益還是侷限。然而今年入圍最佳新人的珂拉琪,專輯一半的歌曲以台語寫成,另一半則是阿美族語加上日語,依照金曲獎規定,《MEmento.MORI》可能成為了「無法被語言分類」的一張專輯。
Thumbnail
無法被定義的繪本作家,「這是不是給孩子的繪本?」 童里喜歡挑戰難以被定義,甚至無法被定義的繪本和插畫藝術家。相信很多讀者都知道日本藝術家-駒形克己(Katsumi Komagata)和義大利藝術家- Bruno Munari,這兩位在繪本上的表現,也相當受到讀者喜愛,他們的粉絲是無國界的。 在法國也
Thumbnail
原來人在時間中所留下的,也僅是一圈空蕩輪廓,從沒有誰能把握留存什麼,我們最為獨特的部分反倒如拼圖般切分,掌握在他人的記憶裡。換句話說,讓人得以永恆延續、不可替代的那層殊異性是由另一群愛你的人所賦予,群己鏈結不斷延伸下去,進而讓每個人都能在人際網中確知自己是不能被複製的,獨一無二的「我」。
Thumbnail
父母眼中從沒出過任何差錯的孩子~接到訓導處來電~您的孩子在學校發生一些事需要家長到校關心狀況~這對父母是個意外~ 準備三年的高中聯考,在考前一週放棄考試~這對家中等著有人能考上公立高中而能大肆宣揚的家人是個意外~ 離家出走的想法~在高3那年真實的行動後~這對從小視我為乖乖牌的親戚又是個意外~ 愛上一
Thumbnail
在這90%的新創公司都會在開設第一年倒閉的時代, 能將公司安穩的營運下去,除了一個真正可獲利的商業模式以外, 公司裡團隊合作的成效更是決定了公司績效命脈的最重要關鍵, 而激勵員工能主動積極,更是所有老闆們最希望擁有的。