什麼是SEO友好型網頁設計？
SEO友好型網頁設計是為了創建可被搜索引擎完全訪問和索引的網站。
為什麼SEO友好型網頁設計很重要？
這很簡單：對搜索引擎友好的網站通常比忽視搜索引擎的網站獲得更多流量。
當然，你想把你的用戶放在第一位。但是，為了使你的網站發揮最大的作用，你要在設計和開發你的網站時考慮到用戶和搜索引擎。
SEO友好型網頁設計的最佳做法
完全可索引的頁面
谷歌能夠完全索引你網站上的內容，這一點非常重要，下面是如何確保這一點。
使用圖片Alt文本
谷歌並不善於識別圖像，換句話說，沒有你的幫助，谷歌和其他搜索引擎無法理解圖像的內容是什麼。
這就是為什麼谷歌建議你：”為圖片提供一個描述性的文件名和alt屬性描述。 ”
例如，在我的網站上有一張Backlinko YouTube頻道的圖片，關於關鍵詞“反向鏈接“的排名。
為了幫助搜索引擎了解該圖像是什麼，我給我的圖像起了一個描述性的文件名。
backlinko-youtube-video-ranking for-backlinks.png
我還使用了能準確描述我的圖像的alt文本。
Backlinko YouTube視頻–“反向鏈接“的排名
折疊的內容
隱藏在表格和可擴展菜單後面的內容可能很難被搜索引擎收錄。
比如說，網站有時會將其內容的部分隱藏在標籤或“手風琴“後面。
這種設計常常是為了提升移動端的加載速度。
儘管谷歌通常對這些內容的索引沒有問題，但下圖有一個SEO測試結論顯示折疊的內容會對排名有影響。
這就是為什麼我建議把你所有的內容都放在公開的地方，這樣，搜索引擎就可以輕鬆地抓取和索引你的頁面的全部內容。
為視頻/音頻內容提供文字版本
就像圖片一樣，谷歌無法理解視頻或音頻格式的內容，他們需要文本。
因此，如果你在你的網站上發布多媒體內容，請在頁面上提供對應的文字內容，就像下圖那樣。
未被阻止
Robots.txt中的“noindex “元標籤告訴搜索引擎不要索引指定頁面。
這對正在架設中或只為內部員工設計的網頁很有幫助。
但你會驚訝於這個標籤經常被錯誤地使用。
例如，Chad Burgess有一個客戶不小心將noindex標籤應用到他們的一大部分網頁上。
這（顯然）導致了自然流量的大幅下降。
而當這個noindex標籤被刪除後，他們的排名很快就恢復了。
使用SEO瀏覽器
想100%確定您的內容是可索引和可抓取的嗎？
使用一個SEO瀏覽器。
搜索引擎瀏覽器向你展示你的頁面在搜索引擎看來是怎樣的。
(Spoiler:你的網站看起來會與普通瀏覽器（如Chrome）有很大的不同)
我建議使用免費且實用的Zeo SEO瀏覽器。
只要從你的網站上輸入一個URL到該工具…
…讓你從搜索引擎蜘蛛的眼中看到你的內容。
在我的案例中，我的頁面的主要內容（如文本和圖片）是完全可見的。
但是，如果你注意到你的頁面的關鍵部分在SEO瀏覽器中是不可見的，那麼它們對谷歌也是不可見的。
所以這是你要盡快解決的問題。
獲取和渲染
谷歌搜索控制台有一個巧妙的URL檢查功能。
這將讓你知道谷歌在訪問你的網頁時是否有問題。
如果一切正常，你會得到一個綠色的複選標記。
如下圖所示，在已經將你的網站加入谷歌搜索控制台後，然後便可以在輸入框中輸入該網站的任一URL檢測。
簡單的網站架構
網站架構可能聽起來很複雜，但它並不復雜。
網站架構簡單地說就是你網站上的所有頁面是如何連接在一起的。
一般來說，你希望保持你的網站架構簡單。
換句話說，如果你有下圖這種糾結的混亂局面，谷歌將很難找到並索引你的所有頁面。
另一方面，下圖所示的架構使谷歌的工作更容易。
獨特的內容
谷歌討厭重複的內容。
事實上，谷歌表示，如果他們發現一個網站有很多重複的內容，”……網站的排名可能會受到影響，或者網站可能被完全從谷歌索引中刪除，在這種情況下，它將不再出現在搜索結果中。”
簡而言之，你希望在你網站的每一個頁面上都有獨特的內容，這對一個只有50來頁的博客來說是很容易的。
但是，如果一個本地企業有500多個不同頁面呢？或者是一個有1萬個產品頁面的電子商務網站呢？
同樣的規則也適用。
要寫出你在布魯克林的干洗店與你在皇后區的干洗店完全不同的100%的獨特之處，並不容易。
但是，如果你想讓這些頁面在谷歌上獲得排名，你就需要切實做到。
事實上，谷歌警告不要在多個頁面上使用重複的模板內容。
底線是什麼？重複的內容是SEO的毒藥，不惜一切代價避免它。
使用Canonical標籤
在某些情況下，你可能在你的網站上有幾個不同的頁面，但它們有類似的內容……但你只想讓其中一個頁面獲得排名。
(例如，你有一個頁面來介紹你所銷售的每一種尺寸和顏色的網球鞋)
好吧，你不想因為重複的內容而被扣分。
但是，為你的鞋子的紅色、藍色、綠色和黃色版本寫完全獨特的內容也是沒有意義的。
答案是什麼呢？
整合重複的網址，使用canonical標籤，這個標籤告訴搜索引擎：”這個頁面是值得索引的，但其他的頁面的只是該頁的變體”。
canonical標籤的缺點是：”變體頁“不會被索引。
但最大的好處是，你將避免昂貴的重複內容的處罰。
URL結構
URL是非常被低估的。
事實上，大多數人對他們的URL沒有任何考慮，使得像下圖那種樣子。
不假思索的URL對用戶不利（奇怪的URL很難記住）。
搜索引擎也對冗長、混亂的URL感到糾結，這是因為谷歌通過看你的URL（連同你的元標籤和頁面上的內容）來計算你的頁面的主題。
所以你要避免那些不能描述你的頁面的URL，譬如：https://website.com/cat=90/10/09/2019/pageref810a。
相反，使用能給用戶和搜索引擎提供頁面主題線索的URL，而且容易記住。
例如，對於這個關於SEO技術的帖子，我的URL是https://backlinko.com/seo-techniques。
限制頁面數量
如果我只能給人們一個SEO建議，那就是這個。
限制你的網站上的頁面數量。
為什麼這很重要？兩個原因…
首先，更多的頁面=更多的潛在問題。
一個有100個頁面的網站比一個有100,000個頁面的網站要容易管理得多。
有大量頁面的網站更有可能遇到下面所述的問題。
- 重複的內容
- 內容單薄
- 谷歌熊貓的懲罰
- 過時的內容
第二，有幾個令人敬畏的頁面的小型網站更有利於SEO(至少根據谷歌的數據是這樣的)
例如，我的網站每個月有193,964名有機訪客。
這方面的一個重要原因是，我不發布大量的填充內容，或者是那些有類似內容的頁面。
事實上，我的網站只有128個總索引頁。
令人敬畏的用戶體驗
談到用戶體驗和SEO，谷歌說得最好。
“你應該優化你的網站以服務於你的用戶需求。這些用戶之一是搜索引擎，它幫助其他用戶發現你的內容”。
你已經學會瞭如何為谷歌和其他搜索引擎優化你的網站。
現在是翻轉劇本的時候了。
具體來說，我們將專注於為人類用戶創造一個很棒的用戶體驗。
為什麼這對SEO很重要？
首先，谷歌密切衡量所謂的“用戶體驗信號”。如果谷歌看到人們喜歡你的內容，它在搜索結果中的排名就會更靠前。
(這是由谷歌的一個名為“RankBrain “的算法處理的）。
第二，如果你的網站很好，更多的人會鏈接到它。
(這也是SEO的一個關鍵部分)
有了這些，這裡有3個提示，為用戶和谷歌創造一個很棒的用戶體驗。
移動優先的設計
現在63%的網站流量來自於移動設備。
這意味著：首先創建一個桌面網站……然後再製作一個移動版本是沒有意義的。
相反，你想創建一個為移動設備製作的網站……然後擔心桌面用戶的需求。
這對SEO也有好處。
谷歌現在正在運行一個“移動優先索引”，只看你網站的移動版本。
底線是什麼？
如果你的網站進行了移動優化，你的網站就能滿足用戶和谷歌的要求。
描述性標題
你的標題標籤有兩個主要目標。
目標1：描述你的網頁是關於什麼的。
事實上，谷歌的質量評價準則說，描述性或有幫助的標題是高質量搜索結果的最重要部分之一。
所以你要避免像“主頁“或“聯繫“這樣的通用標題。
例如，這裡是我的主頁的標題標籤。
SEO培訓和鏈接架設策略– Backlinko
這給用戶（和搜索引擎）提供了比一般的標題多得多的信息，例如。 ”歡迎來到我的網站”。
目標2：在標題中使用你的目標關鍵詞。
谷歌對你的標題標籤給予了很大的重視。因此，請確保在你的標題中包括你的目標關鍵詞一次。
例如，我這篇文章的目標關鍵詞是“SEO工具”。
所以我確保在我的標題中包括這個確切的短語。
再一次說明，達成這兩個目標將有助於你提升你的網站訪客。
畢竟，一個包括人們搜索的關鍵詞的描述性標題將幫助用戶在你的網站上找到他們正在尋找的東西。
組織內容，使其邏輯清晰
地球上沒有人願意閱讀下圖這種超多的密密麻麻的文字。
而那些被擠在一起的內容使谷歌更難閱讀和理解你的頁面內容。
這就是為什麼要把你的內容組織成不連續的部分，像這樣。
這可以讓你的用戶快速找到對他們幫助最大的部分，這也有助於谷歌了解你所涉及的所有副主題。
正如你所看到的，我使用H2小標題將我的內容分成了一堆不同的部分。
事實上，谷歌建議你使用“使用標題標籤來強調重要的文本”，並組織你的內容。
備註：本文原文出自Backlinko，由LOYSEO翻譯。
