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 看更多課程介紹

avatar-img
15會員
17內容數
自我成長上的小發現
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
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個在設計訂閱頁時,可以注意的原則。 當初在設計訂閱頁時確實覺得蠻棘手,畢竟它是讓用戶付款最後接觸的主要頁面之一啊!要讓用戶轉化成訂閱用戶,頁面要確保讓用戶清楚地知道網站方案、功能差異和各方案定價,但又不能過於複雜,瀏覽起來負荷過重.
你可能也想看
Google News 追蹤
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
搜尋引擎優化(SEO, Search Engine Optimization)是提升網站關鍵字排名的技術和策略。 通過SEO,可以增加網站的可見性,吸引更多自然流量,進而提升品牌知名度和業務成長。本文全面介紹了SEO的定義、運作原理、基本策略、目標、服務內容以及選擇SEO服務提供商的建議。
Thumbnail
SEO即搜尋引擎優化,指的是如何能令你的網站或內容,在搜尋結果中獲得更高的排名。搜尋引擎對接觸潛在客戶來說非常重要,而優化可以幫助你的內容排在前面,獲得更多的曝光。然而,想要進行SEO,首先需要有內容,而個人網站則是玩SEO最基本的入場劵。
1、頁面沒有建立內部連結|SEO Google 的搜尋引擎爬蟲在抓取網站時,透過內部連結來發現新網頁並為其建立索引,所以建立內部連結對搜尋引擎索引網頁起著至關重要的作用。 如果網站缺乏內部連結,搜尋引擎爬蟲可能難以發現其所有頁面,這可能會導致某些頁面未被索引。  2、沒有提交 Sitemap|
Thumbnail
文章將搜尋引擎的運作原理分為三個段落進行介紹,並強調網站結合有效的SEO策略對提升曝光度的重要性。
一、SEO的基礎概念 搜索引擎優化(SEO, Search Engine Optimization)是指通過調整和改善網站內容、結構及其他因素,使網站在搜索引擎結果頁面(SERP)中的排名提升,以增加網站的可見性和流量。以下是SEO優化的幾個核心要素
SEO(Search Engine Optimization)是搜尋引擎優化的意思,它是一種透過了解搜尋引擎的運作規則來調整網站,以提高網站在相關搜尋引擎中的排名,從而增加網站流量的方法。
Thumbnail
在現代數位時代,擁有一個網站是非常重要的。確保您的網站能夠被搜索引擎正確地索引和顯示是至關重要的。本文章介紹了一些提高網站在搜索引擎中排名的方法,包括Google網站登錄、GSC工具、其他搜索引擎的登錄方法、優化網站內容、網站地圖、內部連結、外部連結、社交媒體的使用以及不希望被搜索引擎索引的方法。
Thumbnail
在數位時代,搜尋引擎優化(SEO)已經成為網站成功的重要一環。SEO不僅是一種技術,更是一門藝術,它關乎著網站在搜尋引擎結果頁面(SERP)上的曝光度和排名。本文將深入探討SEO的基本概念,以及如何透過不同的方法和技巧來優化網站,提升其在搜尋引擎中的可見性。
Thumbnail
在網路時代,SEO(搜尋引擎優化)成為網站主人不可或缺的一環。理解搜尋引擎演算法的基本原理是提高網站排名的關鍵。在這裡,我們將深入探討SEO的基礎知識,包括Google的Search Console工具,以及一些提升SEO效果的關鍵點。 首先,SEO是什麼?SEO是搜尋引擎優化的縮寫,是一種通過改
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
搜尋引擎優化(SEO, Search Engine Optimization)是提升網站關鍵字排名的技術和策略。 通過SEO,可以增加網站的可見性,吸引更多自然流量,進而提升品牌知名度和業務成長。本文全面介紹了SEO的定義、運作原理、基本策略、目標、服務內容以及選擇SEO服務提供商的建議。
Thumbnail
SEO即搜尋引擎優化,指的是如何能令你的網站或內容,在搜尋結果中獲得更高的排名。搜尋引擎對接觸潛在客戶來說非常重要,而優化可以幫助你的內容排在前面,獲得更多的曝光。然而,想要進行SEO,首先需要有內容,而個人網站則是玩SEO最基本的入場劵。
1、頁面沒有建立內部連結|SEO Google 的搜尋引擎爬蟲在抓取網站時,透過內部連結來發現新網頁並為其建立索引,所以建立內部連結對搜尋引擎索引網頁起著至關重要的作用。 如果網站缺乏內部連結,搜尋引擎爬蟲可能難以發現其所有頁面,這可能會導致某些頁面未被索引。  2、沒有提交 Sitemap|
Thumbnail
文章將搜尋引擎的運作原理分為三個段落進行介紹,並強調網站結合有效的SEO策略對提升曝光度的重要性。
一、SEO的基礎概念 搜索引擎優化(SEO, Search Engine Optimization)是指通過調整和改善網站內容、結構及其他因素,使網站在搜索引擎結果頁面(SERP)中的排名提升,以增加網站的可見性和流量。以下是SEO優化的幾個核心要素
SEO(Search Engine Optimization)是搜尋引擎優化的意思,它是一種透過了解搜尋引擎的運作規則來調整網站,以提高網站在相關搜尋引擎中的排名,從而增加網站流量的方法。
Thumbnail
在現代數位時代,擁有一個網站是非常重要的。確保您的網站能夠被搜索引擎正確地索引和顯示是至關重要的。本文章介紹了一些提高網站在搜索引擎中排名的方法,包括Google網站登錄、GSC工具、其他搜索引擎的登錄方法、優化網站內容、網站地圖、內部連結、外部連結、社交媒體的使用以及不希望被搜索引擎索引的方法。
Thumbnail
在數位時代,搜尋引擎優化(SEO)已經成為網站成功的重要一環。SEO不僅是一種技術,更是一門藝術,它關乎著網站在搜尋引擎結果頁面(SERP)上的曝光度和排名。本文將深入探討SEO的基本概念,以及如何透過不同的方法和技巧來優化網站,提升其在搜尋引擎中的可見性。
Thumbnail
在網路時代,SEO(搜尋引擎優化)成為網站主人不可或缺的一環。理解搜尋引擎演算法的基本原理是提高網站排名的關鍵。在這裡,我們將深入探討SEO的基礎知識,包括Google的Search Console工具,以及一些提升SEO效果的關鍵點。 首先,SEO是什麼?SEO是搜尋引擎優化的縮寫,是一種通過改