專注於企業網站架設,分享WordPress教學和Elementor教學
架設網站,就和我一起用Cloudways超快獨享主機,免費試用3天,註冊輸入優惠碼:LOYSEO,可享2個月7折,成為正式用戶,可聯繫我領取禮品哦

SEO友好型網頁設計

更新日期:2021-07-21

掃碼加入 讀者學習群

我自用的 架設網站資源

當你點擊本站的鏈接購買主機、主題、外掛,我會得到一些佣金用於運營網站,但不會影響你的購買價格,我只推薦自己在用的,感謝有你的支持~比心( •̀ ω •́ )y

Cloudways

不用充值便可免費試用3天的Cloudways超快獨享主機,獨家優惠碼:LOYSEO,前2個月可優惠30%
了解詳情→

elementor logo gradient 01 1
Elementor

最熱門的網頁可視化設計編輯器,我的網站就是用它建的
了解詳情→

Namesilo

註冊網域,購買時使用優惠券loyseo可減1美元
前往註冊→

Share on facebook
Share on twitter
Share on linkedin

什麼是SEO友好型網頁設計?

SEO友好型網頁設計是為了創建可被搜索引擎完全訪問和索引的網站。

為什麼SEO友好型網頁設計很重要?

這很簡單:對搜索引擎友好的網站通常比忽視搜索引擎的網站獲得更多流量。

當然,你想把你的用戶放在第一位。但是,為了使你的網站發揮最大的作用,你要在設計和開發你的網站時考慮到用戶和搜索引擎。

SEO-friendly design

SEO友好型網頁設計的最佳做法

完全可索引的頁面

谷歌能夠完全索引你網站上的內容,這一點非常重要,下面是如何確保這一點。

使用圖片Alt文本

谷歌並不善於識別圖像,換句話說,沒有你的幫助,谷歌和其他搜索引擎無法理解圖像的內容是什麼。

這就是為什麼谷歌建議你:”為圖片提供一個描述性的文件名和alt屬性描述。 ”

What is Alt Text

例如,在我的網站上有一張Backlinko YouTube頻道的圖片,關於關鍵詞“反向鏈接“的排名。

Backlinko – YouTube Example

為了幫助搜索引擎了解該圖像是什麼,我給我的圖像起了一個描述性的文件名。

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

我還使用了能準確描述我的圖像的alt文本

Backlinko YouTube視頻–“反向鏈接“的排名

折疊的內容

隱藏在表格和可擴展菜單後面的內容可能很難被搜索引擎收錄。

比如說,網站有時會將其內容的部分隱藏在標籤或“手風琴“後面。

Accordion UI example

這種設計常常是為了提升移動端的加載速度。

儘管谷歌通常對這些內容的索引沒有問題,但下圖有一個SEO測試結論顯示折疊的內容會對排名有影響。

Google sometimes has trouble indexing hidden content

這就是為什麼我建議把你所有的內容都放在公開的地方,這樣,搜索引擎就可以輕鬆地抓取和索引你的頁面的全部內容。

為視頻/音頻內容提供文字版本

就像圖片一樣,谷歌無法理解視頻或音頻格式的內容,他們需要文本。

因此,如果你在你的網站上發布多媒體內容,請在頁面上提供對應的文字內容,就像下圖那樣。

Video with transcript

未被阻止

Robots.txt中的“noindex “元標籤告訴搜索引擎不要索引指定頁面。

Blocked access means no indexing

這對正在架設中或只為內部員工設計的網頁很有幫助。

但你會驚訝於這個標籤經常被錯誤地使用。

例如,Chad Burgess有一個客戶不小心將noindex標籤應用到他們的一大部分網頁上

這(顯然)導致了自然流量的大幅下降。

Traffic drop from incorrect use of noindex tag

而當這個noindex標籤被刪除後,他們的排名很快就恢復了。

Rankings improving after noindex tag issue resolved

使用SEO瀏覽器

想100%確定您的內容是可索引和可抓取的嗎?

使用一個SEO瀏覽器。

搜索引擎瀏覽器向你展示你的頁面在搜索引擎看來是怎樣的。

(Spoiler:你的網站看起來會與普通瀏覽器(如Chrome)有很大的不同)

我建議使用免費且實用的Zeo SEO瀏覽器

ZEO SEO browser

只要從你的網站上輸入一個URL到該工具…

ZEO SEO browser - Enter URL

…讓你從搜索引擎蜘蛛的眼中看到你的內容。

Backlinko ZEO SEO results

在我的案例中,我的頁面的主要內容(如文本和圖片)是完全可見的。

Backlinko ZEO SEO browser – Result text and images are fully visible

但是,如果你注意到你的頁面的關鍵部分在SEO瀏覽器中是不可見的,那麼它們對谷歌也是不可見的。

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

獲取和渲染

谷歌搜索控制台有一個巧妙的URL檢查功能。

這將讓你知道谷歌在訪問你的網頁時是否有問題。

如果一切正常,你會得到一個綠色的複選標記。

如下圖所示,在已經將你的網站加入谷歌搜索控制台後,然後便可以在輸入框中輸入該網站的任一URL檢測。

Google Search Console – Green checkmark if everything is okay

簡單的網站架構

網站架構可能聽起來很複雜,但它並不復雜。

網站架構簡單地說就是你網站上的所有頁面是如何連接在一起的。

Website architecture

一般來說,你希望保持你的網站架構簡單。

換句話說,如果你有下圖這種糾結的混亂局面,谷歌將很難找到並索引你的所有頁面。

Complicated site architecture

另一方面,下圖所示的架構使谷歌的工作更容易。

Simple site architecture

獨特的內容

谷歌討厭重複的內容。

事實上,谷歌表示,如果他們發現一個網站有很多重複的內容,”……網站的排名可能會受到影響,或者網站可能被完全從谷歌索引中刪除,在這種情況下,它將不再出現在搜索結果中。”

簡而言之,你希望在你網站的每一個頁面上都有獨特的內容,這對一個只有50來頁的博客來說是很容易的。

但是,如果一個本地企業有500多個不同頁面呢?或者是一個有1萬個產品頁面的電子商務網站呢?

同樣的規則也適用。

要寫出你在布魯克林的干洗店與你在皇后區的干洗店完全不同的100%的獨特之處,並不容易。

但是,如果你想讓這些頁面在谷歌上獲得排名,你就需要切實做到。

事實上,谷歌警告不要在多個頁面上使用重複的模板內容。

Google warns against using boilerplate content

底線是什麼?重複的內容是SEO的毒藥,不惜一切代價避免它。

使用Canonical標籤

在某些情況下,你可能在你的網站上有幾個不同的頁面,但它們有類似的內容……但你只想讓其中一個頁面獲得排名。

(例如,你有一個頁面來介紹你所銷售的每一種尺寸和顏色的網球鞋)

Avoiding duplicate content penalty

好吧,你不想因為重複的內容而被扣分。

但是,為你的鞋子的紅色、藍色、綠色和黃色版本寫完全獨特的內容也是沒有意義的。

答案是什麼呢?

整合重複的網址,使用canonical標籤,這個標籤告訴搜索引擎:”這個頁面是值得索引的,但其他的頁面的只是該頁的變體”。

What is the canonical tag

canonical標籤的缺點是:”變體頁“不會被索引。

但最大的好處是,你將避免昂貴的重複內容的處罰。

URL結構

URL是非常被低估的。

事實上,大多數人對他們的URL沒有任何考慮,使得像下圖那種樣子。

URL structure

不假思索的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(至少根據谷歌的數據是這樣的)

Google prefers smaller sites with a few awesome pages

例如,我的網站每個月有193,964名有機訪客。

Backlinko monthly organic visitors

這方面的一個重要原因是,我不發布大量的填充內容,或者是那些有類似內容的頁面。

事實上,我的網站只有128個總索引頁。

Google Search Console - Indexed pages

令人敬畏的用戶體驗

談到用戶體驗和SEO,谷歌說得最好

“你應該優化你的網站以服務於你的用戶需求。這些用戶之一是搜索引擎,它幫助其他用戶發現你的內容”。

你已經學會瞭如何為谷歌和其他搜索引擎優化你的網站。

現在是翻轉劇本的時候了。

具體來說,我們將專注於為人類用戶創造一個很棒的用戶體驗。

為什麼這對SEO很重要?

首先,谷歌密切衡量所謂的“用戶體驗信號”。如果谷歌看到人們喜歡你的內容,它在搜索結果中的排名就會更靠前。

How RankBrain uses UX signals

(這是由谷歌的一個名為“RankBrain “的算法處理的)。

第二,如果你的網站很好,更多的人會鏈接到它。

(這也是SEO的一個關鍵部分)

有了這些,這裡有3個提示,為用戶和谷歌創造一個很棒的用戶體驗。

移動優先的設計

現在63%的網站流量來自於移動設備。

Web traffic – Mobile .vs. Desktop

這意味著:首先創建一個桌面網站……然後再製作一個移動版本是沒有意義的。

相反,你想創建一個為移動設備製作的網站……然後擔心桌面用戶的需求。

這對SEO也有好處。

谷歌現在正在運行一個“移動優先索引”,只看你網站的移動版本。

What is mobile-first indexing

底線是什麼?

如果你的網站進行了移動優化,你的網站就能滿足用戶和谷歌的要求。

描述性標題

你的標題標籤有兩個主要目標。

目標1:描述你的網頁是關於什麼的。

事實上,谷歌的質量評價準則說,描述性或有幫助的標題是高質量搜索結果的最重要部分之一。

Google guidelines state that descriptive titles are important

所以你要避免像“主頁“或“聯繫“這樣的通用標題。

例如,這裡是我的主頁的標題標籤。

SEO培訓和鏈接架設策略– Backlinko

這給用戶(和搜索引擎)提供了比一般的標題多得多的信息,例如。 ”歡迎來到我的網站”。

目標2:在標題中使用你的目標關鍵詞。

谷歌對你的標題標籤給予了很大的重視。因此,請確保在你的標題中包括你的目標關鍵詞一次。

例如,我這篇文章的目標關鍵詞是“SEO工具”。

Backlinko – SEO Tools Post

所以我確保在我的標題中包括這個確切的短語。

Backlinko – SEO Tools Post Title

再一次說明,達成這兩個目標將有助於你提升你的網站訪客。

畢竟,一個包括人們搜索的關鍵詞的描述性標題將幫助用戶在你的網站上找到他們正在尋找的東西。

組織內容,使其邏輯清晰

地球上沒有人願意閱讀下圖這種超多的密密麻麻的文字。

Wall of text

而那些被擠在一起的內容使谷歌更難閱讀和理解你的頁面內容。

這就是為什麼要把你的內容組織成不連續的部分,像這樣。

Organize content in sections

這可以讓你的用戶快速找到對他們幫助最大的部分,這也有助於谷歌了解你所涉及的所有副主題。

例如,我博客中的這篇文章是一個分步驟的SEO審計

Backlinko – SEO Site Audit Post

正如你所看到的,我使用H2小標題將我的內容分成了一堆不同的部分。

H2 – Subheaders In Content

事實上,谷歌建議你使用“使用標題標籤來強調重要的文本”,並組織你的內容。

Google recommends using heading tags to emphasise important text

備註:本文原文出自Backlinko,由LOYSEO翻譯。

點贊
0 / 5 5

Your page rank:

企業網站架設學習交流群
超快獨享主機
Cloudways
免費試用3天,無需充值
費用月結| 不用一次性付整年
*註冊優惠碼Promo code:LOYSEO
*用Gmail郵箱,註冊易通過