網頁設計和 SEO：何時、何地以及如何將 SEO 引入您的下一個網站項目

成功的網站將 SEO 集成到 Web 開發項目的一些最早規劃階段。 從您網站的分類和菜單到考慮如何在移動設備上查看設計元素，SEO 在整個網頁設計過程中涉及數量驚人的決策。 如果您正在考慮重新設計網站或創建新網站，請密切關注本文中討論的一些最大的 SEO 接觸點。 忽略其中之一，您的網站可能無法發揮其全部潛力！

一般來說，網頁設計和 SEO 協同工作，以確保您的網頁完全可以被搜索引擎索引，設置為最大化排名信號，並在用戶準備好採取下一步時適當地將他們引導到轉換點。 根據團隊的規模和利益相關者的多樣性，SEO 可能會迷失於華麗的網頁設計或用戶體驗決策。 歸根結底，SEO 網站設計需要一種平衡，這取決於每個網站的目標。 作為營銷人員，我們的目標是獲得營銷合格的潛在客戶，因此我們始終以 SEO 為出發點開始網絡項目。 請記住，SEO 需要儘早進行仔細規劃，不僅要盡可能多地吸引相關用戶，還要最大限度地提高您所吸引的用戶的轉化率。

在本文中，我們將討論以下因素以及為什麼它們應該在 Web 項目的設計和規劃階段根深蒂固：

• 爬取和索引
• 分類
• 導航
• 網址結構
• 移動友好設計
• 頁面速度

爬取和索引

為了讓搜索引擎了解您的網站，他們必須能夠抓取您的內容。 搜索引擎和人類都需要大量的文本來完全理解你在做什麼。 排名信號很大程度上基於搜索引擎需要抓取才能理解的基於文本的內容。 這意味著頁面模板需要專注於基本原理，例如將易於抓取的文本放在折疊上方，但也需要關注較小的複雜性，例如在您的主圖像上方分層文本，而不是將其烘焙到無法抓取的圖像本身。

儘管 Google 更擅長抓取此內容，但不要將您的文本內容隱藏在外部 JavaScript 資源後面，因為搜索引擎在抓取外部 JS 表中的內容時有過麻煩的歷史。 將文本放在 HTML 中的頁面上，並且當它們為您的用戶提供價值時，不要羞於鏈接到您站點上的其他頁面。 這可確保您的所有內容保持可抓取狀態，而且如果您的用戶需要更多信息，還可以為他們提供清晰和交互式的跟進。

分類

如果您沒有按照用戶期望的方式設置您的網站，分類法可以輕鬆地成就或破壞網站的用戶體驗。 SEO 通過提供有關您的受眾如何搜索您的產品和服務的見解來發揮作用。 搜索者是否對您產品的款式、製成的材料或其主要應用更感興趣？ 我們以車庫門為例。

您可能會進入一個包含 5 個不同車庫門產品線的網絡項目，並認為材料、樣式、價格和尺寸應該圍繞這 5 個品牌展開。 您可能會要求您的營銷實習生進行一些關鍵字研究，發現搜索者對車庫門的風格（現代、經典、馬車房等）更感興趣，然後按尺寸、材料和價格進一步縮小選擇範圍。 此信息現在完全塑造了您網站的結構，因為您現在知道搜索者主要對您的 D1 Elite Garage Door 產品線中的“現代車庫門”感興趣。 Web 團隊現在可以在設置新站點的層次結構時使用此信息。

這很好地引導我們進入下一個主題，即您網站的導航。

導航

既然您知道您的受眾如何搜索，那麼圍繞他們的主要興趣構建您的菜單很重要。 以我們之前的示例為例，讓您的父菜單鏈接以樣式而不是產品線為中心可能是最大化車庫門安裝的正確決定。 現在，搜索者可以輕鬆地在現代門和經典門之間點擊，然後縮小材料、尺寸和價格等次要標準，最終從它們中找到產品線。 您的網站不會強迫他們了解您的 5 個品牌並找出適合他們的品牌，而是將他們關心的放在首位，然後讓他們深入了解適合他們車庫的產品線。 不是反過來。 在您的主菜單上考慮搜索習慣，您的網站會圍繞對您的受眾重要的內容構建，而不是您認為他們關心的內容。

網址結構

作為搜索引擎優化者，我們必須遵守國家法律來安撫算法。 為這些複雜的公式提供上下文使他們的排名決策更容易，讓您的相關內容更有機會為您的目標關鍵字達到第 1 位或第 0 位。 您 6 歲的侄子應該能夠查看您的 URL 並告訴您該頁面上的內容，甚至無需查看內容。 當不遵循最佳實踐並且您得到如下 URL 時，這種區別非常明顯：

https://www.example.com/ShowCategory.aspx?cid=1995

而不是這個：

https://www.example.com/clothing/apparel/headwear/bucket-hats

在上面的兩個 URL 中，您認為搜索引擎更容易理解哪個？ 讓 Google 輕鬆理解您的內容是 SEO 的重要組成部分，因此在設計過程的早期考慮正確的 URL 結構可以避免重定向和麻煩。 最佳實踐包括使用簡單的文件夾結構，同時遵循一致的命名模式，讓搜索引擎毫無疑問地了解頁面的主題。 SEO 網站設計是關於清晰和不保守秘密的！

移動友好設計

2019 年，移動設備瀏覽互聯網的次數超過任何其他設備。 移動友好性不僅是排名因素，而且您網站的移動版本現在被搜索引擎用於確定排名。 如果您希望在搜索領域取得成功，這將使您網站的移動體驗完全不可忽視。 不言而喻，如果您想在搜索領域取得成功，響應式設計是 2019 年必不可少的。

Google 提供了許多用於分析移動設備友好性的工具，重點關注技術元素，例如避免 Flash 和插頁式廣告、配置您的視口以正確縮放到許多不同的設備、確保字體大小足以在較小的移動設備上閱讀，以及接觸點分佈得足夠遠，以避免粗手指點擊。

頁面速度

頁面速度是網站優化的一個領域，最好跟隨 Google 的領先優勢並按照既定標准進行優化。 谷歌的馬特·卡茨 (Matt Cutts) 的一句古老而精彩的引述：

......谷歌內部的很多人認為網絡應該很快。 這應該是一個很好的體驗，所以公平地說，如果你是一個快速的網站，也許你應該得到一點獎勵。 如果你的網站真的很慢，那麼用戶可能並不想要那麼多。

這句話出自 2009 年，自此聲明以來，網站速度僅成為搜索中的一個重要因素。 事實上，網站速度於去年被宣佈為官方排名因素。 讓它深入人心。您網站的速度對您的網站在目標關鍵字上的排名有直接影響。

網頁設計界的一個流行趨勢是利用大量圖像來實現簡單、時尚的佈局。 雖然這對用戶如何與您的內容進行交互和互動有很多好處，但要警惕媒體過度使用和忽略文本內容。 豐富的圖像文件是影響網站速度的最大方式之一，導致加載時間過長，用戶在等待高分辨率照片下載時擺弄拇指。 如果您從他們的網站速度報告中看到“優化圖像”作為 Google 的推薦，這就是他們所指的內容。

事實是，當圖像被正確壓縮時，大多數用戶無法分辨出太大的區別。 無損壓縮（AKA 對圖像質量的影響足以減小文件的大小，但不足以對人眼產生明顯的變化）一直很受歡迎，但它在確保移動設備方面比以往任何時候都更有用t 需要 10 秒鐘來填充您的網頁。

確保您的文本內容和圖像內容的平衡是健康的，不要僅僅依靠富媒體來推動您的觀點。 在設計過程中儘早提出這個想法可以避免任何頁面速度的失敗。 設計必須融入文本區域以及圖像和視頻，以便搜索引擎和用戶都能理解您的信息。

這些是品牌在開始重新設計網頁或新的 SEO 網頁設計項目之前應該意識到的最大因素。 如果您對上述內容有任何疑問，請聯繫 Top Floor，看看 SEO 專家如何為您的下一個項目節省時間、金錢並提高您的搜索排名。