你希望你的網站看起來很棒且容易被搜尋,那麼 SEO 這塊一定要花點心思去設定。但是,Google 不會因為你的網站漂亮就讓排名跑到前面,而這是為什麼要花時間去優化 SEO 的原因。但搜尋引擎優化這個過程涉及許多步驟及,有時也會令人困惑,因為在 yahoo、goole 甚至是百度等搜索引擎上優化它們時,用的方式完全不同。今天先來帶大家怎麼操作在 Weblfow 上設定 SEO。

第 1 步:正確的標題結構

使用 H1-H6 正確構建您的網站非常重要。這意味著什麼?標題 1 (H1) 是主要標題,它應該位於網站的最上面和中心。Google 將首先查找此內容以確定哪些內容在哪裡,且每頁只能有一個。因為一篇報紙文章的標題永遠不會超過一個對吧?如果是這樣,為什麼要使用多個 H1 來混淆自己和讀者呢?為你的使用者和搜索引擎提供清楚的標題是非常重要的!接下來是標題 2 到 6,將內容分解為小塊版面,以便在 Google 搜索引擎爬蟲和查看者在查看你在網上發布的關於你是誰或正在做什麼的所有內容時更容易。

圖片來源: https://webflow.com/

H1 是最重要的標題,因為它允許您包含關鍵字,提高重要搜索詞的相關性,錨定頁面;同時也吸引了讀者,他們可能會發現這些標題足夠有趣,讓他們可以繼續閱讀下去。想像一下你在咖啡店或書店找看書,你會先找自己有興趣的標題,然後才繼續閱讀內文對吧?如此就不用擔心你的網站會失去潛在客戶,因為你的標題是非常吸引人的。

第 2 步:優化標題標籤和 meta 描述

在網站的每個頁面上都有一個標題標籤和 meta 描述的欄位,這是是非常重要的。兩者之間的區別非常簡單:標題標籤是顯示在 Google 搜索結果中的內容,因此請使用在 H1 中找到的關鍵字或關鍵字詞組來吸引搜索者的注意力!您的 meta 描述應該是關於頁面內容的簡短說明,並提及任何相關的關鍵字。

圖片來源: https://webflow.com/

網站預覽圖怎麼更改? 在 Home Setting 裡面找到 Open Graph image URL 這個欄位,把圖片上傳到雲端後之後,就是你的網站縮圖囉!

因為這是用戶在 Google 中輸入搜索時首先看到的內容。標題標籤和 meta 描述是人們用來根據他們是否認為它對他們有用來決定他們是否會點擊您的網站的內容。千萬不要對標題標籤或 meta 描述撰寫感到厭煩或懶得寫,因為 Google 通常不喜歡重複或是空白的內容,若沒設定完整的話,可能會導致你的網頁受到懲罰。

第 3 步:清晰的 menu 結構

這是使您的網站對於使用者體驗更加友好且簡單的方法。Top menu 跟文本中放置正確鏈接,會讓導航你的網站變得更加容易。你的 menu 還要包含一個聯繫資訊頁面以及包含所有訊息的 footer,以便在需要時快速訪問。為使用者能夠快速找到他們需要的內容,而無需搜索長頁面或無休止地上下滾動,對於你的網站流量會是非常有幫助的!

當 Google 抓取你的網站以查看所有單獨頁面時,擁有清晰的 menu 和 footer 對於搜尋引擎優化非常重要,這也有望意味著 Google 可以在其搜索引擎中列出所有頁面。畢竟應該沒有人喜歡花 10 分鐘在某個企業網站上找聯繫資訊對吧?所以你的網站 UX 設計會是非常重要的關鍵,否則他們會尋找其它答案。

第 4 步:更改 Webflow 設置

Webflow 具有可以自動幫助您網站的 SEO 的設置。在設置下,有一個名為“hosting”的頁面。向下滾動到該頁面底部的 “Advanced Publishing Options”,並確保所有四個都設置為“開啟”。最後一個應保留為“OFF”。

你可能認為這個不需要,但它很有用!或許你不會經常考慮網站性能,畢竟有些時候優化網站是以提高速度和可訪問性方面來做,比較少的人會放棄速度而選擇另一個加載速度更快的選項。

第 5 步:自動生成站點地圖 Auto-generate sitemap

Google 可以看到你擁有的所有內容並了解它的組織方式,這就是為什麼創建一個對於 SEO 至關重要的原因。Webflow 所做的是自動生成站點地圖,讓您的生活更輕鬆。您將能夠在“SEO”設置下生成站點地圖,您所要做的就是單擊“yes”。sitemap 是你網站上所有 URL 的列表,其中包含有關它們的信息,使 Google 更容易抓取。告訴 Google 你的網頁是如何相關的 meta 數據會讓他們更容易,因為他們可以看到網站這裡提供的一切。

透過為你的網站自動生 sitemap,就可以進入 Google Search Console 並請求 Google 抓取你的網站。若不提出此要求,有時 Google 可能需要長達五週的時間才能識別需要抓取的新網站。有時網站永遠不會被抓取,因為從未提出過此請求,這就是製作站點地圖如此重要的原因。

第 6 步:創立 Google Search Console 帳戶

如果它是免費的並且是由 Google 創建Google Search Console 的,為什麼用不呢? 這是 Google 創建的免費工具,且正如我們之前提到的,你需要使用 Google Search Console (GSC) 請求 Google 抓取它。設置好網站後,請在 GSC 上設置一個帳戶。然後,單擊“ sitemap” 選項卡並輸入 “sitemap.xml”。當您點擊“submit”時,即表示你已通知 Google 希望抓取你的網站。

Google Search Console 是一種免費資源,您可以使用它來跟踪您網站的性能。一旦它被 Googlee 抓取,他們會通知你是否有任何警告或懲罰他們的網站的事情,這樣你才知道需要改變什麼,以及如何從搜索結果中來優化。畢竟一個新的網站本來就不可能一開始就可以被搜索或是馬上衝到第一頁,流量及排名都是需要時間的。

若你對 Webflow 有任何問題,歡迎加入我們的中文討論區,會有許多學長姐可以幫助你。


更多閱讀:

Tenten - Webflow 認證的專業夥伴|Webflow作品集
Webflow 目前已經成為我們最喜歡的 CMS 開發平台,它讓我們能夠以超高速度及質量進行開發網站及應用程式程式軟體,而今年 9 月份我們也非常自豪地宣布 tenten.co 也已成為台灣第一間的 Webflow 專家夥伴!這篇文章會告訴你,為什麼我們這麼喜愛 Webflow。
最適合設計師的 No-code 自架網站工具 — Webflow
「No-code」是近兩年在網站、app 製作中很流行的新概念。透過簡單易懂的UI 設計,讓複雜的程式碼,被幾個按鈕或欄位取代。只要有基本的 HTML、CSS 觀念讓你不需要寫任何 Code 也可以完成一個網站!今天要介紹的 Webflow 就是目前使用下來我覺得最適合設計師的網站架設工具。
Webflow 必學的五大技巧 | Webflow 中文教程
當開始回想起我剛開始學習如何使用 Webflow 時,有一些技巧是希望自己能早點知道,而這些 tips 絕對會讓我的 Webflow 學習之旅變得更加輕鬆!Webflow 並不像 Squarespace 或 Wix 那樣簡單的工作方式,這也是它神奇的原因。簡單來說 Squarespace 和 Wix 等網站建設者採用基於模板拖拉的方法,它們可以輕鬆快速地選擇模板、刪除一些內容並快速的發佈網站。
Webflow vs WordPress 都幾? 超詳解比較
在遇到 Weblfow 之前,tenten 大部分協助客戶建立網站都是使用 Wordpress 實現,同時我們也會定期為客戶維護網站、增加 Google Core Web Vitals 等分數。後來當我們使用了 Webflow 後,一切都變了!我們甚至將 tenten.co 的主網站移到了 Webflow,它讓我們可以實現更漂亮的設計及動畫,最重要的是節省了非常多的時間。當然 WordPress 和 Webflow 兩種 CMS平台都有好與壞,其旨都在簡化您的線上體驗的網站。
Weblow 定價指南:我應該選哪個計畫?每個計畫差異到是什麼?
Webflow 的定價可能有令人不知所措。因爲它有超多種不同的計劃可供選擇,要找出最適合自己項目的計畫可能會有點無頭緒,為了幫助你更輕鬆地做出決定,我們整理了這份Webflow定價指南。請繼續閱讀以了解如何為你的 Webflow 網站選擇正確的計劃。
Share this post