1.4 有助于SEO的網(wǎng)站設(shè)計

時間：2023-06-02 12:12:01 | 來源：網(wǎng)站運(yùn)營

時間：2023-06-02 12:12:01 來源：網(wǎng)站運(yùn)營

1.4 有助于SEO的網(wǎng)站設(shè)計：本文翻譯自SEO大神光頭強(qiáng)(Brian Dean)SEO系列教程《第一章：SEO基礎(chǔ)知識》里的第四節(jié)《有助于SEO的網(wǎng)站設(shè)計》。

內(nèi)容摘要：

設(shè)計網(wǎng)頁的時候，不僅僅要考慮對用戶有用，還需要考慮到能被搜索引擎抓取。因?yàn)榇蟛糠值牧髁縼碜运阉饕?，如果你的?nèi)容不易被搜索引擎收錄，那么就虧大了。

本文講解了9個基本但是非常重要的有助于SEO網(wǎng)頁設(shè)計的方法。

讀完本文您可以： 掌握設(shè)計網(wǎng)頁時，該如何做才能讓Google理解你的內(nèi)容。

全文： 3168字

適合閱讀對象：跨境電商內(nèi)容營銷者；SEOer；聯(lián)盟營銷者；對內(nèi)容創(chuàng)作感興趣、想通過互聯(lián)網(wǎng)寫作變現(xiàn)的人群。




目錄

• 什么是有助于SEO的網(wǎng)站設(shè)計？
  
• 為什么有助于SEO的網(wǎng)站設(shè)計很重要？
  
• 最佳實(shí)踐
  
• 完全可索引的頁面
  
• 使用SEO瀏覽器
  
• 提取并渲染（Fetch and Render）
  
• 簡單的網(wǎng)站架構(gòu)
  
• 獨(dú)一無二的內(nèi)容
  
• 使用規(guī)范標(biāo)簽（Canonical Tag）
  
• 網(wǎng)址結(jié)構(gòu)
  
• 限制頁面數(shù)量
  
• 很棒的用戶體驗(yàn)
  

---

什么是有助于SEO的網(wǎng)站設(shè)計？

有助于SEO的網(wǎng)站設(shè)計是：創(chuàng)建網(wǎng)站的一種方法。用這種方法創(chuàng)建出來的網(wǎng)站，可以被搜索引擎完全訪問并建立索引。

為什么有助于SEO的網(wǎng)站設(shè)計很重要？

道理非常簡單：

有助于SEO的網(wǎng)站通常比忽略搜索引擎的網(wǎng)站獲得更多的訪問量。

當(dāng)然，需要把用戶放在第一位。 但是為了獲得更多的曝光，在設(shè)計和開發(fā)網(wǎng)站時，需要同時考慮用戶和搜索引擎。

最佳實(shí)踐

完全可索引的頁面

讓Google給你網(wǎng)站上的所有內(nèi)容建立索引，這是非常重要的。 下面就講講如何做：

使用替代文字

Google不太擅長識別圖像。換句話說，如果沒有你的輔助，Google和其他搜索引擎將無法理解圖像內(nèi)容。

因此，Google建議：

“為圖片提供描述性文件名和 alt 屬性說明”







例如，這是我們網(wǎng)站上的一張圖片，這篇文章的主關(guān)鍵字是“ backlinks”：







為了幫助搜索引擎了解這張圖片的內(nèi)容，我給它起了個一個描述性的文件名：

backlinko-youtube-video-ranking-for-backlinks.png

我還使用替代文字來描述這張圖片：

Backlinko YouTube video – Ranking for “backlinks”

隱藏內(nèi)容

隱藏在表單和可擴(kuò)展菜單里的內(nèi)容，可能很難被搜索引擎索引。

例如：

網(wǎng)站有時候會將部分內(nèi)容隱藏在下拉選項(xiàng)卡或折疊選項(xiàng)卡里：







（這種方法可以在移動端快速加載內(nèi)容，所以使用很普遍）

雖然Google 一般 不會對這些內(nèi)容建立索引，但他們有時還會這樣做。







因此，我建議公開所有內(nèi)容。這樣，搜索引擎才能對你的所有內(nèi)容建立索引。

提供文字稿

就像無法識別圖像一樣，Google無法理解視頻或音頻格式的內(nèi)容。它需要文字稿。

因此，如果在網(wǎng)頁上發(fā)布多媒體內(nèi)容，需要提供文字稿供Google檢索。







不禁止索引（Not Blocked）

Robots.txt中的“ noindex”元標(biāo)記，告訴搜索引擎不要為頁面建立索引。







這對正在開發(fā)網(wǎng)頁的內(nèi)部人員非常有用。

但你會為這個標(biāo)簽被錯誤使用的頻率而吃驚。

例如，乍得·伯吉斯（Chad Burgess）的一個客戶不小心將noindex標(biāo)記應(yīng)用于大部分網(wǎng)頁。

這（明顯）導(dǎo)致自然流量大幅下降：







當(dāng)刪除noindex標(biāo)記后，他們的排名迅速恢復(fù)：

使用SEO瀏覽器

你是否希望你的內(nèi)容一定會被爬取和建立索引？

那就用使用SEO瀏覽器。

SEO瀏覽器會向你顯示：頁面在搜索引擎中的樣子。

（ 劇透 : 在SEO瀏覽器中，你的網(wǎng)頁與在普通瀏覽器里的顯示效果，差異很大）

我建議使用免費(fèi)、好用的Zeo SEO瀏覽器：







只需把你的URL輸入到這款工具中：







你可以看到：搜索引擎的爬蟲眼中的內(nèi)容。







就我的案例而言，頁面的主要內(nèi)容（如文本和圖像）是完全可見的。







但是，如果發(fā)現(xiàn)頁面的關(guān)鍵部分在SEO瀏覽器中不可見，那么它們對Google也是不可見的。

這就是你要盡快解決的問題。

提取并渲染（Fetch and Render）

在谷歌搜索控制臺有一個漂亮的URL檢驗(yàn)小功能。

這將讓你知道：Google在訪問您的頁面時是否遇到了問題。

如果一切正常，你將獲得綠色的選中標(biāo)記。

簡單的網(wǎng)站架構(gòu)

網(wǎng)站架構(gòu)可能聽起來很復(fù)雜。但事實(shí)并非如此。

網(wǎng)站架構(gòu)只是將 網(wǎng)站上所有頁面鏈接在一起。







一般來說，你需要讓網(wǎng)站架構(gòu)保持簡單。

換一種說法：

如果你的架構(gòu)像下面的混亂，谷歌將很難找到并索引您的所有頁面。







另一方面，像下面的這種架構(gòu)，會讓Google的工作很輕松。

獨(dú)一無二的內(nèi)容

Google 痛恨重復(fù)的內(nèi)容。

實(shí)際上，Google聲明：如果他們發(fā)現(xiàn)一個包含大量重復(fù)內(nèi)容的網(wǎng)站：

“……網(wǎng)站的排名可能會受到影響，或者該網(wǎng)站可能會完全從Google索引中刪除，在這種情況下，它將不再出現(xiàn)在搜索結(jié)果中。”

簡而言之：

在你的網(wǎng)站上，每個頁面上的內(nèi)容都是獨(dú)一無二的。

對于只有50個頁面的博客，這很容易做到。

但是對于那些有1萬個產(chǎn)品頁面的電子商務(wù)來說，怎么處理呢?

相同的規(guī)則同樣適用。

比如寫干洗店的文案，要把布魯克林地區(qū)的干洗店文案，寫的與皇后區(qū)的干洗店文案完全不同，這可不是件容易的事情。

但是，如果你希望這些頁面獲得Google排名，那你必須得這樣做。

實(shí)際上，Google警告不要在多個頁面上適用重復(fù)的樣板內(nèi)容：







重點(diǎn)在哪里？

重復(fù)的內(nèi)容是SEO毒藥。要不惜一切代價避免它。

使用規(guī)范標(biāo)簽（Canonical Tag）

在一些情況下，你的網(wǎng)站上可能會有幾個具有內(nèi)容相似的不同頁面……但是你只希望其中一個頁面獲得排名。

（例如，你有一個頁面，出售的是不同尺寸和顏色的網(wǎng)球鞋）







而你不想為重復(fù)的內(nèi)容感到傷神。

但是，你為不同顏色的鞋子，編寫完全不同的描述是沒有意義的。

有什么方法解決這個問題呢?

規(guī)范標(biāo)簽(The canonical tag)。

這個標(biāo)簽告訴搜索引擎：

“ 這個頁面 值得索引，其余的頁面都是該頁面的變體”







規(guī)范標(biāo)簽的缺點(diǎn)是“變體頁面”不會被索引。

但它帶來最大的好處是：避免重復(fù)內(nèi)容遭受懲罰。

網(wǎng)址結(jié)構(gòu)

網(wǎng)址的結(jié)構(gòu)被低估了。

實(shí)際上，大多數(shù)人在網(wǎng)址中沒有使用任何有意義的東西。 最終導(dǎo)致網(wǎng)址看起來像這樣：







沒有含義的URL對用戶不利（奇怪的URL很難被記?。?br>
搜索引擎很難處理冗長、令人困惑的URL。因?yàn)镚oogle會檢查你的URL（以及頁面上的meta標(biāo)簽和內(nèi)容），最終理解頁面的主題。

因此，你要避免使用那些無法描述你網(wǎng)頁內(nèi)容的URL。像下面這樣的：

https://website.com/cat=90/10/09/2019/pageref810a

而是使用為用戶和搜索引擎提供有關(guān)頁面主題線索的URL。這樣很容易被記住。

例如，對于這篇文章《SEO技術(shù)》，我的URL是：

https://backlinko.com/seo-techniques

怎么樣，簡單吧！

限制頁面數(shù)量

如果我只能給人們一個SEO建議，那就是：

限制網(wǎng)站上的網(wǎng)頁數(shù)量。

為什么這很重要？有兩個原因：

首先，頁面越多 = 潛在的問題越多。

維護(hù)100個頁面的網(wǎng)站，比維護(hù)1萬個頁面的網(wǎng)站要輕松很多。

擁有大量網(wǎng)頁的網(wǎng)站更容易遇到以下問題：

• 內(nèi)容重復(fù)
• 內(nèi)容單薄
• Google Panda的處罰
• 內(nèi)容過時

其次，只有幾個很出色頁面的小型網(wǎng)站更適合SEO。

（至少根據(jù)Google的說法是這樣的）







例如，我的網(wǎng)站每月有19萬的自然訪問者：







能獲得這么大流量的一個原因是：我沒有發(fā)布很多填充的內(nèi)容，或者是發(fā)布很多具有相似內(nèi)容的頁面。

實(shí)際上，我的網(wǎng)站總共只有128個索引頁面：

很棒的用戶體驗(yàn)

在用戶體驗(yàn)和SEO方面，Google是這樣說的：

“你應(yīng)該優(yōu)化網(wǎng)站，以滿足用戶的需求。這些用戶之一就是搜索引擎，它可以幫助其他用戶發(fā)現(xiàn)你的內(nèi)容?！?br>
你已經(jīng)學(xué)習(xí)了：如何針對Google和其他搜索引擎優(yōu)化網(wǎng)站。

現(xiàn)在需要轉(zhuǎn)換對象。

具體來說：我們將專注于為 人類用戶 創(chuàng)造令人驚嘆的用戶體驗(yàn)。

為什么這對SEO很重要？

首先，Google會密切監(jiān)控一種“ 用戶體驗(yàn)指標(biāo)”。如果Google看到網(wǎng)民喜歡你的內(nèi)容，它將提高你的搜索排名。







（這由稱為“ RankBrain ” 的Google算法處理）

其次，你的網(wǎng)站體驗(yàn)很好，會有更多人鏈接到它。

（這是SEO的關(guān)鍵部分）

以下是3個優(yōu)化用戶體驗(yàn)的技巧。

設(shè)計時優(yōu)先考慮移動端

據(jù)統(tǒng)計，目前所有網(wǎng)站流量的 63％來自移動設(shè)備。







這意味著：

首先創(chuàng)建一個PC端，然后再做一個移動版本，這樣是本末倒置的。

相反，首先應(yīng)該創(chuàng)建一個針對移動端的網(wǎng)站，然后再考慮PC端用戶的需求。

這對SEO也有好處。

現(xiàn)在，Google使用一種“移動端優(yōu)先索引”的方法，這種索引只查看網(wǎng)站的移動端版本。







劃重點(diǎn)：

如果你的網(wǎng)站針對移動端進(jìn)行了優(yōu)化，那么你就是已經(jīng)為Google和用戶的滿意度做好了準(zhǔn)備。

描述性標(biāo)題

標(biāo)題的主要目的有2個：

目的1：描述網(wǎng)頁內(nèi)容。

實(shí)際上，Google的網(wǎng)頁質(zhì)量評分指南指出，“描述性或有用的”標(biāo)題是很重要的。







因此，要避免使用“首頁(Homepage)”或“聯(lián)系人(Contact)”之類的通用標(biāo)題。

例如，這是我主頁的標(biāo)題：

SEO Training and Link Building Strategies – Backlinko (SEO培訓(xùn)和創(chuàng)建外鏈策略)

與通用標(biāo)題（如“歡迎使用我的網(wǎng)站”）相比，這為用戶（和搜索引擎）提供了更多信息。

目的2：在標(biāo)題中使用目標(biāo)關(guān)鍵字。

Google對標(biāo)題進(jìn)行了很大的加權(quán)。因此，一定要在標(biāo)題中出現(xiàn)一次目標(biāo)關(guān)鍵字。

例如，我寫的這篇文章的目標(biāo)關(guān)鍵字是 “ SEO工具”







所以，我在標(biāo)題中加入了目標(biāo)關(guān)鍵字 ：







達(dá)到這2個目的，有助于訪客自有訪問你的網(wǎng)站。

畢竟，包含目標(biāo)關(guān)鍵字的描述性標(biāo)題，可以讓訪客快速找到想要的內(nèi)容。

使用副標(biāo)題讓內(nèi)容有序高效

沒有人愿意閱讀沒有排版、滿篇文字的文章，像下面的這篇文章：







Google很難閱讀和理解這樣混在在一起的內(nèi)容。

這就是為什么要把內(nèi)容分散開，例如：







這樣訪客可以跳讀、迅速找到想要的內(nèi)容。 這還可以幫助Google理解所有涵蓋的副主題。

例如，我博客中的這篇帖子是關(guān)于SEO分布診斷的。







如圖所示，我用H2標(biāo)題將內(nèi)容分成不同的塊：







實(shí)際上，Google建議“使用標(biāo)題來強(qiáng)調(diào)重要文本及讓內(nèi)容有序高效”：

---

作者：光頭強(qiáng)(Brian Dean)

原貼（英文）網(wǎng)址：https://backlinko.com/hub/seo/seo-friendly-design

翻譯：葉賽文

親，如果文章對您有用，請您幫忙點(diǎn)贊支持。謝謝

歡迎關(guān)注微信公眾號：葉賽文，獲取最新文章