您需要了解的有關 SEO 和網頁設計以及如何建立真正對搜尋引擎友好的排名網站的所有資訊。

您的網站是數位行銷世界的中心。這是您擁有最大控制權的地方，也是所有數位行銷河流流向的地方。

一般來說，最大的流量來源是自然搜尋。 

然而，很多時候，在設計（或重新設計）新網站時，SEO 並沒有深入人心，而且 SEO 思維通常只有在網站推出後才解決。 

這是個問題。 

在為您的企業建立新網站作為行銷工具時，在編寫一行程式碼之前，應將 SEO 考慮因素納入規劃階段。這裡的目標應該是有一個聯合的SEO 策略、網站規劃和網站 SEO 計劃，所有這些都可以協同工作。 

我和我的團隊已經幫助數百家企業設計和建立網站，將他們的搜尋引擎優化和行銷提升到一個新的水平。

不幸的是，我們還幫助許多企業在未能考慮 SEO 的糟糕網站重新設計後恢復了 SEO 流量。

本文探討了 SEO 為何以及如何在網站設計過程中發揮不可或缺的作用。

它詳細介紹了您在建立搜尋行銷和潛在客戶開發網站時需要考慮的事項，以及如何專注於使用者想要的內容，以幫助讓 Google 之神站在您這邊。

我們還將深入探討尋求建立新網站和維護 SEO 流量的企業可能遇到的常見陷阱。 

1.如何開發一個SEO友善的網站

以下是建立真正優化的網站時需要考慮的關鍵領域。 

• 基礎知識：網域、主機和 CMS。
• 爬行：技術部分。
• 資訊架構：如何建立您的 SEO 友善網站。
• 行動裝置：適合行動裝置的網站需要的不僅僅是響應式設計。
• 頁面速度：快速的網站會讓使用者滿意。
• 可用性：迷惑他們並失去他們。

本文的其餘部分將詳細討論其中的每一點。 

基礎知識

有一些核心元素為良好優化的網站設計流程奠定了基礎。

網域

您的網域是您網站的入口點，並且應該有一個（規範）網域。您可能還有其他的，但它們都應該指向（重定向）到這個。

我們的生意叫圓頂禮帽。我們在英國營運。我們是一家以網路為基礎的企業。很自然地，我們的網域是 www.bowlerhat.co.uk。所有子網域 301 重定向回主 URL www.bowlerhat.co.uk。我們有一些網域變體，可以 301 重定向回主 URL。這都是有道理的。

在大多數情況下，您的網域應該以品牌為主導，擁有 www.crammed-my-keywords-in-here.com 不會幫助您今天的排名（1999 年剛剛打電話來，希望恢復 SEO）。 

託管

您可以每月花費 1 美元購買託管服務 – 但你猜怎麼著？這不太好。 

緩慢、粗糙的託管會造成糟糕的用戶體驗，並最終創建一個谷歌不太願意在搜尋結果中顯示的網站。 

購買您能負擔得起的最好的託管服務，並確保您的網站具有良好的正常運行時間並運作良好。 

在大多數情況下，託管應遵循常識性規則：

• 位於觀眾的位置
• 速度快，最好是特定於平台的（例如， WordPress 的WordPress 託管）

內容管理系統

您為您的企業選擇的 CMS（內容管理系統）可以極大地影響您的成功程度。 WordPress 是一個很棒的平台，但還有其他選擇。 

嘗試使用阻力最小的路徑來選擇 CMS。如果無所不在的 CMS 平台之一能夠滿足您的需求，那就選擇它吧。谷歌必須了解大玩家，他們技術健全且易於優化。 

這裡的最終選擇取決於您完全獨特的要求，但請確保您了解為什麼要使用給定的平台，而不僅僅是最終選擇您的網路代理商喜歡使用的平台。

爬行和可訪問性

第一步是確保搜尋引擎可以抓取您的網站並了解您在做什麼（以及在哪裡做）。

索引

要了解您的網站，他們必須能夠閱讀頁面的內容。這意味著您網站的主要內容應該基於文字。

即使我們正在努力發展並擁有具有人工智慧功能的搜尋引擎，書面文字仍然是搜尋引擎友好的網站的支柱，因此請確保您的文字寫得很好並且經過合理優化。 

圖像、影片、PDF 和內容也很重要，可以成為搜尋引擎流量的來源。同樣，這些內容需要有良好的命名、組織和可發現性才能被索引。

連結結構

要對主頁以外的內容建立索引，您需要搜尋引擎可以抓取的內部連結。

您的主要導航、搜尋引擎指令和 XML 網站地圖等工具都可以幫助搜尋引擎抓取您的網站並發現新頁面。 

資訊架構和建立您的網站

我一直喜歡用文件櫃來比喻網站架構。

您的網站是文件櫃。主要類別是抽屜。子類別是抽屜中的資料夾。這些頁面是資料夾中的文件。 

• 內閣：您的網站
• 抽屜: 高級類別
• 資料夾: 子類別
• 文件：單一文件/頁面

這有助於提供有關任何給定頁面上內容的附加上下文資訊。 

如果你的櫃子裡有一個用於服務的抽屜，那麼在分析單個字元之前，該抽屜中的任何東西都是服務。 

這對谷歌和你的用戶都有好處，這是谷歌真正關心的（並且是一個比搜尋引擎優化有時深奧的細微差別更簡單的概念）。 

許多網站具有以下結構：

• 家
  • 服務
    • 服務區
      • 個人化服務

對我們公司網站來說，就是：

• 家
  • 服務
    • 搜尋引擎優化
      • 搜尋引擎優化審核

因此，這個資訊架構中有一個頁面就是/audits/。

• 我們有服務。 
• 我們有搜尋引擎優化服務。 
• 我們有SEO審核服務。 

這一切都是有道理的，網站的結構組織可以幫助提供頁面本身以外的上下文和相關訊號。 

這與部落格文章、文章、常見問題內容、服務、地點以及企業內的任何其他實體有關。

您希望以一種易於（人和機器人）理解的方式建立有關您的業務的資訊。

有些網站可能會採取深入的方法來建立內容。其他人可能會採取廣泛的方法。重要的一點是，事物應該以一種有意義並簡化導航和發現的方式進行組織。

像這樣的三到四級方法可確保大多數內容可以在三到四次點擊內輕鬆導航，並且往往比更深層次的網站導航方法（對於用戶和搜尋引擎）效果更好。

網址

URL進一步指示上下文。合理的命名約定有助於為人類和搜尋引擎提供更多上下文。

以下是兩組假設的 URL，可以對應到上面列出的服務 > SEO > SEO 審核路徑 – 但一組是有道理的，另一組沒有任何幫助。

• 範例1：
  • www.example.com
  • www.example.com/services/
  • www.example.com/services/seo/
  • www.example.com/services/seo/audits/
• 範例2：
  • www.example.com
  • www.example.com/s123/
  • www.example.com/s123/s1/
  • www.example.com/s123/s1/75/

第二組 URL 是一個故意愚蠢的例子，但它有一個要點——第一個 URL 命名約定對搜尋引擎和使用者都有幫助，而第二個則有阻礙。

這進一步建立在文件櫃結構的上下文訊號的基礎上。 

導航

建立 SEO 友善的網站導航還可以幫助指示給定頁面（在頁面集中）的相關重要性並提供額外的上下文。 

您的導航應該基於文本，因此有助於發送有關您希望給定頁面排名的關鍵字的信號。 

我一直喜歡用路標來比喻導航。我走進一家超市，尋找標誌來找到我需要的東西。您的網站也不例外。

用戶登陸您的網站，必須在盡可能短的時間內找到他們需要去的地方。然後他們需要一個路標才能到達那裡。 

不過，SEO 思維在這裡可能很危險。包含數百個垃圾頁面連結的大型選單 – 這不是方法！ 

黃金法則是保持導航簡單。不要讓使用者必須思考。

下圖是我當地的居家裝潢店的招牌。哪個方向會帶您到停車場，哪個方向帶您到送貨入口？

我的大腦從左到右遵循「客戶停車場」線，所以我右轉。然而，客戶停車場位於左側。

沒有什麼可以清楚地說明對錯，我從右到左閱讀——中間一條簡單的線將它們分開可以改善這一點。

作為一種心理活動，瀏覽網站就像開車一樣。這是一項複雜的任務，但在某種程度上，大腦處於自動駕駛狀態。

在您的網站導航中利用這一點，為人們提供他們所期望的東西，使其變得簡單，並消除任何潛在的混亂，否則他們將反彈到 SERP 並投入您的競爭對手的懷抱。 

確保您的導航易於使用，宣傳您最重要的頁面，並且不會讓您的用戶思考太多（如果有的話）。 

常見問題

搜尋引擎無法找到或理解的內容存在許多潛在問題，這可能對您不利。例如：

• 無法找到的孤立內容。
• 內容只能透過網站搜尋獲得。
• Flash 檔案、Java 程式、音訊檔案、視訊檔案。
• AJAX 和華麗的網站效果。（Google在讀取 AJAX 頁面方面已經取得了很大進步，但仍然有可能以毫無意義的效果來模糊內容。）
• 框架：從其他網站嵌入的內容可能會出現問題。
• 子網域：內容分為子網域而不是子資料夾。

確保重要內容易於發現、易於理解，並以有意義的方式存在於網站的整體結構中。

概括

如果一切都做得好，人類和搜尋引擎在查看頁面之前就應該很好地了解頁面的內容。然後，典型的 SEO 就建立在由資訊架構和網站結構奠定的堅實基礎上。

適合行動裝置的設計

SEO 友善是指擁有一個能夠按照用戶希望的方式運行的網站 – 在許多情況下，這意味著行動網站。

您的許多未來客戶使用行動裝置作為與您的企業互動的第一個（通常也是唯一）裝置。

許多企業的另一個重要考慮因素是多設備互動。即使您的轉換往往來自桌面設備，這些最初的互動也可能來自行動裝置。

行動友善不僅僅意味著響應式設計。我之前研究過創建行動 SEO 友善網站的 28 個關鍵因素，這些因素將幫助您超越簡單的響應式設計，邁向真正的行動友善網站。 

從 SEO 的角度來看，值得注意的是，行動友善是行動搜尋的一個確定的排名因素，搜尋引擎將使用您網站的行動版本來審核您的網站並對其進行排名。

然而，更重要的是，行動裝置是您的潛在客戶搜尋和瀏覽您的網站的方式。

像行動友善這樣的功能對於 SEO 有多重要是有爭議的，但它完全沒有實際意義。

做對使用者有用、對 SEO 有好處的事情。 

頁面速度

行動時代的另一個關鍵考慮因素是頁面速度。用戶可能不耐煩，或者他們可能不會總是擁有良好的行動數據連線。

確保您的頁面精簡且簡潔是現代 SEO 友善網站設計的關鍵考慮因素。

一個很好的起點是Google 的行動友善測試。該工具將為您提供有關行動裝置友善性、行動速度和桌面速度的回饋。它還將所有內容打包到一個方便的小報告中，詳細說明您可以採取哪些措施來加快速度。

頁面速度是另一個重要的考慮因素，涉及網站的建立方式以及您使用的託管的品質和適用性。

可用性

Web 可用性是其他因素的組合：特定於裝置的設計、頁面速度、設計慣例以及將網站與最終使用者放在一起的直覺方法。

需要考慮的關鍵因素包括：

• 頁面佈局：重要元素應該更加突出。
• 視覺層次：讓更重要的元素變得更大！
• 主頁和網站導航：為使用者提供清晰的路標指示。
• 網站搜尋：大型網站需要合理定位的搜尋選項。
• 表格輸入：使表格盡可能輕量且易於填寫。
• 設計：出色的設計讓一切變得更容易。

這只是表面現象。可用性確實必須針對各個網站進行客製化。

我建議查看一些資源：

• 《別讓我思考：網路可用性的常識方法》一書，作者：Steve Krug。
• 我的行動優化清單。

內容行銷漏斗

建立排名網站的另一個關鍵考慮因素是如何建立網站上的內容以映射到潛在客戶將經歷的不同階段。 

您網站的目標是幫助您的企業在搜尋引擎上出現在潛在客戶面前，然後吸引並轉換這些客戶。

解決這個問題的一個好方法是建立您的內容以匹配標準行銷漏斗中的階段：

意識：漏斗頂部

意識內容通常是您的部落格和資訊文章。我們正在幫助您的潛在客戶了解他們面臨的問題，並展示您在解決這些問題方面的經驗和可信度。

• 部落格文章
• 資訊文章
• 網路研討會
• 綜合指南
• 常見問題解答

考慮因素：漏斗的中間

考慮階段的內容可以幫助您的潛在客戶將您與其他產品進行比較。這往往是幫助客戶做出決定的實用內容。

• 實例探究
• 產品或服務資訊
• 產品示範影片
• 使用者指南

轉換：漏斗底部

漏斗底部的內容可以促進轉化，並且應該溫和地鼓勵銷售或銷售線索。

• 評論
• 感言
• 免費試用
• 免費諮詢

請記住，客戶將搜尋整個範圍的內容類型。因此，確保涵蓋所有這些領域有助於透過搜尋引擎發現並幫助您贏得更多業務——雙贏。 

這就是所涵蓋的基礎知識

那裡發生了很多事情，但並非沒有充分的理由，並確保您在新站點的規劃中給予了這些魔鬼應有的尊重。 

2.SEO：如何優化您的網站

好的，現在您已經有條不紊地規劃和開發了您的網站，奠定了 SEO 基礎，並且您準備好開始實際的優化了。 

透過考慮上述所有要點的結構良好的網站來優化網站變得更加容易。 

關鍵字定位

一旦您擁有堅實的結構且沒有內部重複，那麼確定關鍵字策略就會容易得多。

如果我們查看先前的網站層次結構和結構範例，那麼新增關鍵字相對簡單（並且是我們在電子表格預先設計中經常做的事情）。

• 服務：www.example.com/services/
  • 搜尋引擎優化：www.example.com/services/seo/
    • SEO 審核：www.example.com/services/seo/audits/
• www.example.com/services/
  www.example.com/services/seo/
  www.example.com/services/seo/audits/

如果我使用這些頁面作為範例，我們會自然地從廣泛的關鍵字發展到更精細的搜尋字詞。如果我們是本地企業，我們甚至可以考慮基本的修飾因素，例如地點。

首頁
– 數位行銷代理商
– 數位行銷公司
+ 伯明罕
+ 英國

服務
– 行銷服務
– 數位行銷服務
+ 伯明罕
+ 英國

SEO
– SEO
– 搜尋引擎優化
+ 公司
+ 代理商
+ 伯明罕
+ 英國

SEO 審核
– SEO 審核
– 技術 SEO 審核
+ 代理商
+ 公司
+ 伯明翰

這裡的要點是，結構良好的網站可以為您提供確定關鍵字策略的好方法。

你仍然需要進行研究和文案寫作，但你可以確定你有一個堅實的策略來針對廣泛和更詳細的術語。

專業提示：到目前為止，建立網站的工作應該使這方面變得小菜一碟 – 如果您仍在掙扎，請考慮重新審視頁面結構。 

HTML 標題標籤

<title> 標籤是可以影響搜尋引擎結果的主要幕後標籤。事實上，它是唯一真正直接影響位置的元標記。

標題標籤的最佳實踐如下：

• 將關鍵字放在標籤的開頭。
• 將長度保持在 50 到 60 個字元左右。
• 以自然的方式使用關鍵字和關鍵字詞。
• 使用分隔線來分隔類別和品牌等元素。
• 專注於點擊率和最終用戶（想想號召性用語）。
• 在整個網站上採用一致的方法。

請記住，不要過度優化頁面標題。我們希望標題標籤中包含關鍵字，但不能以犧牲點擊率和人類可讀性為代價。搜尋引擎可能會對您的內容進行排名，但人們會點擊它，因此請記住這一點。

專業提示： Google 已開始（再次）在搜尋結果中包含品牌名稱和徽標，因此您現在可以使用用於品牌推廣的任何空間來進行號召性用語或更多優化。 

元描述標籤

當然，元描述不會直接影響排名。我們都知道，對吧？

但這完全沒有抓到重點。您的元描述是一組搜尋引擎結果中該頁面的廣告內容。

這就是為您贏得點擊的原因。贏得這些點擊有助於提高可見性，對於吸引更多用戶造訪您的頁面至關重要。

元描述必須：

• 如實描述頁面內容。
• 為頁面做廣告並提高點擊率。
• 考慮使用者的思考過程以及為什麼會點擊此頁面。
• 包含相關且自然的關鍵字。

搜尋引擎將突出顯示頁面標題和元描述中的搜尋字詞，這有助於使用者掃描頁面。不過，不要以此為藉口發送垃圾郵件元描述，否則 Google 可能會忽略它，並且不會導致非常重要的點擊！

在某些情況下，不建立元描述並讓搜尋引擎從頁面中提取內容以形成更準確地映射到用戶搜尋的描述也是有意義的。您的簡短元描述並不總是涵蓋較長內容的所有選項，因此請記住這一點。

提示：有大量元描述要寫嗎？這是ChatGPT 真正可以幫助的 SEO 工作之一。 

標題標籤

標題標籤有助於建立頁面並指示文件中的層次結構：H1、H2、H3 等。

標題標籤中的文字與排名的提高相關（儘管略有相關），但重要的是網站結構、頁面標題和元描述等幕後優化以及內容本身之間的一致性。 

將所有內容排列起來，事情對用戶來說更有意義，我們幫助搜尋引擎對我們的內容進行分類，同時盡我們所能進行最後一點簡單的頁面優化。

請記得將標題標籤與視覺層次結構對齊。這意味著頁面上最重要的標題（通常是 <h1>）也應該是頁面上最大的文字元素。

您可以使文件在視覺上易於理解，並進一步確保設計和內容協同工作以獲得最佳結果。

提示：這裡的魔力幾乎總是在於過程本身。考慮與資訊層次結構相關的內容並將其映射到視覺層次結構幾乎肯定會推動修改並改進內容 – 這才是真正的 SEO 勝利！ 

頁面內容

內容通常應該是頁面最重要的部分。然而，我們仍然看到過時的 SEO 實踐，例如明顯的關鍵字密度和散佈在副本中的搜尋字詞，影響了可讀性。

這是行不通的。它會讓你看起來是文盲，當然對你的搜尋引擎優化沒有幫助。不要這樣做。 

我們希望確保頁面的上下文清晰。我們的導航、URL、頁面標題、標題等都應該在這裡有所幫助。然而我們希望使用同義詞和自然語言自然地寫作。

專注於創造吸引用戶的精彩內容。注意關鍵字，但不要過度。

頁面內容的注意事項：

• 內容中的關鍵字（但不要過度）。
• 頁面的結構。
• 關鍵字在內容中的位置－越早越好。
• 同義詞和替代品。
• 關鍵字共現－人們還如何談論這個話題？

提示：請查看 Google Search Console 中的各個頁面，以了解該頁面的哪些關鍵字排名較低。使用展示次數與點擊次數，您可以在這裡輕鬆獲得一些勝利。 

豐富的片段

豐富的摘要是提高點擊率的強大工具。我們自然會被搜尋引擎結果中脫穎而出的清單所吸引。

您可以採取任何措施來提高點擊率，從而吸引更多用戶，並使您的搜尋引擎清單更加有效。

考慮到增加參與度可能帶來的排名提升，您可以採取低投入、高產出的 SEO 策略。

與您的業務最相關的片段取決於您的工作，但schema.org是一個很好的起點。

影像優化

在適當的情況下，影像搜尋引擎優化可以帶來大量流量。再說一次，我們對背景的想法在這裡很重要。

Google（尚未）使用圖像內容，因此網站和頁面內的上下文以及基本優化在這裡至關重要。

舉個例子，我正在為我最小的孩子尋找哈比人洞劇場，搜尋會顯示圖像結果：

我可以直接深入研究這些圖像結果並找到多種選項，然後使用該圖像將我帶到銷售劇院的網站。

優化影像可以提高影像搜尋結果中的顯著性。

影像優化在技術上很簡單：

• 提供清晰描述圖像內容的圖像名稱。
• 使用描述性替代文字可以幫助那些看不到圖像的人強化圖像內容。
• 新增 OpenGraph 和 Twitter 卡，以便在社群分享中使用圖像。
• 使用正確物理尺寸的圖像以確保快速下載。
• 優化圖片的檔案大小以縮短載入時間。
• 考慮將影像新增至 XML 網站地圖。

影像優化比較簡單。保持影像的相關性。不要使用關鍵字向檔案名稱和替代文字發送垃圾郵件。具有描述性。

提示：使用說明文字、標題和替代文字來提供盡可能多的有關圖像的上下文資訊。 

最優最佳化 

您始終可以優化其他內容，但如果您建立和規劃您的網站，然後優化這些關鍵區域，您將透過 20% 的努力獲得 80% 的結果。 

提示：優化永遠不會完成。因此，請專注於推動錶盤的因素，然後繼續前進。 

3.常見問題

知道要優化什麼至關重要，也是我們的目標。 

了解影響 SEO 的常見問題並將其作為逃避同樣重要！ 

通常，每個 SEO 項目都會從審核開始，雖然我們無法在此涵蓋所有可能發生的情況，但以下是一些關鍵點。 

重複內容

重複內容往往有兩種：真正的重複和近似重複。

真正的重複是指內容存在於多個位置（不同的頁面、網站、子網域等）。

近似重複的內容可能是內容薄弱，也可能是基本上相似的內容——想像一下擁有多個地點的企業，或是在一個獨特的頁面上以不同尺寸列出的鞋子。

關鍵字蠶食

關鍵字蠶食是指多個頁面針對相同關鍵字的情況。這可能會影響您的網站擁有一個強烈針對給定術語的頁面的能力。

如果網站架構和層次結構經過仔細規劃，您應該在規劃和設計階段消除這種情況。

域、子域和協定

當網站在多個網域、子網域和協定上可用時，也會出現重複。

考慮一個具有兩個網域的企業：

• 範例.com
• 例.co.uk

對於 www 和非 www 版本：

• 範例.com
• 例.co.uk
• www.example.com
• www.example.co.uk

該網站在 HTTP 和 HTTPS 上運行：

• https://example.com
• https://example.co.uk
• https://www.example.com
• https://www.example.co.uk
• https://example.com
• https://example.co.uk
• https://www.example.com
• https://www.example.co.uk

不久之後，我們就會遇到該網站有八種潛在變體的情況。考慮到網站解析任何子網域和一些無用的內部鏈接，我們通常可以將“ww.example.com”之類的內容添加到上面的列表中。

此類問題可以透過 URL 重定向來解決。

儘管如此，他們仍然值得任何負責託管並認真對待客戶網站搜尋引擎優化的網頁設計機構考慮。

拙劣的規範 URL

我們看到的另一個常見問題是規範 URL 的錯誤實作。

通常，建立網站的人會將規範 URL 視為 SEO 清單類型的工作。它們是透過將網址列中的 URL 動態插入到規範 URL 中來實現的。

這從根本上來說是有缺陷的，因為我們最終可能會在多個 URL 上運行該網站，每個 URL 都有一個規範的 URL 聲稱它們是權威版本。

因此，規範的實施加劇了而不是解決了問題（sheesh）。 

明智地使用規範 URL 是一個強大的工具，但必須正確使用它們，否則會使情況變得更糟。

現代網頁設計考量 SEO 最佳實踐 

SEO 不是可以貼在現有網站上的繃帶。 

每個網站開發人員或 CMS 都會列出 SEO 憑證。沒有人說他們建立的網站會在搜尋結果中崩潰。無論是現在還是將來，SEO 不僅僅是一份枯燥的技術必備清單。 

與所有優秀的行銷一樣，它的最終目的是幫助您的潛在客戶實現他們的目標。 

搜尋引擎優化應該融入您行銷的各個方面，其中的中心應該是您的（優化的）網站。 

網站設計和搜尋引擎優化有很多變化的部分。 

• 第一步是仔細規劃您的場地，擁有合理的文件櫃結構來容納您的產品和/或服務。 
• 然後，優化關鍵領域，以確保 Google（和您的潛在客戶）能夠清楚地了解他們下一步該做什麼。 
• 最後，仔細檢查典型問題並確保消除任何可能阻礙您的領域。