Connect with us

SEO

網站速度優化,從Google Page Speed Insights開始

Published

on

網頁速度是影響SEO的重要因素之一。因為網站速度所影響的層面不但是SEO的排名和曝光的機會,也包含了使用者的體驗。如果網站速度過慢,很容易令使用者等待太久而關閉網站,然後錯失更多達成商業目標的可能。因此不論是對於電商、內容型或其他類型的網站,速度優化都是很重要的一環。今天就帶大家認識網站速度對於SEO的影響,並了解Google Page Speed Insights,以及如何進行網站速度優化。

網站速度與SEO的關係

搜尋引擎是透過機器人(爬蟲程式),爬取世界各地的網頁,將網頁採集回去並「收錄」在搜尋引擎中,以提供人們查閱。我們可以將搜尋引擎理解成是一座圖書館,而網頁則是書本,它必須被圖書館索引編目來出現在「書架」上,然後才能被瀏覽圖書館的人查詢找到。所以要讓網頁順利地被機器人爬取,從而被搜尋引擎「採集」到,再順利地出現在「書架」上,才能替網站帶來曝光和排名。而在網站速度和SEO的關係中,必須先認識爬取預算(crawl budget)這個重要的概念。

什麼是爬取預算(crawl budget)

簡單來說,就是機器人爬取網頁時,在網站上停留的時間,是有限額(quota)的,而不是無限地停留在同一個網站,將特定網站的頁面一次過爬取完畢。

為什麼機器人不將網站的所有頁面一次過爬取完畢呢?一切都是因為愛!就大型網站而言,例如大型電商網站,有不同類型、數量龐大的商品項目,或是大型論壇,它們有大量使用者發佈生成的頁面,頁面數量達至數十萬甚至數百萬,如果在短時間內對網站主機發出大量的網頁檔案請求,會對主機造成很大負擔。而很多網站為了避免機器人對網站發出大量的請求而導致對主機造成負擔,它們會限制機器人的抓取頻率,甚至封鎖特定IP位置所發出的探訪請求。因此當機器人探訪網站所停留的爬取時間是有限的。

如果能夠提升網站的反應速度,除了能夠令使用者感到順暢的體驗外,也能提升機器人爬取頁面的速度。意思是如何令爬蟲在「有限的時間內,抓到更多的內容」,是SEO在速度優化上的重要課題。越短時間抓取越多的頁面,就能令你的頁面更快速地出現在搜尋結果頁這個「書架」上!特別是新聞媒體類型的網站,由於新聞本身有時效性,如果新聞媒體型網站能夠在最短的時間內被搜尋引擎收錄,對於競爭同一則新聞的搜尋流量會更加有利。相反如果收錄的速度越慢,就會錯過很多在書架上曝光的機會。

(補充:除了網站本身的速度外,提交網站地圖(sitemap)也能令機器人在爬取網站時,節省很多工作的流程,以幫助頁面的內容更快速地被搜尋引擎收錄。)

透過Google Page Speed Insights找出網站問題

Page Speed Insights是最常用的網站測速工具之一,以下簡稱PSI。這次第五版的PSI將與Google Chrome的網頁速度分析擴充套件「Lighthouse」的數據整合起來,以解決過去PSILighthouse數據不一致的問題。
FCP與FID指標

在這次第五版PSI最大的特色,不單著重於TTFBtime to first byte),而是針對使用者的體驗,增設了從前沒有的指標,來衡量網站的表現和性能。其中以FCP (首次顯示內容所需時間)FID(首次輸入延遲)為衡量網站使用者體驗最大的兩項指標。

在這次第五版PSI最大的特色,不單著重於TTFBtime to first byte),而是針對使用者的體驗,增設了從前沒有的指標,來衡量網站的表現和性能。其中以FCP (首次顯示內容所需時間)FID(首次輸入延遲)為衡量網站使用者體驗最大的兩項指標。
FCP
FID指標

FCP (首次顯示內容所需時間)

瀏覽器渲染(render)是第一個顯示內容所需的時間,同樣也可以代表使用者看見第一個內容所需的時間。

示意圖如下:

FCP首次內容繪製圖片出處:https://gtmetrix.com/blog/first-contentful-paint-explained/

很多網站測速工具,都只著重於後端主機回傳資料所需的時間(TTFB),但Google認為,前端瀏覽器的加載和渲染期間,使用者其實也仍然在等候,很多時都會影響用戶的體驗或是速度快慢的直接感受。而FCP是使用者能看見渲染內容的實際時間,因此這項衡量指標的優化重點,不會好像以往僅止於後端主機回應的速度和檔案傳輸的時間,更包含前端瀏覽器載入CSSJavascript和渲染,一直到使用者看見網頁呈現內容的這段時間。

FID(首次輸入延遲)

從瀏覽器開始渲染開始,直到能「即時反饋」跟用戶互動行為的延遲時間。Google官方文件對於FID的說明指出,FID直接表示使用者的痛苦指數,FID是指使用者必須等候瀏覽器反饋聆聽事件所需的延遲時間。當等候時間越長,使用者會越感到不耐煩而離開網站。下圖是典型的頁面載入的流程圖:
FID
首次輸入延遲圖中紅色的FID代表瀏覽器很忙碌時,網頁無法即時正常互動的情況。輸入延遲的原因,通常是因為瀏覽器的主線程式(main thread)壅塞,忙於執行其他操作,例如主線程式正在分析和渲染大型的JavaScript腳本,而沒有執行任何聆聽事件,雖然用戶與網頁有實際互動的行為,但瀏覽器卻無法即時反饋的情況。使用者必須等到主線程式忙碌完,瀏覽器才能立即地反饋用戶的聆聽事件,與使用者產生順暢的互動。

(補充:為鼓勵提升網頁速度UXGoogle為此開發了追蹤FIDJavascript函式庫,為大家提供免費使用!而追蹤到的FID事件,也能使用追蹤碼傳送到Google Analytics來方便大家檢視和分析!)

從以上說明中,我們可以了解到Google第五版PSI的檢測,UX優化重點除了過去後端主機速度的優化外,前端瀏覽器渲染速度都能快速地與用戶互動而成為檢測的重要項目,以下就會介紹優化網頁速度UX的常見方法。

如何優化網頁速度?

1.優化FCP/FID

・將重要功能優先嵌入、減少CSSJS檔案數量

為避免過多的CSSJavascript的腳本阻塞瀏覽器渲染的過程,我們可以將優先呈現的內容,內嵌至HTML內,重要性較高和優先出現的通常都是視覺版型、文字和互動功能,它們可以於檔案<head>中,把所有優先級CSS檔案都使用  <style> 標記,而所有優先級的JS檔案就使用 <script> 標記。

除了將重要的視覺版面和互動事件優先嵌入外,對於重要性較低的Javascript腳本,都使用asyncdefer屬性。asyncdefer屬性能讓同一個頁面中的腳本非同步載入,經頁面分析後才執行重要性較低的腳本,以避免瀏覽器分析時主線程式的壅塞。
(
補充:關於非同步載入的使用,可以參考W3Sschoolasync屬性,以及defer屬性的用法說明)

除了使用HTML屬性來優化載入的優先順序外,使用者加載的檔案應該簡而精。而且盡可能只加載UI所需的視覺和互動功能的相關事件,避免使用者加載和渲染他們不需要的Javascript腳本。

・使用HTTP/2通訊協定

從以上所述,我們已了解到「瀏覽器渲染的延遲,主要是伺服器回應(response)用戶時,載入的主線程式(main thread)壅塞所導致」。而HTTP/2最大的特色是能夠為使用者的單一個請求(request),發出多個回應(response)
HTTP2線程載入示意圖圖片出處:https://medium.baqend.com/hosting-lessons-learned-6010992eb257

從上圖我們可以看到,使用HTTP/2能夠令載入網站所需的資源,在同一時間內同步並行載入,以大幅減少用戶等候的延遲時間,這就能加快網頁的速度!而HTTP/2另一項的特色優點是使用了HPACK壓縮格式,壓縮請求和回應的metadata會大大降低header的資料傳輸量來提高網站速度!而HTTP/2的設定及安裝步驟,可以參考你的網站升級到 HTTP/2 了嗎?

除此之外,如果你的網站主機不支援HTTP/2,可使用CloudFlare這類的CDN服務,你只需修改DNS指向CDN的主機位置,就能夠透過CDN與用戶進行HTTP/2的傳輸!
(關於CDN的介紹,可參閱How to Get CDNs to Play Nice with SEO這篇文章)

2.利用瀏覽器快取(cache)

除了上述HTTP/2同步載入的方法外,你可選擇使用瀏覽器快取(cache)來加快頁面載入的時間,這是一個更簡易有效的方法。在HTTP Header中,你可以設定暫存資源的使用期限,而暫存的資源通常包含重要的HTMLCSSJavascript和圖片等。讓曾經造訪過網站的使用者,可以從用戶自己的磁碟載入早前已下載過的資源,這樣就不需要再透過網路重新下載一次,有效地替用戶減少等待載入的時間!

而設置快取的常見方法如下,以Apache的主機為例,我們可以在.htaccess檔案裡使用下列範例語法來設置各項資源暫存的使用期限。

#暫存資源的預設使用期限為1個月 ExpiresActive On ExpiresDefault “access plus 1 months” #針對html格式的文字檔,有效期限為兩週 ExpiresByType text/html “access 2 weeks” #針對不同格式的圖片,設置不同的有效期限 ExpiresByType image/jpg “access 2 months” ExpiresByType image/png “access 2 months” ExpiresByType image/ico “access 6 months” #針對CSS格式的文字檔,有效期限為一個月 ExpiresByType text/css “access 1 months” #JS格式的文字檔有效期限為兩個月 ExpiresByType text/js “access 2 months”

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

#暫存資源的預設使用期限為1個月

ExpiresActive On ExpiresDefault “access plus 1 months”

#針對html格式的文字檔,有效期限為兩週

ExpiresByType text/html “access 2 weeks”

#針對不同格式的圖片,設置不同的有效期限

ExpiresByType image/jpg “access 2 months”

ExpiresByType image/png “access 2 months”

ExpiresByType image/ico “access 6 months”

#針對CSS格式的文字檔,有效期限為一個月

ExpiresByType text/css “access 1 months”

#JS格式的文字檔有效期限為兩個月

ExpiresByType text/js “access 2 months”

IIS的主機,我們可以從web.config檔案,<system.webServer>的區塊中,使用下列範例語法來設置快取。

<!–網站靜態資源有3週的暫存時間–> <staticContent> <clientCache cacheControlMaxAge =”30.00:00:00″ cacheControlMode=”UseMaxAge” /> </staticContent>

1

2

3

4

<!–網站靜態資源有3週的暫存時間–>

<staticContent>

   <clientCache cacheControlMaxAge =”30.00:00:00″ cacheControlMode=”UseMaxAge” />

</staticContent>

3.優化圖片加快網頁速度

完成以上的快取項目後,就能夠大量減少用戶重新載入網頁檔案的次數。而頁面載入的檔案中,圖片是佔最大的空間。特別是對於婚紗業者和商業攝影工作者,因為攝影的專業取向,影像檔案會比其他產業的大很多,透過優化圖片可以大量地減少主機傳輸的資料量,也是加快網頁載入最簡單和效果最顯著的方法!就壓縮圖片和影像處理的工具,Photoshop絕對是功能強大又普及的付費工具,除了強大的Photoshop外,這裡也為讀者推薦其他免費好用的工具。

Caesium圖片壓縮器

Caesium圖片壓縮器,可以單次批量壓縮多張圖片,達到圖片最佳化,操作步驟又簡單,同時又可以調整圖片大小和轉換格式等功能,它能有效地幫使用者節省很多操作的步驟和時間!

TinyPNG  / TinyJPG

如果不想下載或安裝軟體,可以使用免費的線上圖片壓縮工具來進行壓縮優化圖片,TinyPNGTinyJPG,是常見又方便的簡易線上工具。大家可以依照圖片的格式pngjpg來選擇自己想要使用TinyPNGTinyJPG。它們同樣可以單次批量壓縮多張圖片,一次最多能上傳20張圖片,圖片檔案大小容許在 5 MB 內,因此適合需求較簡易的用戶們。

4.為大型檔案啟用Gzip壓縮

大型網站經常會有很多大型的JavaScriptHTMLCSS檔案,需要更長的時間才能從主機傳輸到瀏覽器,啟用Gzip壓縮後,能夠有效地加快檔案傳輸的效率,以下是Apache主機的Gzip語法範例,只需將下列語法添加到.htaccess檔案中就可以囉!

<ifModule mod_gzip.c> mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file .(html?|txt|css|js|php|pl)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.* </ifModule>

1

2

3

4

5

6

7

8

9

10

<ifModule mod_gzip.c>

mod_gzip_on Yes

mod_gzip_dechunk Yes

mod_gzip_item_include file .(html?|txt|css|js|php|pl)$

mod_gzip_item_include handler ^cgi-script$

mod_gzip_item_include mime ^text/.*

mod_gzip_item_include mime ^application/x-javascript.*

mod_gzip_item_exclude mime ^image/.*

mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*

</ifModule>

5.精簡不必要的原始碼

很多網站的檔案經常伴隨著多餘的原始碼,以增加檔案的傳輸量,常見的原因如下:

.共用網頁版型

為了增加網站開發的效率和方便維護管理,有很多網頁會共用頁面版型,因此會導致頁面雖然帶有原始碼,但部分原始碼卻沒有實際功能的情況,如果能夠去除用不到的原始碼,或將網頁版型做得更仔細的分類,就能有效減少檔案的傳輸量!

.關閉不必要的外掛

很多網站經常會採用WordPressJoomlaCMS(內容管理系統),除了方便編輯內容、管理維護、節省開發成本等優點外,擁有大量的功能擴充外掛支援,也是吸引大眾用戶的主因。而這種類型的CMS網站,經常會有很多的外掛,導致減慢網站效能的情況,只要將用不到的外掛關閉,再換成新的外掛後,將舊有不會再用到的外掛刪除,以達到精簡原始碼就能優化網站速度。

6.主機回應的理想時間

以上就是加快主機回應速度的方法,除了以上的常見方法外,牽涉主機回應速度的因素還有很多,而常見的原因包含(不限於)後端程式碼的邏輯程序、資料庫指令的效能、主機硬體等等。而Google官方曾表示,主機回應的速度,最好在200ms(毫秒)之內,而這200ms正是大部分人類大腦的反應時間。

realtime perception how fast is realtime
人類大腦反應時間圖片出處:https://www.pubnub.com/blog/how-fast-is-realtime-human-perception-and-technology/

結論

速度優化所帶來的效益,不但能夠讓網頁用更短的時間在搜尋引擎中曝光,以改善SEO的排名表現,更能對搜尋引擎的爬蟲更加友善(機器人的使用者體驗),從而提升UX(人類的使用者體驗)!而優化使用者體驗,也能將回應速度200ms視為一項達成的理想目標,為使用者們打造更好的網路世界!


繼續閱讀
發佈留言

Leave a Reply

你的電子郵件位址並不會被公開。 必要欄位標記為 *

SEO

子網域好還是子目錄好?架設網誌、新網站必備評估

Published

on

很多已經有網站的企業或商家,決定要深造「網誌」、建立另一個「新網站」前,都會有一個疑問:到底用子網「buy.happy.com」好?還是用子目錄「www.happy.com/buy/」好?哪一個方法對 SEO 而言是最划算呢?如果你都有這些問題,相信這篇文章可以給「對子網域、子目錄議題有點苦惱下不了決定」的你,得到有用的資訊:

子網域是什麼?子目錄是什麼?

了解「子網域」、「子目錄」前,我們應先了解一下網址的組成。例如,我網站的首頁是:

https://www.happy.com

頂級網域名稱 Top Level DomainTLD

這個網址中「.com」就是 Top Level DomainTLD),也就是頂級網域名稱。我們有時候會看到「.net」「.gov」,這些都是頂級網域名稱的一種。

第二層級網域名稱 Second Level DomainSLD

這個網址中「happy」就是 Second Level DomainSLD),就是第二層網域名稱。

通常我們跟GoDaddyPChome購買網址,通常是買「happy.com」、「happy.net」、「happy.com.hk」⋯⋯這種「第一層+第二層級的網域名稱」。


網址結構組成

子網域(Subdomain

這個網址中「www」的部分就是子網域的一種,但我們通常會說「https://www.happy.com」是主網,而其他另外建立的「https://blog.happy.com」、「https://buy.happy.com」、「https://omg.happy.com」都屬於子網。

通訊協定(Hypertext Transfer Protocol

而「http://」或「https://」都是通訊協定,但兩者的差別就在於有否使用「SSL憑證保護」網頁檔案的傳輸。

網址結構組成:頂層網域TLD、第二層網域SLD、主網/子網、通訊協定

子目錄(Subdirectories/Subfolder

而子目錄就是在「https://www.happy.com」的網域之下開一個分層,好像「https://www.happy.com/blog/」,「/blog/」就是子目錄。

魔鬼藏在細節裹,「子網域 vs.子目錄」兩者在品牌上的意義

以下我們會先討論「子網域」。其實「子網」和「主網」看作兩個獨立的網站,就好像一個大集團,有不同的事業體,為了品牌識別的需要,我們會個別為他們設計形象,但是又希望在某程度上會有所連結,所以我們便可利用子網域來作兩個品牌事業的網站。

例如happy 財團有新鮮蔬菜銷售和餐飲服務的事業體:

Happy 集團網站 -> https://www.happy.com
生鮮蔬菜銷售事業 -> https://vegan.happy.com
餐飲服務銷售事業 -> https://table.happy.com

透過網址可以看到,只要兩個內容的「品牌定位不同」或「商業主題不同」,就可以考慮使用「子網域」來劃分,根據不同事業體給予不同的子網。

另外,子目錄等於在原有的網站中,再新增一個頻道,就等於這個內容是隸屬於整個網站之下,對於品牌經營來說,並不是多了一個新創建的事業體,而是「多了一個功能」,但是整體的品牌仍然不變,仍然依從「整個網站」的品牌精神。

例如,我們有個販售歐美簡約風格服飾的電商網站,叫做「iWOO」。最近想嘗試做個類似 Lookbook 的網誌,每星期都會發佈 1~2 篇文章報導最近的潮流或街拍。雖然「網誌」是新的功能,但仍是整體品牌精神之下,這情況就可以使用「子目錄」來經營部落格。

iWOO電商 -> https://www.iwoo.com
iWOO部落格 -> https://www.iwoo.com/blog/

子網域或子目錄在 SEO 上的意義

了解完子網域和子目錄在品牌上的意義後,就回到大家最重視的 SEO 優缺點。在探討子網域還是子目錄比較好前,大家都應該要清楚「一個網站的成功,重點不在於選擇子網還是子目錄,而是有否持續用心經營。」

基於用心經營的前提下,我們才可以開始談論子網vs.子目錄在SEO上的優劣勢評估。以下我們會以「建立網誌」為例子:

使用子網域經營網誌,好處在於多一個網站可以傳遞外部連結權重

「外部連結數量」一直都是搜尋引擎「評估這個網站是否有價值」的一個重要指標。如同前面所提,子網就好像另外一個網站,如果原本網站是「https://www.iwoo.com」,網誌的網站是「https://blog.iwoo.com」,這就可以「你連我我連你」,互相增加大家的外部連結。

使用子目錄方式經營網誌,好處是一開始就能得到主網的權重,又可以增加原本網站的頁面量、暢通相關網頁間的內部連結

「網站頁面量」都是「網站是否有競爭度?」的一個重要指標。以 iWOO 歐美服飾電商而言,如果在「https://www.iwoo.com/blog/」之中撰寫網誌,既可以增加網站整體頁面,提升網站的競爭力,更能提升搜尋的流量。另外,如果網站要操作關鍵字,有網誌就能夠更有彈性地去調整關鍵字策略。

例如,對歐美風格服飾有興趣的客群,可能會搜尋「簡約風」、「OOTD IG」或「聖誕節交換禮物」這些關鍵字,如果電商網站在沒有網誌的情況下,要去競爭這些與商品名稱的關聯比較少的關鍵字,實在是難上加難,但只要你有網誌,就能夠利用文章來競爭這些關鍵字。

 

Google 有說他特別喜愛子網域還是子目錄嗎?(Subdomain or Subfolder

Google説:沒分別!John Muller Googlebot 都可以接受。一切只看「工程師的設定上哪個比較容易?」、「商業及品牌的長遠發展」、「哪種方式比較能長久經營」,來決定用子網域還是子目錄。

Google Web Search is Fine with Using Either Subdomains or Subdirectories
Google Web Search is Fine with Using Either Subdomains or Subdirectories

影片來源:Subdomain or subfolder, which is better for SEO? 時間軸 0:15開始

不論是子網域或子目錄,都可以利用 Search Console 來追蹤 Googlebot 對新網頁的檢索情況!

子網域 vs. 子目錄優缺點分析

子網域(例如:blog.iwoo.com

子目錄(例如:www.iwoo.com/blog/

優點

子網域內容與主網站可清楚地劃分。

同一個關鍵字的搜尋結果,有機會同時讓子網、主網都爭取到搜尋曝光版位。

因為SEO有一部分會參考網站整體權重,所以子目錄中的內容可能一開始就容易得到排名。

主網站本身頁面數量較多,整體網站排名能力都變強。

相關網頁可以互相串聯,讓內部連結更緊密。

缺點

從零開始建立,沒有決心好好做好就完全無效。

同一關鍵字的搜尋結果,通常一個網站只會有一個搜尋曝光版位。

子目錄中的內容優劣將會影響網站整體的權威度及可信度。

我該選擇子網域還是子目錄?應如何評估?

雖然有很多對「子網域 vs.子目錄」概念的差異,但實際上應用到自己的網站或用什麼來評估是最準呢?我們有三大方向提供給你來作評估:

一、技術能力

前文有為「子網域 vs. 子目錄」做了分析,但實際執行上還需要評估內部對技術能力的掌握。

例子一,雖然很想做一個新的「子網域」網誌,但是目前公司內部沒有工程師可以勝任,而原本的電商平台已經有簡易的網誌功能,可否先嘗試用電商平台附送的網誌來做呢?

例子二,很想在目前的網站下,另外劃出「/blog/」子目錄,可以使用 WordPress 架設一個方便的上稿後台。但是目前沒有技術支援,所以直接創造一個新的「子網域」網站反而比較容易。

不同的網站系統和公司內部情況,其實各有他的難度所在,特別是 Google 表示其實無論子網域或子目錄都可以爬到的狀態下,建議先評估內部技術能力再下決定!

二、目的性

如果技術能力和成本都不是問題,那我們會建議可以從「品牌角度」來思考「子網域」和「子目錄」。另外,也會發生「商業策略改變後,是否也要跟著調整網站」的情況。

例子一,如果經營了網誌一段時間後,看起來都很順利的,亦爭取到很多新的搜尋流量,編輯團隊合作上也漸入佳境,那我們是否需要將「www.happy.com/blog/」劃分出去作獨立的「blog.happy.com」呢?

以這個案例,我們要小心把子目錄「www.happy.com/blog/」劃分出去後,可否令原本網站的搜尋流量大跌?(因為文章移除,原有的關鍵字排名就消失,雖然把文章移至到新的「blog.happy.com」上,但排名不可能一下子就回到首頁)

三、資源的分配

資源分配上其實不只帳面上的「人力」、「金錢」,連「主機資源」都應該要考量。

評估一,不論是子網域還是子目錄,新的內容是否跟主網同一台主機,而主機可以承受到嗎?速度會否很慢?

評估二,原本在主網所購買的 SSL 憑證比較便宜,只包含在「www.happy.com」,而不是針對全網域(*.happy.com)的憑證,當後來想要建設子網域「table.happy.com」時,就須要考慮購買新的 SSL 憑證的成本了。

其實還有很多關於架站的資源分配議題,建議與網站建置商和網站工程師詳細討論評估後再作決定!

最後,其實最重要的是人力和金錢資源是怎樣分配的?經營一個網站就好像經營實體店鋪。開店前一定要顧慮到競爭對手、人力成本、團隊合作、職責分配、預估績效等,雖然架設新網站和開發網站內的新內容似乎不像實體店鋪那麼燒錢,但是最後會否成功,有否帶來更多流量的成長,都是取決於事前有否作市場調查、有否了解使用者的需求、能否持續經營、能否跟著網路趨向快速地調整策略。

繼續閱讀

SEO

Google 2018八月的演算法更新「Medic Update」,到底如何影響了SEO排名?

Published

on

Google 2018八月的演算法更新「Medic Update」,到底如何影響了SEO排名?

20188月,Google在他們的官方Twitter上公佈了這一項「broad core algorithm update(核心演算法更新)」的消息,而我們也曾發佈過一個post分享給大家我們當時的觀察。

經過一段時間的觀察後,發現到很多客戶都有排名上的轉變,以及有很多合作夥伴與我們分享了他們網站遇到的問題。因此,我們所有的seo工程師開始針對手上的客戶進行研究。在這篇文章中,我們會跟大家分享我們所搜集到的進一步資料,以及我們在繁體中文/台灣地區的搜尋結果中的觀察。

國外SEO專家與SEO媒體的觀察

這次演算法的更新,國外大部分的專家和SEO媒體都將它稱為「Medic Update」,因為在所有的產業中,健康或醫療網站在這次演算法中造成的波動是最多的。在Moz的文章中,就整理出這次演算法更新中受到波及最多的產業。

這次演算法造成波動的網站不單局限於醫療網站,連YMYL(Your Money Your Life)網站也有非常大的排名變化。所謂的YMYL是指「提供關於重大生活決策的建議的頁面」,當中包括健康、財務、購買房屋、教育等可能影響你未來幸福和財務的重大生活問題時,所提供建議的網站或頁面。

這些網頁通常都是牽涉到使用者的生活層級,因此這些搜尋結果的內容必須要提供更可信的資料。而這些「可信的資料」Google到底是如何判斷出來和以什麼準則呢?Google的「Search Quality Evaluator Guidelines就曾經提及過「E-A-T」這個原則,「E-A-T」原則是指Expertise(專業度)、Authority(權威度)、Trustworthy (信任度),而這正是Google為了讓搜尋結果品質提升的核心方向和策略,亦是這次演算法更新最為優化的地方。

而且國外的各大SEO媒體都觀察到一個現象,就是:「大型網站的關鍵字排名都上升了」,從這個角度來看,或者是因為大型網站一般較小型網站更值得信任,也有更多資源聘請專家優化他們的內容,這亦可以是其中一個原因。

聊聊我們的客戶

與我們合作的網站中,確實有搜尋流量上升的網站,也有搜尋流量下降的網站。我們觀察到這些客戶中,其中一個例子是:網站是一個販賣自家品牌商品的品牌電商,商品有同時在yahoo購物中心、momo購物等大型電商上架,網站本來在搜尋排名都是贏過yahoo購物中心和momo購物,但經過這次演算法的更新後反被yahoo以及momo超越。

因此我們便去搜尋到關於yahoomomo最近流量變化的資料,發現這兩個網站的搜尋流量的確從8/1日開始就有非常大的變化,而且都是呈現上升的趨勢。

從這點推算,相信是有網站與我們合作的網站一樣受到波動,由最初佔據約3~4名的排名位置,卻在這次演算法的更新後被大型購物網站所超越。我們觀察到大型垂直電商的流量也確實在上升的,以上這些例子與國外媒體的分析的趨勢是完全相同的。

另外,有些客戶會有跟大型媒體進行「合作稿」或「交換文章」的合作,將網站內的文章交由配合的媒體進行曝光。這些客戶在這次演算法更新後,也開始向我們提出了這個值得討論的問題:「我們的原創文章本來有很好的排名,但經過演算法更新後,跟我們交換文章的大型媒體就取代了我們的排名。」

我們團隊更近一步的研究

這個問題令我們很困擾,因為客戶的文章寫得很用心,亦有在大型媒體的交換文章中,被標註了原文的連結,並延遲了在大媒體網站上的上稿時間。更新前這樣的做法能讓搜尋結果內的關鍵字排名留在了網站內,但演算法更新過後卻行不通了呢?

於是我們再翻開了Google的「Search Quality Evaluator Guidelines」發現了一個驚人的事實,在8月的演算法更新前,Google也將這一份指南給更新了!

在章節7-2的部分,2018的版本相比2017增加了如何判斷「低品質的頁面」給予更多的解釋,只從大綱內就能夠發現到,或者Google在這次演算法的更新中,真的對這方面的權重與判斷方式進行了調整。

特別是7-2節內有更深入介紹了Google就重複性頁面的看法,包括了如何去判斷重複性內容,以及解釋了即使是使用自動產生的文章也沒有辦法得到好的排名。因此可以推測到Google這次的更新應該是有對重複性頁面的判斷方式作出了調整。

在這一份「Search Quality Evaluator Guidelines」其實有很多值得我們去效法的原則,例如第3.2節就提及到:

High E-A-T medical advice or information should be written or produced in a professional style and should be edited, reviewed, and updated on a regular basis.

我們認為Google所提到的,對於這些文章應該要用更專業的方式進行書寫,並且要經常針對這篇文章進行更新,是針對醫療性文章要在這波演算法改動下如何進行改動的一項非常具體的建議,非常值得一試。

配合一些Twitter上的八卦來看看吧

Twitter中我們搜集到很多Google內部人員的貼文,當中觀察到官方就這次更新可以對大眾透露到什麼程度。


其中有一名Google的前工程師,亦向前同事討論了這次演算法的更新,而前同事亦透露了這次的更新比較針對「網域」,而非「頁面」。

而目前Google的發言人之一Danny Sullivan同樣分享了我們應該要深入地思考的「Search Quality Evaluator Guidelines」內容。


Danny Sullivan的討論中,亦看得到有按照「E-A-T」這個方針執行的SEO專家的成功例子。

根據這些資訊可以知道,Google的確有暗示我們前面所整理的內容。

結論

綜合以上的觀察,我們試著總結這次演算法的更新:

  • E-A-T」的原則是Google想要持續進行優化的方向
  • 這次演算法的更新可能是「單頁內容的權重調低、網站整體的權重調升」
  • 重複內容的判斷方式更新,可能與上述網站整體權重的調整息息相關
  • 最近幾個Google的演算法更新雖然在社群網站或官方網誌都不會闡述細節,但可以從定期更新的「Search Quality Evaluator Guidelines」中看出端倪。

建議可以試著在網站內做出的改變

  • 調整與其他媒體合作的模式,包括讓網站重要的文章不要再曝光在其他網站內
  • 針對文章要定期更新相關內容和資訊,讓Google了解文章內容不斷持續進行優化,是可信的內容
  • 不論透過Schema或是更改版型,都可以試著將文章作者標示出來,以爭取更多的信任,並嘗試找一些專家為這篇文章背書
  • 在未來網站的經營上,要努力根據「E-A-T」的原則撰寫高價值的文章
  • 對內容型的網站而言,除了文章撰寫的質素外,也要嘗試透過公關活動與學術單位、媒體或專業領域內的意見領袖有進一步的合作,以推廣網站整體的可信度

總結

最後,其實我們都觀察到因為這次演算法更新而被重創流量的網站,它們的流量正在慢慢地回升上來了。根據我們觀察前幾次演算法更新的經驗,Google確實會在大型更新後慢慢地把排名調校回相對合理的狀況。因此被演算法重創的朋友不用擔心,可以再多加觀察。

繼續閱讀

SEO

聊聊SEO與品牌:衡量品牌力的SEO關鍵指標

Published

on

聊聊SEO與品牌:衡量品牌力的SEO關鍵指標

在我們的客戶中,有一系列的客戶對我們SEO的技術都非常信賴,而在跟我們的合作過程中亦很順利,透過一系列網站技術和內容的優化,把大部分的重點關鍵字都提升到89名左右。但是排名往往在這個時候開始停滯不前,遇到了撞牆期。這些品牌的行銷主管或老闆就會開始問我們:到底該怎麼做才能夠更進一步!?

這時候我便會回答這些焦急的老闆們,你已經成功完成了SEO的第一個階段,網站已經沒有問題,而內容也有一定的厚度,接下來最重要的是持續經營你的品牌。但是「經營品牌」這件事情的命題如此巨大,它到底跟SEO有什麼相關性,又到底該怎麼做才能在SEO上得到最好的效果呢?

我們認為可以把SEO與品牌經營之間的關係分成兩個方向來看,第一個是「品牌如何影響排名」,第二個是「如何透過SEO讓品牌成長」。這篇文章會先針對「品牌如何影響排名」的部分給予大家一些意見。

品牌經營是怎樣影響SEO排名

選擇的圖片搜尋結果

在討論SEO前,先跟大家重溫一下維基百科是怎麼描述「品牌」這個名詞的:

品牌是一個主體在受眾心中的主觀認知。一個品牌是由消費者在多年來的使用中所體驗的感受積累而成,這些內在感受就是那個品牌本身,意思是品牌的本質並不是名牌的名字,名字只是用來將無形的感受表示出來以識別。

簡單而言,好像球鞋上印有NIKE的品牌,你就會聯想到那些所有成功的運動員;當糖水印上了Coca-cola,你就會聯想到相聚時喝一杯可樂的歡愉。這就是所謂的品牌。而這樣的概念應用到SEO中,就會造成相同的概念。當google面對成千上萬的問題時,一定會去尋找最佳的解答來回應使用者的需求。這個最佳的解答逍常都有兩個可能,第一是這個問題可以被快速的解答,第二是能夠找一個最專業的專家來回答這個問題。而這個最專業的專家就有可能會取決於你的品牌!

2013年,國外知名SEO媒體Search Engine Land跟問卷服務公司Survey Monkey合作進行一個調查,最後發現有高達70%的搜尋者在選購產品時,會選擇點擊他所認識的品牌的搜尋結果,而Google會給予知名品牌更多的機會曝光在搜尋結果上。其實有很多種方法可以讓品牌增加曝光,然後漸漸地讓市場認識,繼而認同這個品牌,最後讓品牌成為搜尋結果中被偏好的品牌。傳統的電視廣告、發傳單、廣告看板、數碼時代的FB廣告、關鍵字廣告、聯播網廣告都是能夠讓品牌能夠接觸到使用者的機會。接下來我們會以SEO的角度,分享透過這些渠道接觸使用者後到底會如何影響網站的SEO,以下會分享一些值得注意的三種網站指標。

評斷品牌力三個關鍵指標

1.品牌字的搜尋量

品牌字的搜尋量是很直接的關鍵指標,當搜尋者對你的品牌有需求而進行查詢時,就可能會影響到品牌字搜尋量上的數字。這個數字我們可以有三種不同的觀測方式:

  • 關鍵字廣告規劃工具

在關鍵字廣告規劃工具內直接輸入品牌名就可以看到你的品牌名的搜尋量。使用這個工具最方便是如果搭配其他競爭的產品就能夠做到比較的效果,比較同產業內的品牌關鍵字搜尋量,然後了解到市場上大家對品牌的偏好。

品牌字搜尋量

  • Search Console內的「搜尋分析」報表

透過Search Console內的「搜尋分析」報表,你可以看見品牌字的曝光次數,這個數字是比關鍵字廣告規劃工具內還要更精確的,而且它亦能夠有效地為相關的延伸關鍵字進行統計。

  • Google trends

如果你是一個大品牌,你都能夠利用google trends來進行搜尋趨勢的分析,google也會為你整理出很多相關的資訊和新聞。

對於有足夠資源可以拍攝電視廣告的大品牌來說,可以透過統計品牌字搜尋量的方式來有效地衡量線上和線下的廣告成效。現在主流的做法會在廣告的尾段放上一個搜尋框的行動呼籲,而看過廣告的受眾如想得到進一步的相關資訊時,就會順應你的呼籲搜尋相關的字詞。

例如,在去年八月時,某化妝保養的知名品牌正推出某一支新產品,而他們在廣告中使用了行動呼籲,就是請大家去搜尋這支產品的暱稱「小黑安瓶」。這個做法就能夠配合根據這部影片的資訊,他們是在8/30日左右時推出了這一支廣告影片。

透過搜尋量,我們就能夠看到一個明顯的趨勢。在八月前這個關鍵字是都沒有相關的搜尋量的,但在產品上市後,透過各種線上與線下的廣告活動,可以讓這個關鍵字的搜尋量在八月份大幅提升。

小黑安瓶

透過這個方式,雖然難以區分是否這個廣告而帶動了這個搜尋量,但可以肯定的是該品牌的成功炒熱了這個關鍵字的討論,而這都會反映在搜尋的趨勢上。
小黑安瓶

2.外部連結

透過外部連結可以評估出目前的網站是否有人推薦和衡量行銷團隊在公關上的成效。以我們這個網站為例,曾經有很多同業界的人士會轉貼我們的文章,而他們可能只是閱讀了我們的文章後,就在自己的網誌上推薦,亦有些是引用我們文章裹的內容來支撐他們的論點。就公關層面上,我們的文章也有跟相關的合作夥伴進行轉載文章的合作,或曾經有過相關媒體的採訪,這些都是讓我們外部連結項目越來越強的原因。

由於外部連結是由過去的SEO就一直強調的概念,因此積極去建立在不同網站內的優質連結無論是排名或品牌都能夠有顯著的幫助。

3.直接流量

直接流量是指並非透過宣傳渠道而來到網站的流量,這些人通常都是把網址記在書籤或直接在網址列輸入網址進入網站。透過這些方式進來的使用者通常都是對於品牌已經有一定的忠誠度,而這樣的數量可以反映出品牌經營得是否成功。在下圖中所示,透過direct進入網站而成為新使用者只有13.25%,這反映出幾乎只有訪客才會透過這個方式進入網站,而這些訪客願意回訪的原因就是出自對品牌的信任。

直接流量

結論

有很多客戶以為單單透過seo技術就能夠將一個非常大的關鍵字操作到首頁,但透過以上的方式,希望你能夠認知到SEO只是品牌行銷的其中一環。所以我們會建議他們可以回到品牌的根本再去思索,要如何再繼續創造自己的品牌被搜尋到時,為使用者帶來的價值。當然,就另一個方向而言SEO也有辦法可以有效帶動品牌的成長!這個議題我們會在接下來的文章再為大家一一解說,敬請期待囉!

繼續閱讀

最多瀏覽