SEO在您的網頁設計過程中屬於哪裡?

已發表: 2022-03-10
快速總結↬ “SEO”這個詞很重要。 我們知道它對網站的成功有多麼重要,然而,它往往成為網頁設計項目結束之前要處理的事情之一。 或者,更糟糕的是,它被推到了一個可能無法完成所有需要做的事情的人的盤子上。 SEO 應該是一項團隊運動——這就是今天這篇文章的全部內容。

我們都可以在網站建設中發揮作用。 設計師創建漂亮的交互式界面。 撰稿人創建消息,讓訪問者註意到並採取行動。 開發人員將它們與代碼結合在一起。

但是有一塊拼圖不能只交給一個人。 這就是搜索引擎優化。

如果您正在為客戶構建網站,並且他們期望最終取得令人印象深刻的結果(即高轉化率),那麼 SEO必須成為您流程的一部分。 你不能把它交給你的作家或專門的 SEO 並認為這就足夠了。

谷歌是一個要求很高的霸主,如果我們想讓我們的網站登上搜索榜首,就必須安撫它。 這意味著在網站設計和開發過程的整個生命週期中對 SEO 採取全面的方法。

如果你還沒有考慮到這一點,或者你想確保你已經涵蓋了你目前所做的所有基礎,那麼這篇文章就是為你準備的。 我將介紹 SEO 何時以及如何需要在您的工作流程中輸入圖片。 此外,我在這篇文章的底部包含了一個 SEO 清單,您和您的團隊可以適應您的工作流程。

跳躍後更多! 繼續往下看↓

SEO在您的網頁設計過程中屬於哪裡?

搜索引擎優化應該是您一直在考慮和計劃的事情,從勘探階段一直到發布日期。

提案階段的 SEO

當您與潛在客戶談論他們需要您的幫助時,他們將專注於網站本身。

“我需要一個網站,這樣我就可以在線銷售我的產品/擴大我的知名度/獲得新客戶。”

但這並不是他們真正想要的。 他們想要的是一個網站來幫助他們的業務在 Google 中被找到並轉化訪問者,這需要你做一些更複雜的事情,而不僅僅是將一些副本和設計拼湊在一起。

您知道,如果網站要滿足客戶的需求,就需要針對搜索進行優化。 因此,它將影響成本、時間表和流程等方面。 在您準備提案時,所有這些細節都應該在您的端部進行規劃。

至於你實際上告訴你的客戶什麼? 這就是事情變得棘手的地方。

您必須以某種方式與您的潛在客戶解決 SEO 問題 1)設定正確的期望和 2)證明您將在範圍和成本方面向他們提出的建議是合理的。 唯一的問題是,一些客戶可能知道“SEO”這個詞,但他們並不真正理解它的含義。

談話可能很快演變成這樣的事情:

:[你解釋了你的設計產品的細節,並提到搜索引擎優化是其中的一部分。]

客戶:“哦,太好了。 我有一個包含 20 個關鍵字的列表,我希望在每個頁面中都包含這些關鍵字。”

:“嗯,這並不是搜索引擎優化的真正含義。 如果您希望您的網站表現良好,則需要注意緩存、安全性和移動優先設計等方面。”

客戶:“你在說什麼? 兌現? 那是什麼? 我以為你說你做搜索引擎優化。 我想對這 20 個關鍵詞進行排名。”

你的工作是讓客戶得到他們需要的結果,而不是試圖向他們解釋你如何做到這一點的技術細節。 畢竟,這就是他們付錢給你做這件事的原因。 因此,對於您的提案和與客戶的早期討論,以下是我的建議:

首先,讓您的網站像 UPQODE 那樣做所有關於 SEO 的討論:

UPQODE SEO 服務頁面 - 服務列表
UPQODE 簡要詳細介紹了它提供的 SEO 服務的種類。 (圖片來源:UPQODE)(大圖預覽)

這將使您可以清楚地說明您提供的 SEO 類型(這也將幫助那些有 SEO 意識的客戶首先找到您)。 可以在這裡包含技術術語,只要您用外行的術語簡要解釋每個術語:

UPQODE On-Page SEO 客戶說明
UPQODE 解釋了頁面搜索引擎優化所涉及的內容。 (圖片來源:UPQODE)(大圖預覽)

我喜歡這種方法的地方在於,它使您能夠說“我們將要做 X、Y 和 Z”,同時以客戶實際理解的方式構建它。 在這種情況下,您真正​​要說的是“我們處理所有技術問題,以便您的網站在搜索中的知名度提高,從而獲得更多流量。”

這也是您應該如何與潛在客戶交談並在您的提案和合同中列出與 SEO 相關的細節的方式。

換句話說,不要過多地研究您的 SEO 任務。 相反,只需說明好處。 例如:

  • 響應式網頁設計,在所有設備上看起來都很棒。
  • 可在三秒或更短時間內加載的網頁,以獲得最佳訪問者體驗。
  • 加強安全性以保護您的所有業務數據以及訪問者數據的私密性。
  • 易於人類閱讀,甚至更易於 Google 機器人理解的內容。
  • 定制的用戶路徑,可立即將訪問者轉變為客戶。

目標是讓他們加入您的搜索優化網頁設計服務,甚至可能在之後進行持續的維護和支持。 要做到這一點,您必須清楚地傳達好處,而不要讓它們陷入 SEO 的技術細節中。

設置和規劃階段的 SEO

在批准項目的早期階段,SEO 不應該遠離你的想法。 雖然您可能還沒有積極地進行優化,但最好確保您正在使用的基線不會為您帶來更多的工作。

以下是一些需要注意的事項:

審查客戶的設計資產

您可能會要求客戶在項目開始之前為您提供資產、登錄名甚至副本。 雖然這主要是為了保護自己免受範圍蔓延,但它也可以為 SEO 派上用場。

假設您的客戶交出了質量非常低或看起來超級過時的徽標和其他圖像資產。 您越早掌握這些資產,就越早讓他們知道如果他們希望人們認真對待他們的網站,就需要更換這些資產。

如果訪問者不喜歡網站的外觀,他們會毫不猶豫地放棄它,而高跳出率將扼殺網站的排名。 因此,請確保您的客戶不會阻礙您試圖幫助他們實現的結果。

與文案合作

即使專業文案為您的網站創建內容,如果您從一開始就沒有與他們密切合作,也可能會出現問題。

網頁設計機構經常爭論內容優先網站開發與設計優先的優點。 事實是,它們應該一起創建。 如果你不這樣做,你就會把整個項目置於危險之中。

對於初學者來說,獨立工作的作家和設計師必然會想出不同的方法來處理風格和佈局。 但是,如果您從一開始就建立指導方針(您可以使用線框圖輕鬆做到這一點),您可以避免在創建副本和設計時出現任何脫節。

Wireframe.cc 用於移動頁面佈局的線框
設計師可以使用像 Wireframe.cc 這樣的工具來創建他們和作者都可以使用的線框。 (圖片來源:Wireframe.cc)(大圖預覽)

無論如何,您都要對您構建的任何網站進行線框設計,那麼為什麼不向作者提供一份副本,這樣你們兩個就可以從一開始就在同一頁面上呢? 更好的是,為什麼不和作者合作呢? 他們可能不知道設計技術或最佳實踐,但他們當然可以提供有關最佳文本長度、某些銷售或營銷信息的優先級等方面的見解。

然後是優化搜索副本的問題。 理想情況下,您希望與可以執行以下操作的文案合作:

  • 創建可操作的消息傳遞和 CTA,
  • 自然地將目標關鍵詞編織到文案中,
  • 為用戶意圖而寫,
  • 用 HTML 編寫,
  • 創建可讀和可掃描的副本,
  • 建立一個頁面到頁面的內部鏈接系統,
  • 創建元標記並優化 URL 以進行搜索,
  • 為圖像編寫 alt 標籤。

從一開始就內置到副本中的內容越多,您以後對它們進行的來回操作就越少。 它還可以免除您嘗試自行解決此問題的麻煩(您不應該嘗試這樣做)。

銷售漏斗設計

為了增加網站的轉化率,您應該在其中設計銷售漏斗。 但銷售漏斗不僅僅是您在網站上為訪問者制定的一系列步驟。

這一切都始於了解網站之外的用戶意圖。 如果您知道是什麼吸引了來自搜索引擎和社交媒體的訪問者訪問您的網站,則可以設計元數據登錄頁面以符合該意圖。

同樣,如果您預先考慮 SEO 進行研究和規劃,那麼您以後要做的清理工作就會減少。

設計和開發期間的 SEO

顯然,這對您來說是最重要和勞動密集型的階段。 雖然很容易被設計和編碼所包圍,但重要的是不要在這裡忽視 SEO。

我建議創建一個通用的 SEO 清單,您可以在項目之間使用。 如果您現在考慮所有可能的優化,您可以消除 SEO 的猜測。 此外,清單可以讓您更好地了解需要完成的所有事情,這將使您能夠找到更有效的方法來將搜索優化構建到您的流程中。

為了幫助您,我創建了以下 SEO 清單。 隨意複製和使用以滿足您自己的需要:

  • 技術搜索引擎優化
    • 具有 99.9%+ 正常運行時間的網絡託管
    • 具有乾淨網絡歷史的域
    • 已安裝 SSL 證書
    • 已實施防火牆
    • 啟用緩存(頁面、瀏覽器、對像等)
    • 圖像壓縮和調整大小(內部系統或自動)
    • 自動備份
    • 已連接 Google Analytics(分析)帳戶
    • 已啟用 Google Analytics 目標跟踪、電子商務跟踪和其他特殊跟踪
    • 已連接 Google Search Console 帳戶
    • XML站點地圖設置並提交給谷歌
    • 為圖像和視頻提交單獨的站點地圖
    • Robots.txt 設置
    • Schema.org 標記(相關時)編寫
  • 設計搜索引擎優化
    • 信息架構圖
    • 響應式網頁設計
    • 移動優先的網頁設計
    • 每頁 1 個清晰的 CTA
    • 自定義 404 頁面設置
    • 所有鏈接、按鈕和表單都經過測試和工作
  • 頁面搜索引擎優化
    • 每頁 1 個唯一的焦點關鍵字
    • 重點關鍵詞密度在1-3%之間
    • 50-60 個字符的元標題,包括焦點關鍵字
    • 150-160 字符元描述,包括焦點關鍵字
    • 簡短但描述性的 slug,包括焦點關鍵字
    • 無錯誤的內容
    • 每頁至少 1 個相關的內部鏈接
    • 每個頁面的特色圖片
    • 每個圖像的描述性替代文本
    • 使用的標頭標籤(焦點關鍵字至少包含在 1 個中)
    • 標題每 300 個字左右出現一次
    • 句子不超過兩行
    • 段落不超過五行
    • 重複內容分析
    • 抄襲檢查
  • 本地搜索引擎優化
    • 谷歌我的商家頁面設置
    • 包括特定於地理位置的關鍵字
    • 創建的特定於位置的頁面(相關時)
    • 提供的聯繫信息(例如電話號碼、地址等)
  • 持續的 SEO 支持
    • Web 服務器正常運行時間、速度和安全性分析
    • 頁面速度測試
    • 安全監控
    • 谷歌黑名單監控
    • 關鍵字排名監控
    • 斷鍊檢查
    • 軟件更新

幾點注意事項

  1. 任何與您服務的客戶類型或您提供的服務類型無關的內容,刪除該行。
  2. 如果我缺少任何東西,請隨時添加(例如,如果您專門從事電子商務設計並希望準備產品頁面以顯示在 Google 購物結果中)。
  3. 如果您不習慣檢查頁面上的 SEO 內容,請將其交給校對員或編輯(沒有進行文案撰寫的人)。

對於那些正在尋找更多賺錢機會的人,此 SEO 清單也可用於分析現有網站並向潛在客戶提供網站重新設計或優化計劃。

包起來

關鍵字優化和鏈接建設只是 SEO 難題的一部分。 作為網頁設計師或開發人員,您也可以在這裡做出巨大的貢獻。 無論是後端編寫的代碼質量、圖像的優化方式還是網站的安全性,這些都是您負責管理的任務,沒有編寫者或 SEO 將或不應該處理。 而且,如果沒有這些優化,Google 和您的訪問者將不會注意到您為他們努力構建的網站。