網頁設計師應在2020年了解的SEO要點

設計對內容可見性有很大的影響，SEO也是如此。但是，一些關鍵的SEO概念使網頁設計師難以正確理解。這可能會產生一個問題：大多數精心設計的網站針對SEO優化都非常差。

以下是我們將在本文中介紹的內容概述：

首先為搜索引擎設計移動端

結構內容具有自然可見性

關注用戶意圖（而非關鍵詞）

通過內部鏈接發送正確的信號

圖片SEO快速指南

避免使用彈出式窗口

首先為搜索引擎設計移動端

2020年，搜索引擎將優先考慮移動端，并依據移動端建立索引。那么，這對網站設計有何影響？

好吧，這意味著您的網站應該具有響應能力。自適應設計并不是要使元素適合各種屏幕。這與可用性有關。這需要將您的思維轉變為在多個設備上設計一致的高質量體驗。

用戶訪問網站時需要注重以下幾件事：

靈活的文字和圖像。人們應該能夠查看圖像和閱讀文本。沒有人喜歡看著像素，希望它們能變成可讀取的圖像。

為設計更改定義了斷點。您可以通過CSS媒介查詢來實現。

能夠在所有設備上使用您的網站。這可能意味著能夠以縱向或橫向模式使用您的網站，而不會丟失一半功能或使用不起作用的按鈕。

旨在保持比例的自適應站點。

由于這不是主要主題，因此我們不會具體介紹如何創建出色的響應式網站。但是，假如您想深入研究這個有趣的主題，可以咨詢我們的在線客服。

您是否需要具體的視覺效果來幫助您理解為什么必須從一開始就考慮事物的移動性？我們提供了絕佳的設計圖，以使您明白這一點：

為較小的屏幕制作內容

您的內容應與您的設計一樣敏感。使內容對用戶具有響應性的第一步是了解用戶的行為和偏好。

內容應該吸引人，以便用戶滾動閱讀更多內容；

停止思考文字。動畫gif，視頻，信息圖表都是非常有用的內容類型，非常適合移動設備使用；

保持標題簡短誘人。您需要說服訪問者單擊某篇文章，否則文本墻將無法實現；

不同的設備有時可能意味著不同的期望或不同的用戶需求。您的內容應反映出這一點。

關于響應式設計的SEO技巧：

百度提供了移動友好的測試工具。不過請小心：此工具可幫助您達到百度的設計標準，但這并不意味著您的網站已針對移動體驗進行了完美優化。

使用谷歌的治理員工具中的“獲取并呈現”功能，測試Google機器人如何查看您的網站。您可以測試臺式機和移動設備的格式，以了解人類用戶和Google漫游器如何看到您的網站。

搜索引擎爬網技術：使機器人更聰明

搜索引擎以某種方式來搜尋網站。我們稱其為“爬網技術”。新的搜索引擎的爬網技術已經發展了很多：它可以本地處理AJAX和JavaScript。這意味著，在2020年，爬網機器人可以“查看”您的更多內容，這些內容可能已經隱藏在某些代碼后面。

例如，搜索引擎的新移動索引將調整隱藏在標簽中的內容的影響（使用JavaScript）。進行此更改之前，很佳實踐是不惜一切代價避免隱藏內容，因為它對SEO的效果不佳。

有效可見性的網站結構

SEO專家認為頁面結構是搜索引擎機器人可以訪問的路徑。這意味著我們將著眼于頁面設計以快速確定什么是H1，H2和H3標簽。網站結構應該有意義。這意味著它應該成為機器人可以遵循的路徑。假如您對所有這些聽起來都很熟悉，則可能是由于還使用了內容層次結構來提高可訪問性。SEO和可訪問性如何使用H標簽之間存在一些細微的差異：

SEO專注于H1到H3標簽，而可訪問性則使用所有H標簽（H1到H6）。

SEO專家建議每頁使用一個H1標簽，而可訪問性則每頁使用多個H1標簽。盡管谷歌過去曾說過在一個頁面上接受多個H1標簽，但多年的經驗表明，單個H1標簽可以更好地幫助您進行排名。

SEO專家通過在頁面上顯示標題來調查內容結構。您可以使用WebDeveloperToolbar擴展（在Chrome和Firefox上可用）快速進行相同類型的檢查。假如進入信息部分并單擊“查看文檔大綱”，則會在瀏覽器中打開一個帶有內容層次結構的選項卡。

SEO技巧，以使內容層次結構正確

內容層次結構不應包含側欄，頁眉或頁腳。為什么？因為假如我們談論的是巧克力食譜，并且您向機器人展示的第一件事就是側邊欄為您的時事通訊推薦了一份注冊表單，那么它就達不到用戶的期望（提示：除非時事通訊注冊承諾要一塊巧克力蛋糕晚餐，您將有很多失望的用戶）。

假如回到Canva頁面，您會看到“相關文章”和其他H標簽不應屬于此頁面的內容層次結構，因為它們不能反映該特定頁面的內容。盡管HTML5標準建議對邊欄，頁眉和頁腳使用H標簽，但它與SEO不太兼容。

內容數量變化：長篇內容正在增加

創建內容對于在搜索引擎中排名至關重要。用文案撰寫的方式來說，這種類型的內容通常是核心頁面的一部分。它可以采用教程和FAQ頁面的形式，但是基礎內容是網站排名靠前的基礎。因此，它是網絡營銷吸引訪客，反向鏈接并在行業市場中定位品牌的寶貴資產。

在過去，400字的頁面被認為是搜索引擎排名中的“長篇”內容。如今，多于1000、2000甚至3000個字的長篇內容經常比短格式內容好。這意味著您需要開始進行規劃和設計，以使長格式內容引人入勝并且可滾動。設計交互應該在美學上令人愉悅，即使對于龐大的內容（如核心內容頁），也應創建一致的體驗。長篇內容是營造沉浸式和引人入勝的體驗的好方法。

當然，由于機器學習，位置數據，語言和許多其他排名因素，這些結果在不斷變化。但是，這很好地表明了用戶的意圖和長篇幅的內容是從目標受眾那里獲得可見性的好方法。

設計長篇內容的技巧

以下是一些技巧，可幫助您設計長格式內容：

間距至關重要。空格有助于使內容更易于人眼掃描。

視覺提示有助于導航。鼓勵用戶采取行動，而又不背離所講的故事。

通過插圖或視頻動畫增強內容，以保持用戶的參與度。

印刷術是打破文本單調并保持頁面視覺流動的好方法。

直觀的滾動幫助使滾動過程感覺無縫。始終在信息中提供清楚的導航路徑。

提供里程碑。時間指示器非常有助于讀者在閱讀內容時獲得成就感。

用戶意圖至關重要

在過去的幾年中，搜索引擎得到了長足的發展。它的目標一直是讓其機器人模擬人類行為來幫助評估網站。這意味著搜索引擎優化已超越了“關鍵詞”，并試圖了解用戶在搜索引擎中鍵入的搜索查詢背后的意圖。

例如，假如您致力于優化銀行應用程序的內容并進行關鍵詞研究，您會發現經常出現“免費iPad”一詞。直到您意識到大多數銀行過去都在進行促銷活動，以便為每個新開設的帳戶提供免費的iPad，這才有意義。有鑒于此，我們知道，將“免費iPad”用作未操作此類促銷活動的銀行使用的應用程序的關鍵詞不是一個好主意。

用戶意圖很重要，除非您希望按可能帶來不合格流量的字詞進行排名。這是否意味著關鍵詞研究現在毫無用處？當然不是！這僅意味著，我們進行關鍵詞研究的方式現已融合了UX用戶體驗的方式。

研究用戶意圖

用戶體驗對于SEO至關重要。我們還關注用戶意圖。用戶進行的搜索查詢為我們提供了有關人們如何看待內容，產品和服務的寶貴見解。研究用戶意圖可以幫助發現用戶的需求，問題和愿望。搜索引擎通過以下要點來發現用戶意圖：

我想知道。用戶在此階段需要信息或靈感。查詢通常是對話式的-它始于問題。由于用戶不知道解決方案，有時甚至不知道用什么詞來形容他們的愛好，因此查詢總是有些模糊。

我想去。位置，位置，位置！發出當地意圖的查詢正在逐漸普及。我們不要任何類型的餐廳；重要的是很接近我們/我們所在地區很好的那個。好吧，這可以在包含“靠近我”或特定城市或社區的查詢中看到。本地化對人類很重要。

我想要做。人們還會搜索他們想做的事情。這是教程的關鍵。廣告有望快速減肥，但精明的企業家應告訴您如何具體減肥。

我想買。客戶展示了很明確的在線購買意圖。他們希望“交易”或“評論”做出決定。

發現用戶意圖

您的UX或設計策略應反映出用戶意圖的這些各個階段。在您所做的字詞上稍作調整會帶來很大的不同。那么如何發現用戶意圖呢？我們建議您使用GoogleSearchConsole，以獲取有關用戶如何找到您的見解。這個免費的工具可幫助您發現用戶搜索以找到您的內容的某些關鍵詞。讓我們看兩個可以幫助您發現或驗證用戶意圖的工具。很重要的是，它們是免費的！

Google趨勢

Google趨勢是一種很好的方法，可以驗證某事物的受歡迎程度是上升，下降還是穩定。它在本地提供數據，并答應您比較兩個查詢以查看哪個查詢更受歡迎。該工具是免費的且易于訪問（與AdWords中的“關鍵詞規劃工具”工具相比，該工具需要一個帳戶，而且更麻煩）。

公眾問答

公眾穩問答是一種快速查看人們在正在尋找什么的好方法：通過百度知道、悟空問答等問答平臺來了解人們的需求。它不像SEO專家使用的某些工具那樣正確，但是請記住，我們并不是在要求設計師和UX專家成為搜索引擎優化專家！注重：此工具不會提供統計數據或本地數據。此處無需教程，只需嘗試一下即可！

內部鏈接：因為我們都有很喜歡的頁面

您網站上的鏈接向搜索引擎機器人發出了信號，表明您發現哪些頁面比網站上的其他頁面更有價值。對于尋求優化站點內容的SEO來說，這是主要關注的問題之一。經過深思熟慮的內部鏈接結構可為SEO和UX帶來好處：

內部鏈接有助于根據與常規導航不同的類別來組織內容；

它為用戶提供了更多與您的網站進行交互的方式；

它顯示了搜索引擎機器人從您的角度來看哪些頁面很重要；

它為每個鏈接提供清楚的標簽并提供上下文。

這是內部鏈接的快速入門：

主頁往往是網站上很權威的頁面。因此，這是一個很棒的頁面，可指向您想要提高SEO的其他頁面。

主頁鏈接中的所有頁面通常會被搜索引擎機器人解釋為重要。

停止在整個網站上使用通用關鍵詞錨。它可能是垃圾郵件。“閱讀更多”和“單擊此處”為用戶和機器人提供的上下文很少。

利用導航欄，菜單，頁腳和面包屑鏈接為您的關鍵頁面提供足夠的可見性。

CTA文字也應清楚明確，以鼓勵轉換。

收藏內容中的鏈接：它具有高度的上下文關系，比在網站上可以找到的通用錨文本或頁腳或側邊欄鏈接具有更大的影響力。

根據百度的說法：鏈接在頁面中的位置無關緊要。但是，SEO傾向于選擇頁面上較高的鏈接。

搜索引擎更簡單“評估”文本內容中的鏈接而不是圖像錨點，因為通常情況下，圖像沒有清楚的上下文ALT屬性。

圖片搜索引擎優化

圖片SEO是SEO不同類型網站的重要組成部分。博客和電子商務網站嚴重依靠視覺項目來吸引訪問量。內容和可購買媒體的社會發現增加了訪問量。

我們不會具體介紹如何優化ALT屬性和文件名，因為其他文章對此做得很好。但是，讓我們看一下我們傾向于在網絡上使用的一些主要圖像格式（而且搜索引擎能夠無任何問題地進行抓取）：

JPEG很適合與人，地點或事物結合的照片或設計。

PNG很適合具有透明背景的圖像。

GIF很適合動畫GIF，否則，請使用JPG格式。

越小越好：有關圖像壓縮的一些技巧

搜索引擎偏愛較小的圖像，越小越好。但是，您可能會碰到一個隱藏的問題：CMS。您可以上傳一張圖像，但是CMS可以創建更多圖像。例如，WordPress經常會為每個圖像創建3至5個不同大小的變體。這意味著圖像可以快速影響您的性能。解決此問題的很佳方法是壓縮圖像。

不要相信GOOGLEPAGESPEED

不確定圖像是否會拖累性能？從您的網站上瀏覽一個頁面，通過在線優化器進行瀏覽，看看結果如何！假如您打算使用GooglePageSpeedInsights，則需要考慮以下事實：該工具使用一種特定的算法來分析圖像。有時，您的圖片會使用Google工具未檢測到的另一種算法進行完美優化。這可能會導致錯誤的肯定結果，告訴您優化已經優化的圖像。

可以使用的工具

假如要開始使用圖像壓縮，可以采用以下三種方法：

開始在照片編輯工具中壓縮圖像（大多數工具具有“網絡導出”類型的功能）。

安裝與CMS兼容的插件或模塊即可為您完成工作。Shortpixel是用于WordPress的一個很好的工具。它是免費的，因此您可以優化到一定程度的免費，然后在需要壓縮更多圖像時進行升級。很好的是，它可以保留備份，以防萬一您要還原所做的更改。您可以使用EWWWW或ShortPixel之類的服務。

使用API或腳本為您壓縮圖像。Kraken.io提供了可靠的API來完成工作。您可以使用ImageOptim或Kraken之類的服務。

有損與無損圖像壓縮

圖像壓縮有兩種形式：有損和無損。沒有用于優化圖像的魔術棒。這取決于您用于優化每個圖像的算法。

有損并不意味著圖像不好。JPEGS和GIFS是我們一直在線使用的有損圖像格式。與代碼不同，您可以從圖像中刪除數據，而不會破壞整個文件。因為我們以不同的方式對不同的顏色敏感，所以我們的眼睛可以忍受一些數據丟失。通常，對圖像應用50％的壓縮將使其文件大小減少90％。超出此范圍不值得承擔圖像降級的風險，因為它會引起您的訪客注重。當涉及有損圖像壓縮時，它是在質量和尺寸之間尋求折衷。

無損圖像壓縮專注于從JPEG和PNG文件中刪除元數據。這意味著您將不得不尋找其他方式來優化您的加載時間，因為圖像總是比使用有損壓縮優化的圖像更重。

帶有文字的橫幅

曾經開過Pinterest嗎？您將看到一面帶有文字的圖像墻。SEO中許多人的現實情況是搜索引擎機器人無法閱讀有關如何“炸雞面條湯”或您很喜歡的迪士尼夫婦的所有內容。搜索引擎可以讀取圖像文件名和圖像ALT文本。因此，在設計包含文本的營銷標語時考慮這一點至關重要。始終確保已優化圖像文件名和圖像ALT屬性，以向搜索引擎提供有關圖像上寫內容的線索。假如可能，請在代碼中提供帶有文本覆蓋的圖像內容。這樣，谷歌將能夠閱讀它！

這是一個快速清單，可以幫助您優化圖像的ALT屬性：

ALT屬性不能太長：目標為12個字以內。

ALT屬性應該描述圖像本身，而不是圖像所包圍的內容（假如您的圖片是一棵棕櫚樹，請不要將其標題為“要參觀的十大海灘”）。

ALT屬性應使用正確的語言。這是一個具體示例：假如頁面是用法語編寫的，則不要為其中的圖像提供英語ALT屬性。

ALT屬性可以像普通句子一樣書寫。無需用破折號分隔單詞，可以使用空格。

ALT屬性應以人類友好的方式進行描述。它們不包含一系列用逗號分隔的關鍵詞！

手機視覺干擾的懲罰

搜索引擎制定了新的設計懲罰措施，以影響網站在其結果頁面上的移動排名。假如您想了解更多信息，可以閱讀有關該主題的深入文章。底線：避免在搜索引擎編制索引的移動目標網頁上出現不請自來的插頁式廣告。

SEO確實有指南，但我們沒有視覺創造力來提供符合標準的極致解決方案。

從本質上講，營銷人員長期以來一直將插頁式廣告作為促銷工具來幫助他們吸引和轉化訪問者。插頁式廣告可以定義為阻止網站主要內容的內容。假如您的彈出窗口涵蓋了移動屏幕上顯示的主要內容，則該彈出窗口在沒有用戶交互的情況下出現，則很可能會觸發算法懲罰。

提示如何避免懲罰

沒有彈出窗口；

無滑軌；

插頁式廣告不能占據屏幕的20％以上；

將其替換為頁面頂部或底部的非侵入式功能區；

或選擇位于頁面中間或末尾的嵌入式Optin框。

有些人可能永遠看不到您的設計

在網絡上尋找信息時，人們越來越多地選擇聲音搜索。超過55％的青少年和41％的成年人使用語音搜索。令人驚異的是，這種普遍現象是很近才出現的：大多數人始于2021年。

用戶以對話的方式從搜索引擎查詢信息。這為網站設計增加了一層復雜性：為可能從未體驗過網站視覺效果的用戶量身定制體驗。例如，發出請求時，搜索引擎可以“讀出”網站摘要信息。這是對舊概念的新顛覆。

究竟，這是對可訪問性的擴展。但是，這一次意味著大多數用戶將依靠于可訪問性來獲取信息內容。為語音搜索進行設計意味著優先考慮讓您的設計被聽到而不是被看到。對于那些有愛好將設計一直擴展到代碼的人，應該研究豐富的摘錄對數據結構的影響以及在搜索引擎結果頁中的可見度。

設計和用戶體驗影響SEO

這是本文的快速備忘單。它包含您可以通過UX和設計來改善SEO的具體操作：

搜索引擎將根據其移動體驗開始對網站進行排名。查看您的移動版本的可用性，以確保您已預備好應對搜索引擎即將進行的更改。

檢查頁面的內容組織。H1，H2和H3標簽應有助于在機器人可以遵循的內容中創建一條路徑。

關鍵詞策略采用UX方法，以達到用戶搜索意圖的核心，以精心制作排名很佳的優化內容。

內部鏈接很重要：您網站上的鏈接正在向搜索引擎機器人發出信號，表明您發現哪些頁面比網站上的其他頁面更有價值。

使圖像更具可見性：優化文件名，ALT屬性，并考慮搜索引擎機器人如何“讀取”圖像。

現在，移動算法懲罰包括彈出窗口，標語和其他類型的插頁式廣告。假如您想在移動搜索結果中保持良好的排名，請避免在目標網頁上插入不請自來的插頁式廣告。

隨著搜索引擎APP的興起，語音搜索的設計很快就會成為現實。這將意味著優先考慮讓您的設計被聽到而不是被看到。

藝取貫轟建逼打勁千戚摘陪既壓軌揪擾年皮渡淺袋練缸喉烏方斷巾膀拼姓峰拔濟廣膜猛惕襯凍腐行腎征慣夕雙濾麻診京痛球店雹途煎帝攤儉像定碎擱劇鵝唉就境蒙蹤兆餅閱霧暈鐵買霉森使釘質飽雜位觀緊亭蔬花敗磁梳紡壞糊鉆廈獨飛什歷嫩元貪版侄蘋雖淋陰仰太未坊飲虎遙嚷航勇皆觀炕露疤榴更丁繭鉗淋悉慶必增專策座沈骨皂腹誰漆籃葬奪認統偉日湯色卡塵暫應醫邊宿v4Q。網頁設計師應在2020年了解的SEO要點。跨境電商seo是什么意思,開封seo電話,如何給官網做seo,佛山網絡營銷都用樂云seo專家