用戶體驗與 SEO 與 Pedro Dias 重疊的五種方式

已發表: 2022-08-31



UX 是一個橫跨數字世界的寬泛的保護傘。 但它如何與 SEO 重疊？

這就是我們今天要與目前從事 SEO 工作的少數前 Google 搜索質量團隊成員之一討論的內容。 他對谷歌搜索有深入的了解。 他在南美和歐洲的搜索行業擁有豐富的經驗。 在 Google 工作期間，他不僅致力於打擊超過五種語言的垃圾郵件，還從事工具開發、調試搜索排名問題和網站管理員外展工作。 歡迎來到 In Search SEO 播客，Autovia 的有機增長主管 Pedro Dias。

在本集中，Pedro 分享了 UX 與 SEO 重疊的五種方式，包括：
  • 網站架構和內部鏈接
  • 友好的 URL
  • 替代文字
  • 組織內部鏈接和麵包屑
  • PageSpeed 和 Core Web Vitals

佩德羅：謝謝你邀請我，大衛。 很高興來到這裡。

D：非常感謝您來到佩德羅。 你可以在 pedrodias.net 上找到 Pedro。 那麼佩德羅，什麼更重要，用戶體驗還是搜索引擎優化？

P：這是一個棘手的問題。 如果您認為 SEO 主要屬於 UX。 搜索引擎優化不會存在很多來自用戶體驗的學科。 我會說 UX 更重要，因為它是 SEO 的基石。 但話又說回來，你現在必須考慮人和機器人，所以你也不能忽視 SEO 的重要性。 所以它把我們留在了這個分叉上。

D：所以UX是父親，SEO是兒子？

P：或多或少。 SEO 就像對 UX 的改進或類似的東西。

D：所以今天你分享了 UX 與 SEO 重疊的五種方式。 從第一，網站架構和內部鏈接開始。



1.網站架構和內部鏈接



P：所以讓我們來談談什麼是 UX 以提供一些背景信息。 UX代表用戶體驗。 它遠遠超出了數字世界。 這是關於人們如何體驗品牌或物品或任何東西。 買家的旅程是用戶體驗的一部分。 但是在這方面，我們談論的是網站，即用戶在使用網站時的體驗。 在這方面，用戶體驗利用了它的子學科之一，即信息架構。 這是一個始於 70 或 80 年代的領域。 信息架構著眼於人類，它決定了我們如何組織事物，以及我們如何在生態系統中找到事物。 網站架構也不例外。 我們習慣於查看某些消費信息的方式。 我們從左到右，從上到下閱讀。 除了在其他語言或文化中，我們無法抵消這一點。 信息架構著眼於人們組織信息的方式，然後我們如何在此基礎上構建一個新系統，這樣它就不會看起來與你以前看到的完全不同。 不知何故，當您使用該系統時，您會有一定程度的直觀性。

所以信息架構和網站架構齊頭並進。 您有主頁，然後是子類別，然後是產品或子類別。 你有一個搜索字段和一個菜單。 這都是信息架構如何將事物組合在一起的一部分。 並且有關於如何決定這些事情的原則和啟發式方法。 這一切都來自信息架構。 是的，我們調整了一些東西來安撫搜索引擎，即讓搜索引擎更容易查看和提取信息。 但這就是它的來源。

D：聽說它始於 70 年代，這真是令人驚訝，因為當您想到現代搜索和查找內容時，您會想到 90 年代初期隨著網絡和超鏈接的出現。 但現在很明顯，事先也發生了一些事情。 第二個是友好的 URL。 那是自網絡以來才存在的東西嗎？



2. 友好的網址



普：不是。 但同樣，它與可用性有關。 例如，我認為是在 90 年代，可用性的先驅之一 Jakob Nielsen 寫了一篇文章說 URL 是 UI，也就是說你的 URL 是用戶界面。 這意味著，當您查看 URL 時，如果您了解它在路徑、目錄或子文件夾中是如何被破壞的，那麼您就會了解如果它不是一個充滿密碼參數的非常加密的 URL，那麼您將在哪個上下文中登陸。

在過去，當您以文本形式發送 URL 時，並非所有系統都會提取元數據，也不會像現在使用 WhatsApp 或其他現代聊天消息應用程序那樣提取部分內容。 因此，您只需獲取原始 URL，而有些人只需閱讀 URL，他們就會立即知道他們將要登陸的位置。 我可以說我正在這家陶瓷店的陶器區登陸。 您可以立即告訴您要去哪裡，因為 URL 為您提供了上下文。 它是用戶界面的一部分。 這就是它的來源，可用性可以解決這個問題。 因此，當我們決定 URL 將變得友好時，搜索引擎能夠從 URL 中提取這些信息，但它也適用於人們。 我們有時只通過查看 URL 來閱讀新聞，我們就會知道我們要去哪裡登陸。

D：我有兩個關於 URL 的快速問題。 一是與你所說的有關。 你是說很多人看網址，可能會根據網址來判斷是否訪問網頁。 我原以為只有 SEO 和技術人員可能會在訪問之前查看並根據該頁面判斷頁面。 你是說很大一部分非技術人員也會這樣做嗎？ 其次，是否有理想的格式，包括 URL 的文件夾結構？

P：我並不是說很多人都看這個。 但是那些這樣做的人可能會發現它很有用。 即使對於不精通技術且不關心 SEO 的人來說，我們也肯定會讓它變得更容易。 因為您擁有所有人類可讀的元素，並且您將信息放入人們能夠消費的層次結構中。 因此，無論某人是否精通技術或 SEO，這在某種程度上都會對他們有所幫助。

最好的命名法或製作方法總是在您網站的上下文中。 您是否在一個不賣很多東西的非常小眾的網站上？ 例如，您是一家僅銷售氣球的氣球店。 您銷售的產品類型沒有太多多樣化。 您可能不需要如此復雜的產品分類。 您不需要包含兩個或三個子文件夾的 URL，因為您需要將它們放入類別中。而如果您是一家銷售所有商品的商店，您可能需要一個更複雜的分類系統。 可以這麼說，您的 URL 會變得有點複雜。 因此，對 URL 進行分類或決定如何呈現 URL 的最佳方法是基於您的業務範圍有多廣或多窄，以及您想要銷售的產品範圍以及您是否需要拆分範圍廣泛的產品。是否跨網站的 URL。

D：UX 與 SEO 重疊的第三種方式是替代文本。



3.替代文字



P：替代文字是舊的。 替代文本來自網絡可訪問性領域，這是一個關心讓所有人都能普遍訪問信息的領域，這在 Google 的使命宣言中。 讓每個人都可以訪問信息。 網絡可訪問性說，如果有一種元素不能以多種方式消費……我們有五種感官：視覺、聽覺、嗅覺、味覺和触覺。 而且，您在使信息可訪問方面越狹窄，情況就越糟。 所以在這方面，替代文本是網絡可訪問性的一個元素，它試圖讓看不到它們的人可以使用圖像。 因為有很多人有視力問題，所有這些網絡可訪問性功能都試圖解決人們在生活中可能存在的任何缺點。

搜索引擎就像一個盲人，因為他們看不到圖像中的內容。 儘管現在這是有爭議的，因為通過人工智能，您可以渲染圖像並查看其中的內容，但在過去，他們只會看到一個黑色的正方形。 他們只能利用您為圖像提供的文件名或您將在描述圖像的 HTML 中放入的替代文本。 因此，搜索引擎已經開始使用這些可訪問性功能，因為它可以幫助他們從 Web 上的對像中提取他們無法呈現或無法訪問信息的信息。 因此，替代文本來自網絡可訪問性，這也是用戶體驗的一部分。

D：就像這個播客系列的所有精彩對話一樣，我想更深入地研究並就出現的每個單獨主題提出更多問題。 但我將繼續第四，組織內部鏈接和麵包屑。



4.組織內部鏈接和麵包屑



P：同樣，這就是 SEO 開始發揮作用的地方，而不是被連續拉離這些領域之一的東西。 因此，我們從信息架構中獲取了組織和層次元素，我們參與了使信息可用的部分，引導用戶的東西，我們將可用性和信息架構這兩件事結合起來。 你把它放在一起說，“如果我們有這些在你訪問網站時始終存在的主題鏈接，它實際上可以幫助你瀏覽頁面。” 或者，如果您在網站上有麵包屑，如果用戶來自搜索引擎並突然登陸您的網站中間，因為當您在谷歌或搜索引擎中被索引時，並非所有用戶都進入您網站的主頁。用戶會當他們在您的網站上時，能夠將它們本地化或立即查看自己。這是 SEO 進入並說的兩個領域，“好的，這是我們可以以有利於用戶和搜索引擎的方式進行的工作。” 所以這來自這兩個方面。

D：鑑於屏幕尺寸較小，在移動版網站上添加麵包屑仍然很重要嗎？

P：我會說是，尤其是在移動設備上，因為你的屏幕尺寸變小了。 有一些優雅的方式來獲得麵包屑而不需要用戶所在位置的整個路徑/位置。 屏幕越小，您對其中呈現的所有信息就越感到不知所措。 你需要設置一些方法來幫助導航或逃離你掉進的地方，但你並不打算去。 或者有時您進入一篇文章，並且想快速轉到該網站的更廣泛類別以查看更多內容。 麵包屑是幫助用戶執行此操作的簡單方法。 而在小屏幕的移動設備上，這一點更為重要。 所以是的，我們必須更加小心，不要讓信息過度擁擠屏幕。

D：第五，PageSpeed 和 Core Web Vitals。



5. PageSpeed 和 Core Web Vitals



P：PageSpeed 是比較老的東西。 在 Google 推出 PageSpeed 工具的那一天，許多 SEO 開始關注這一指標。 那是因為網站開始想在互聯網上賺錢。 這來自於推廣其他網站的東西。 因此，要么您在您的網站上放置一個小部件，以引導另一個網站，要么您在您的網站上放置橫幅或廣告。 所有這些都使頁面變得更重，因為要加載的內容更多。 互聯網速度，尤其是在移動設備上，以速度慢而聞名。 所以穀歌開始警惕加載速度。 同樣，如果信息未加載，則無法訪問。 同樣，這是對網絡可訪問性的關注。 但是，由於這只是技術性的東西，即使您可以使服務器響應非常快並且頁面加載非常快，但這並不意味著您獲得了良好的體驗。 因為頁面可以快速加載，所以當您訪問頁面時，頁面上的所有內容都會跳來跳去。

因此，Google 提出了另一個稱為 Core Web Vitals 的指標，他們試圖解決這兩個性能問題，即從視場中提取元素的即時性（因為可以加載內容而您將看不到它），並且這些內容並沒有圍繞它跳舞很多時候元素正在加載。 所有這些東西結合在一起是谷歌試圖改變所有這些技術元素，並試圖讓它們一起工作，從而為用戶提供更好的體驗。 所有這些都是來自網絡可訪問性的東西。 但它試圖安撫並將自己打造為更好的用戶體驗。





帕累托泡菜-正確掌握所有 SEO 基礎知識



D：讓我們以 Pareto Pickle 結束。 帕累託說，你可以從 20% 的努力中獲得 80% 的結果。 您會推薦哪一項 SEO 活動可以為中等程度的努力提供令人難以置信的結果？

P：這是一個棘手的問題。 這將取決於您最需要什麼。 您可能在網站架構或改進頁面標題方面做得很好，但在其他所有方面都做得不夠。 我想說的是，人們通常會把所有的 SEO 基礎知識都放在桌面上。 我們可能會立即開始研究 Core Web Vitals 或使用複雜的數學公式來發現最佳內部鏈接，但他們忘記了其餘的基礎知識。 當我開始在任何公司工作時，我的首選方案是查看基礎知識、架構、頁面元素、分層元素以及所有這些。 它狀況良好嗎？ 如果沒有，那麼在我們進入更高級的領域之前，我將保留一些時間來研究這些問題。 如果您的基礎知識正確，例如主頁、內部鏈接、頁面標題和易於查看的內容，那麼您將為接下來的工作打下堅實的基礎。

D：偉大的常識思想。 好吧，我一直是你的主人，大衛·貝恩。 你可以在 pedrodias.net 上找到 Pedro。 佩德羅，非常感謝您參加 In Search SEO 播客。

P：謝謝你邀請我，大衛。 這是一種樂趣。

D：謝​​謝你的聆聽。