網(wǎng)頁設計師應在2020年了解的SEO要點

設計對內(nèi)容可見性有很大的影響，SEO也是如此。但是，一些關(guān)鍵的SEO概念使網(wǎng)頁設計師難以正確理解。這可能會產(chǎn)生一個問題：大多數(shù)精心設計的網(wǎng)站針對SEO優(yōu)化都非常差。

以下是我們將在本文中介紹的內(nèi)容概述：

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

結(jié)構(gòu)內(nèi)容具有自然可見性

關(guān)注用戶意圖（而非關(guān)鍵詞）

通過內(nèi)部鏈接發(fā)送正確的信號

圖片SEO快速指南

避免使用彈出式窗口

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

2020年，搜索引擎將優(yōu)先考慮移動端，并依據(jù)移動端建立索引。那么，這對網(wǎng)站設計有何影響？

好吧，這意味著您的網(wǎng)站應該具有響應能力。自適應設計并不是要使元素適合各種屏幕。這與可用性有關(guān)。這需要將您的思維轉(zhuǎn)變?yōu)樵诙鄠€設備上設計一致的高質(zhì)量體驗。

用戶訪問網(wǎng)站時需要注重以下幾件事：

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

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

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

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

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

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

為較小的屏幕制作內(nèi)容

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

內(nèi)容應該吸引人，以便用戶滾動閱讀更多內(nèi)容；

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

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

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

關(guān)于響應式設計的SEO技巧：

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

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

搜索引擎爬網(wǎng)技術(shù)：使機器人更聰明

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

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

有效可見性的網(wǎng)站結(jié)構(gòu)

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

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

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

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

SEO技巧，以使內(nèi)容層次結(jié)構(gòu)正確

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

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

內(nèi)容數(shù)量變化：長篇內(nèi)容正在增加

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

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

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

設計長篇內(nèi)容的技巧

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

間距至關(guān)重要。空格有助于使內(nèi)容更易于人眼掃描。

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

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

印刷術(shù)是打破文本單調(diào)并保持頁面視覺流動的好方法。

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

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

用戶意圖至關(guān)重要

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

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

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

研究用戶意圖

用戶體驗對于SEO至關(guān)重要。我們還關(guān)注用戶意圖。用戶進行的搜索查詢?yōu)槲覀兲峁┝擞嘘P(guān)人們?nèi)绾慰创齼?nèi)容，產(chǎn)品和服務的寶貴見解。研究用戶意圖可以幫助發(fā)現(xiàn)用戶的需求，問題和愿望。搜索引擎通過以下要點來發(fā)現(xiàn)用戶意圖：

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

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

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

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

發(fā)現(xiàn)用戶意圖

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

Google趨勢

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

公眾問答

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

內(nèi)部鏈接：因為我們都有很喜歡的頁面

您網(wǎng)站上的鏈接向搜索引擎機器人發(fā)出了信號，表明您發(fā)現(xiàn)哪些頁面比網(wǎng)站上的其他頁面更有價值。對于尋求優(yōu)化站點內(nèi)容的SEO來說，這是主要關(guān)注的問題之一。經(jīng)過深思熟慮的內(nèi)部鏈接結(jié)構(gòu)可為SEO和UX帶來好處：

內(nèi)部鏈接有助于根據(jù)與常規(guī)導航不同的類別來組織內(nèi)容；

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

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

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

這是內(nèi)部鏈接的快速入門：

主頁往往是網(wǎng)站上很權(quán)威的頁面。因此，這是一個很棒的頁面，可指向您想要提高SEO的其他頁面。

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

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

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

CTA文字也應清楚明確，以鼓勵轉(zhuǎn)換。

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

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

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

圖片搜索引擎優(yōu)化

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

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

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

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

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

越小越好：有關(guān)圖像壓縮的一些技巧

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

不要相信GOOGLEPAGESPEED

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

可以使用的工具

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

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

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

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

有損與無損圖像壓縮

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

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

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

帶有文字的橫幅

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

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

ALT屬性不能太長：目標為12個字以內(nèi)。

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

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

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

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

手機視覺干擾的懲罰

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

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

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

提示如何避免懲罰

沒有彈出窗口；

無滑軌；

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

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

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

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

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

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

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

設計和用戶體驗影響SEO

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

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

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

關(guān)鍵詞策略采用UX方法，以達到用戶搜索意圖的核心，以精心制作排名很佳的優(yōu)化內(nèi)容。

內(nèi)部鏈接很重要：您網(wǎng)站上的鏈接正在向搜索引擎機器人發(fā)出信號，表明您發(fā)現(xiàn)哪些頁面比網(wǎng)站上的其他頁面更有價值。

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

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

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

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