SEO趨勢有哪些?awoo重點整理+最佳實戰祕技(2018)

掌握最新趨勢,立即看2019 SEO趨勢/策略
這篇文章是一篇進階文章,如果你對SEO還幾乎不認識,可以先閱讀「SEO是什麼?搜尋引擎優化到底是「技術」還是「行銷」呢?」這一篇文章,了解SEO到底都在做些什麼事;SEO基礎還不夠扎實的讀者,也可以先在「初階SEO」了解更多的SEO知識!對於執行SEO已久的老手們,就來開始閱讀這篇文章更新更多的SEO知識吧!
在新的一年,我們可以從搜尋習慣的改變、智慧型裝置的普及、Google 推出的規範、最新消息來嗅出一些新的線索。來看看awoo認為 2018 年的 SEO 搜尋排名趨勢是什麼!
看完這篇文章大概需要 20 分鐘
文章太長但時間不夠,沒關係可以跳著看

2018年搜尋引擎最佳化SEO趨勢是什麼?

  • 更直覺的標題、更直接的答案:隨著「Featured Snippets」的出現、「語音搜尋」及「智慧助手」技術的進步,網站文章必須少一些拐彎抹角,多一些直話直說。
  • 更重要的內容:以前的SEO非常強調網頁前端架構上的優化,現在的 Googlebot(Google檢索機器人, AKA. Crawler)技術更好,幾乎已經越過各種網頁程式撰寫差異的藩籬,現在幾乎可以直接讀懂頁面上所有內容,甚至大量使用JavaScript技術不再是影響「搜尋引擎友好度」問題。
  • 更快的網頁載入速度:手機搜尋已經占50%以上,這等於宣告「使用者越來越沒有耐性」。更快的網頁載入速度幾乎等於更好的使用者體驗、更高的轉換率。
  • 更白熱化的手機搜尋市場:手機版網頁的SEO基本原則大致與桌機版網頁的SEO原則相同——也就是搜尋引擎注重「網頁內容品質」、「網頁標題」、「網頁描述」——除此之外,必須更注意「語意標籤」與「網頁載入速度」。
  • 更好的 JavaScript 理解力:Google在2015年10月告訴大家可以捨棄AJAX與Googlebot之間的協定(An agreement between crawler and server),而在2017年12月初,Google更進一步在官方部落格宣布,隨著技術的更新,2018年第二季開始,網頁將可以在Google端被完整的解析(rendering),使用JavaScript-based產生內容的網站,再也不用擔心Googlebot讀不懂你的網站了!

1. Featured Snippet:更直覺的標題、更直接的答案

Featured Snippets 是什麼?它為什麼重要?

試著搜尋「如何⋯⋯」、「⋯⋯怎麼辦」、「⋯⋯是什麼」這些問句形式的關鍵字,你會發現Google搜尋引擎會在搜尋結果的最上方,給你一個「直接的答案」:

Featured Snippets 步驟清單

「步驟」方式的 Featured Snippets

Featured Snippets 清單

「清單」方式的Featured Snippets

Featured Snippets 有的以「步驟」方式表示,有的以「表格方式」呈現,有的以「短語」方式回答。這是經過 Google 演算法,篩選出來「最直接、最貼切」的答案。

根據HubSpot統計,佔據這個版位的連結,平均點閱率可以得到20%以上的提升!這也是為什麼,讓排名來到搜尋結果第一頁,是不夠的,你還可以精進內容,讓頁面得到更多壓倒性的點擊!

Featured Snippets 短語

「短語」方式的Featured Snippets

Featured Snippets 表格

「表格」方式的Featured Snippets

延伸閱讀:
Featured snippets是什麼?以插隊的方式搶占搜尋排名
認識Google的搜尋結果【SERP】,16種元素全解
除此之外,「語音搜尋」及「智慧助手」的普及,像是Siri、Google Home、Amazon Alexa⋯⋯等等智慧型裝置,都能讓使用者「直接發問」。於是使用者丟給搜尋引擎的問題,就越來越接近「自然的問句形式」,像是:接近台北大安站附近的酒吧有哪些?永和星期天下午有開的牙醫?
那麼該怎麼做才能競爭到 Featured 的版面呢?以下是awoo+國外眾多SEO專家的小小經驗分享:
Step.1 確認你的網頁目前的排名,最好已經坐第二頁望第一頁了。這表示網站基本的SEO並沒有太大問題。
Step.2 確認網頁的主關鍵字是什麼?
Step.3 重新撰寫文章第一段,讓字數控制在150字左右,又能言簡意賅的回答問題。
Step.4 頁面上有適合做成「表格類型」的資訊嗎?有的話做改寫。
Step.5 頁面上有適合做成「清單格式」的資訊嗎?有的話做改寫。
Step.6 重新調整頁面上的 H1、H2 文案。

舉「一個人自助旅行注意什麼」為例子

目前的 Featured Snippets 是「欣旅遊BonVoyage」網站所寫的「5個注意事項給準備一個人去旅行的你」佔據版位。
如果我是「Skyscanner」的文案團隊,想要加入競爭Featured Snippets版位的激戰,那該怎麼做呢?
我的建議是,建立一個檢查表,順著上面的Step.1~Step.6檢查,並完成修改:
✔目前排名?
第2名,SEO沒有太大問題
✔主關鍵字是什麼?
一個人旅行
✔言簡意賅的回答問題
一個人自助旅行要注意什麼?才能享受自由自在又能確保安全呢?首先旅遊地點的選擇就非常重要,要選擇治安較好的國家;不要輕易相信陌生人,對於搭訕、豔遇要保持警戒盡量選擇大眾交通工具,在車上時也要隨時注意行李、背包記得上鎖。選擇評價好的旅館飯店,入睡時重要東西放枕頭下⋯⋯哪8個重點可以讓一個人旅行更安全呢?
✔H1文案
一個人出國旅行必須要注意的8件事
✔H2文案
1.不要選擇危險的旅遊地
2.別輕易相信陌生人
3.盡量乘坐公共交通工具
4.選擇正規旅館
5.自己的安全要自己維護
6.拒絕被騷擾
7.財不可露眼
8.與家人保持聯絡

對於網站搜尋排名進展遇到了瓶頸嗎?

試著開始從 Search Console 資料中篩選,先對目前排名在前10名,搜尋曝光又一定的著陸頁面(Landing Page)開始著手 Featured Snippets 版位搶攻計畫吧!

2. 更重要的內容

「內容為王」大家都知道,但是該怎麼撰寫有價值的文章?

內容為王是什麼意思?意思是說在搜尋引擎市場著重⋯⋯
「你提供的內容是否有滿足讀者的需要?」、「是否有解答搜尋者的困惑?」、「是否有帶來可學習的新資訊?」
Googlebot 技術這幾年快速更新,對於JavaScript的解析能力越來越好,以往要花許多心力確保Googlebot到底看不看得懂你的網頁,現在,只要將重點SEO關鍵做好,其他心力就保留在「經營有價值的網站內容」吧!
那麼該怎麼撰寫「有價值」的內容呢?甚至寫出可以「搶排名」的文章呢?首先回歸任何商業的原點,你必須清楚知道這三點:
定位:你要將內容賣給誰?文章的目標是什麼?
研究:閱讀者在乎什麼?
分析:他們對商品有需求時,會搜尋什麼?

舉例來說,
我是一間賣女性保養品的電商,廣受好評的商品為「面膜」。我們最近決定在官網上開始撰寫部落格了,該怎麼開始?

✔目標是什麼?
解決消費者使用面膜時會遇到的問題。
✔在乎什麼?
皮膚保養要有效
✔會搜尋什麼?
保養的順序
先上化妝水還是先敷面膜?
面膜有效嗎?
美白面膜推薦品牌
韓國面膜試用
活性碳面膜功能
⋯⋯等等問題。
有些人在思考「消費者會搜尋什麼?」時常會卡關,雖然網路上其實也有許多「關鍵字研究」工具可以利用,但是最好的辦法就是:先詢問公司的客服人員,消費者最常會問的問題是什麼。這是最容易取得的資訊,也是最直觀、最貼切你的商業性質的素材。
延伸閱讀:
結合SEO與內容行銷策略擴大受眾族群
善用SEO文案撰寫技巧,優秀排名其實比你想像中唾手可得

經營有價值內容的第一步,建議先從線下蒐集到的資料開始。接下來再思考如何企劃網站內容,這時建議可以從「關鍵字研究工具」下手。
這邊介紹兩個關鍵字研究工具:「天下無狗」與「Answer The Public」。

天下無狗

針對台灣市場量身打造的關鍵字研究工具,給一個關鍵字,他會將這個關鍵字拓展開,並且給予你「關鍵字月搜尋量」、「推薦值」、「搜尋引擎偏好的頁面類型」等資訊。
像是「面膜」這個字,拓展出來發現「面膜過期」、「面膜敷多久」、「面膜使用」⋯⋯等等關鍵字都可以繼續發想利用,像是寫在「FAQ」中。

天下無狗關鍵字研究工具-延伸關鍵字

天下無狗關鍵字研究工具-相關關鍵字

另外也可以寫篇文章來探討「面膜使用上」的相關問題。像是不同季節要選擇哪種面膜?不同膚質要選擇哪種面膜?面膜使用頻率?⋯⋯等等類型文章。
延伸閱讀:
一站式的關鍵字數據研究工具─「天下無狗」強力改版

Answer The Public

從「what」「when」「why」「how」⋯⋯等等疑問詞出發,將圍繞著關鍵字的問句全部展開。展開來的問句,通常也是使用者想知道的、會問的、常搜尋的問題。

Answer The Public 關鍵字拓展問句工具

Answer The Public 關鍵字拓展問句工具

雖然這個工具目前沒有支援繁體中文,但是許多「搜尋行為」是全球適用的,所以有很高的參考價值;另外,這個工具也將問句全面展開,規劃內容時可以順著同樣的脈絡去撰寫,也有機會爭取到 Featured Snippets 的版面!

3. PageSpeed:更快的網頁載入速度

網頁載入速度為什麼重要?

無論你在不在意SEO,網頁的載入速度絕對是一個影響網站是否能成功的重要因素!網頁載入速度會影響網頁跳出率、轉換率、搜尋排名⋯⋯等等表現。
根據 Kissmetrics 的調查,網頁載入時間超過4秒,使用者將會失去耐心,跳出率將會大幅提升。除此之外,網頁載入速度也是影響Google排名的重要因素。為了更好的使用者體驗、更棒的搜尋排名,以及迎接全面手機上網時代,網頁速度必定是越來越重要。

Google PageSpeed Insights的更新(v.4)

就在 2018 年 1 月,Google 的網頁速度檢測工具 PageSpeed Insights,做了一番火熱的更新,主要更新為:

  • 將 Chrome 瀏覽器使用者體驗報告的數據納入「速度分數」的評分
  • 對原有的檢測項目給分做微調
  • 檢測結果會顯示 First Contentful Paint 時間及 DOM Content Loaded 時間
  • 檢測結果會顯示你的網頁載入時間是前幾強(用三等份區間)
PageSpeed Insights速度檢測結果 行政院首頁

2018年最新版 PageSpeed Insights 檢測結果

加快網頁速度的規範:AMP

為了全面加快網頁載入速度,Google在2015年10月宣布AMP(Accelerated Mobile Pages)計畫
什麼是AMP計畫呢?

AMP計畫主要透過「被規範的HTML框架」、「限制性的JavaScript」、「頁面被Google暫存」這三種原則,讓網頁檔案縮小、縮減傳輸時間、大幅降低頁面載入時間。
雖然 Google 說,AMP不是Ranking Factor的一個要素,但是手機版的 Google 搜尋又的確會給AMP頁面一個旋轉版面,就算沒有在旋轉版面也至少會有「閃電圖示」,或多或少影響點擊率。

手機版搜尋結果頁面AMP

手機版Google搜尋的AMP旋轉版面

漸進式網頁版 App-Progressive Web App(PWA)

Google 在 2016 年 5 月的 Google i/o 研討會正式提出的Web建議 Progressive Web App(PWA),又稱為「漸進式網頁版 App」,這是另外一個有關改善網頁載入速度的方法。

什麼是Progressive Web App(PWA)?PWA的目標訴求是什麼?PWA的核心原理又是什麼?

PWA是一種適用現代瀏覽器的網頁開發建議。PWA的目標是為了「跨瀏覽器仍有一定的載入速度品質」、「不同行動裝置都可適用」、「無論網路品質好壞仍能載入內容」、「可支援離線存取」。
PWA的核心原理可以簡單的 3 個概念來理解:

  1. App Shell 應用程式外殼(包含基礎架構及UI區塊)
  2. JavaScript 加載內容(加載到UI區塊)
  3. 使用 Service Worker 本地暫存

簡單來說,Progressive Web App 建議設計網頁架構時,先用 HTML 語法寫出「基本版型框架」,再利用 JavaScript 加載內容進去UI區塊。而 Service Worker 的功能就在於「暫存資料」,這個功能可以將一些常用的檔案資料暫存在本地端,讓你開啟網頁時載入時間加快。

App Shell概念示範 Facebook

「漸進的」概念。先載入App Shell,再用JS吐給你內容。上圖是Facebook先載入App Shell的樣子。

綜合以上,就不難理解為什麼要取名為「Progressive Web App」
Progressive 形容網頁載入時是「漸進的」,因為先載入基本的外殼,之後JavaScript載入其他內容。Web App 基本上是網頁,只是使用類 App 載入資料方式來製作 Web,介面設計也像 App。
Web App 可以直接用瀏覽器打開,載入速度更快,且不需要透過 App Store 安裝,也可像 App 一樣可以直接存在手機桌面。

那麼有哪些網頁速度優化的工具可以做檢測?馬上了解網頁速度狀況呢?

除了Google PageSpeed Insights,我們另外推薦 3 個工具:

Webpagetest Lighthouse(Chrome瀏覽器內建的Audits)
Chrome瀏覽器>開啟網址>開發者工具>Audits>Perform an audit..
Test My Site
(withgoogle.com)
Webpagetest是一個Open Source的速度優化專案,主要由Google支援技術開發。 Lighthouse是一套檢測「網頁表現(也可檢測App)」開源工具。使用評分方式顯示。檢測項目能讓網頁開發者作參考。 針對同產業類型的網站一起比較。(雖然目前實測結果好像並不是那麼準確)
檢測項目:
First Byte Time
Keep-alive
Compress Transfer
Compress Images
Cache static content
Effective use of CDN
檢測項目:
PWA標準
載入速度表現
是否符合最新前端技術
易用性
檢測項目:
3G 載入時間
預估訪客流失率
同業比較結果
簡單的優化建議
指示明確。基本上把會影響網站速度的要素分成 6 大項。幾乎可以拿這份報告與「網站建置商」、「主機服務商」、「網站工程師」討論,詢問提升空間可能的花費預算及最佳應對措施。 指示明確。
要求比較嚴苛,且將PWA標準列入檢測的項目,適合給「網站開發人員」要對網站做「改版」時的一種參考。
指示不明確。
基本上優化建議就是截自於「Google PageSpeed」的建議。但是有給予「同業網頁速度比較結果」,可以直接比較。
Web Page Test 檢測項目主要有5項

Web Page Test 檢測項目主要有5項

Lighthouse Chrome瀏覽器內建Audits

瀏覽器內建Audits Lighthouse Chrome

Test My Site可以與同類型網站做比較

Test My Site可以與同類型網站做比較

關於網站速度優化,延伸閱讀:做 SEO你絕對不可以忽略的【網站速度優化】,關於速度優化的三兩事

4. Mobile Search:更白熱化的手機搜尋市場

雖然 Google 早在 2016 年就宣布要慢慢朝「mobile-first indexing」(優先收錄手機版網頁*)方向前進,但是要到全面採用手機版網頁,似乎還需要一段時間。就在 2017 年 12 月 18 日,Google 在官方部落格發佈了一個簡單的更新消息

手機版網頁內容很重要

手機版網頁內容有跟桌機版網頁內容一樣豐富嗎?
手機版網頁有跟桌機版網頁一樣那麼多嗎?

無論是使用RWD、動態服務(Dynamic serving)、還是大小網(www.example.com與m.example.com)方式架設手機版網頁,重要的還是「網頁內容」。

怎樣叫做好的網頁內容?

盡量要有:文案、圖片、圖片替代說明(alt屬性)、影片。

Title、Description、Content 三者都要具備

不同的網頁內容(Content),必須要設定不同的網頁標題(Title)與網頁描述(Description),這就像不同的人就要有不同的名字一樣重要。

雖然這個項目非常基本,但是很多時候都會被忽略。無論在桌機版網站,或是手機版網站,務必檢查不同的網頁是否都能顯示不同的「Title、Description」。
關於Meta Title、Description更完整的介紹:Meta Title Description 怎麼寫?別小看標題、摘要,SEO老司機就是你!
另外雖然 Google 沒有提及,但我們建議:「不同主題的內容」也必須要有「不同的URL」。
許多網站使用 JavaScript 相關技術產生內容,轉換內容時並沒有讓 URL、Title、Description 一同跟著轉換,這是必須要特別注意的。

結構化資料標記超級重要

有發現 Google 一直在更新 Structured Data 開發者文件嗎?加上結構化資料標記(又稱為語意標籤、語意標記),可以讓網頁在搜尋結果頁面上有更棒的展示效果,一定要應用在自己的網站上!
延伸閱讀:為你的品牌設置Google知識圖譜結構化資料標記

如果你的手機版網頁是利用大小網(www.example.com與m.example.com)方式架設的,其他還需要注意的SEO重點:

✔ 在 <head> 中註明好「rel=”canonical”」及「rel=”alternate”」,讓搜尋引擎知道「手機網頁⇆桌機網頁」之間的URL對應關係,基本上就沒問題。
延伸閱讀:rel=”canonical” 語法應用教學,SEO上的最佳使用時機
✔ 多國語系的大小網頁也必須做好 URL 的對應。
✔ 確保小網的主機效能承受搜尋引擎爬蟲(Googlebot)的經常造訪。

*mobile-first indexing 雖然翻譯成「優先收錄行動裝置版網頁」比較全面,但是過於拗口,所以本篇文章將統一翻譯成「優先收錄手機版網頁」。

5. 更好的 JavaScript 理解力

根據 Google 最新消息指出,Googlebot 在 2018 年第二季對 JavaScript 的檢索技術會全面更新

  • 不需要大費周章改成 Server-side Rendering JavaScript 架構
  • 不需要專為 Googlebot 製作 HTML Snapshot
  • Googlebot直接可讀 #! 網址

影響層面:

  • 原本使用 AJAX 技術但是收錄正常的網頁,影響不大
  • 原本大量使用 #! 網址的網站,建議使用 Search Console,運用檢索工具、Google訊息通知來檢查網站檢索情形

…we are generally able to render and understand your web pages like modern browsers.

關於 JavaScript 可能無法被 Googlebot 正常檢索這件事,早在 2015 年, Google 就在官方的部落格上宣稱:基本上我們(Googlebot)能像瀏覽器一樣,看得到也讀得懂網頁(JavaScript在前端產出)的內容,所以不需要再為 Googlebot 做一個專門的 HTML Snapshot 了喔!
雖然如此,實務上我們還是碰到一些使用 JavaScript-based 開發的網頁無法被 Googlebot 完整檢索的狀況,當網站有絕大部分內容都使用 JavaScript 產生內容,這時又無法被 Googlebot 讀得懂,這真是太慘了⋯⋯。
為了搶救這個狀況,你可以試試看 Server-side Rendering 的 JavaScript 的架構,或是⋯⋯
什麼都不要做!賭一把,等到 2018 年第二季 Googlebot 全面更新完成。
由於 2018 年第二季還沒到,現在預言到時候會有什麼樣的變動有點言之過早,但是這個消息無非是對 JavaScript-based 技術產內容的網站一大福音,另外也因為 Google 大力提倡 Progressive Web App(PWA),這也代表了 Google 對於自己目前在解析 JavaScript 產出的內容有前所未有的把握。

最後要注意的是:

  • Googlebot 官方預計更新時間為2018年第二季,現在時間還沒到
  • 註冊Search Console,繫好安全帶
  • 做AJAX網頁開發時,最好有個測試站讓Googlebot測試檢索一下#! 網址能不能被正常讀取
  • 謹慎使用「rel=nofollow」
  • 網頁基本項目都要具備:網頁標題 Title、網頁描述 Description*、結構化資料標籤

*根據這篇文章,檢查「網頁標題 Title、網頁描述 Description」的方式都是由Chrome的開發者工具來檢視,故推測應該是指前端產生的「網頁標題 Title、網頁描述 Description」。

總結

搜尋引擎最佳化(SEO)這幾年來有了巨大的變化,隨著搜尋引擎對網頁的檢索能力越來越強,網站前端架構如何已經不成太大問題,重心逐漸轉移到「網站內容經營」、「使用者體驗」這兩塊,而搜尋引擎激戰區也從桌機版網頁轉到手機版網頁

很多人都想讓網站排名越來越好,但這實在沒有太多捷徑,就像煮一道好的料理,必定是「的食材」+「持續練習調整」才能造就成長;

對照網站,就是選擇「搜尋引擎友好」的網頁技術、「好維護及擴充」的架構/平台,加上「持續內容經營」、「持續監控/定期調整」,才能造就成功的網站!

看完新的 2018 年搜尋引擎趨勢,有發現可以實際運用在網站上的靈感嗎?

加入awoo粉絲團,跟我們一起討論你的想法吧!

延伸閱讀:
SEO是什麼?搜尋引擎優化到底是「技術」還是「行銷」呢?
聊聊SEO與品牌:衡量品牌力的SEO關鍵指標
HTTPS的威力?「S」對SEO與網站經營的四大重要性