SEO友好網(wǎng)頁(yè)設(shè)計(jì)是創(chuàng)建可被搜索引擎完全訪問(wèn)和索引的網(wǎng)站的實(shí)踐。

雖然并非所有網(wǎng)站都是采用自主設(shè)計(jì)的模板或者外觀布局，但充分了解SEO友好網(wǎng)頁(yè)設(shè)計(jì)及對(duì)應(yīng)的點(diǎn)，能夠幫助站長(zhǎng)們更好地將頁(yè)面調(diào)整為最佳狀態(tài)，又或者選擇最能夠符合SEO的網(wǎng)站模板。

為什么SEO友好的網(wǎng)頁(yè)設(shè)計(jì)很重要？

這很簡(jiǎn)單：

對(duì)SEO友好的網(wǎng)站通常比忽略搜索引擎的網(wǎng)站獲得更多流量。

當(dāng)然，您希望將用戶放在首位。但是為了充分利用您的網(wǎng)站，您需要在設(shè)計(jì)和開(kāi)發(fā)網(wǎng)站時(shí)考慮到用戶和搜索引擎。

最佳實(shí)踐

完全可索引的頁(yè)面

Google可以完全索引您網(wǎng)站上的內(nèi)容，這一點(diǎn)非常重要。以下是確保發(fā)生這種情況的方法：

使用替代文字

谷歌不擅長(zhǎng)識(shí)別圖像。換句話說(shuō)，沒(méi)有你的幫助，谷歌和其他搜索引擎無(wú)法理解圖像是什么。

這就是為什么Google建議您：

“為圖像提供描述性文件名和alt屬性描述?！?/p>

例如，這是下面這張圖片，主要目的是為了展示頁(yè)面的權(quán)威URL：

為了幫助搜索引擎理解那張圖片是什么，便有了一個(gè)描述性的文件名：canonical-example.png

并且還使用了準(zhǔn)確描述圖像的替代文本——canonical例子

隱藏內(nèi)容

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

例如：

網(wǎng)站有時(shí)會(huì)將部分內(nèi)容隱藏在標(biāo)簽或“手風(fēng)琴”后面。

（這對(duì)于旨在在移動(dòng)設(shè)備上快速加載的內(nèi)容非常常見(jiàn)）

盡管谷歌通?？梢院翢o(wú)問(wèn)題地索引這些內(nèi)容，但他們有時(shí)會(huì)：

這就是為什么建議您公開(kāi)所有內(nèi)容。這樣，他們就可以輕松地抓取100%的頁(yè)面并將其編入索引。

提供視頻文字腳本

就像圖像一樣，Google無(wú)法理解視頻或音頻格式的內(nèi)容。他們需要文字。

因此，如果您在您的網(wǎng)站上發(fā)布多媒體內(nèi)容，請(qǐng)?jiān)陧?yè)面上將Google與transcript聯(lián)系起來(lái)：

未攔截索引

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

這對(duì)于正在構(gòu)建或僅為內(nèi)部員工設(shè)計(jì)的頁(yè)面很有幫助。

但是你會(huì)驚訝于這個(gè)標(biāo)簽被錯(cuò)誤使用的頻率。

例如，Chad Burgess有一個(gè)客戶不小心將noindex標(biāo)記應(yīng)用于他們的大部分頁(yè)面。

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

而當(dāng)那個(gè)noindex標(biāo)簽被移除后，他們的排名很快就恢復(fù)了：

關(guān)聯(lián)閱讀：

• 深入了解Robots.txt及如何規(guī)范地編寫(xiě)：理解robots.txt的定義及其作用，及編寫(xiě)規(guī)范。
• 如何編寫(xiě)和優(yōu)化wordpress網(wǎng)站的Robots.txt：讓您的WordPress網(wǎng)站的robots.txt更符合搜索引擎標(biāo)準(zhǔn)。
• Robots.txt檢測(cè)工具：一鍵檢測(cè)您的網(wǎng)站的robots.txt文件編寫(xiě)是否符合搜索引擎標(biāo)準(zhǔn)。

使用SEO瀏覽器

想要100%確定您的內(nèi)容是可索引和可??抓取的嗎？

使用SEO瀏覽器。

搜索引擎優(yōu)化瀏覽器向您展示您的頁(yè)面在搜索引擎中的外觀。

（劇透：您的網(wǎng)站看起來(lái)與Chrome等常規(guī)瀏覽器有很大不同）

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

只需在工具中輸入您網(wǎng)站的URL……

… 讓您從搜索引擎蜘蛛的眼中看到您的內(nèi)容。

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

但是，如果您注意到頁(yè)面的關(guān)鍵部分在SEO瀏覽器中是不可見(jiàn)的，那么它們對(duì)Google也是不可見(jiàn)的。

所以這是你想盡快解決的問(wèn)題。

抓取和渲染

Google Search Console有一個(gè)URL檢查功能。

如果Google在訪問(wèn)您的頁(yè)面時(shí)遇到問(wèn)題，這會(huì)通知您。

如果一切正常，您將獲得一個(gè)綠色復(fù)選標(biāo)記。

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

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

網(wǎng)站架構(gòu)只是您網(wǎng)站上的所有頁(yè)面如何鏈接在一起。

通常，您希望保持站點(diǎn)架構(gòu)簡(jiǎn)單。

換句話說(shuō)：

如果您遇到這樣的混亂，Google將很難找到并索引您的所有頁(yè)面。

另一方面，像這樣的架構(gòu)讓Google的工作輕松了很多。

獨(dú)特的內(nèi)容

谷歌討厭重復(fù)的內(nèi)容。

事實(shí)上，谷歌表示，如果他們發(fā)現(xiàn)一個(gè)包含大量重復(fù)內(nèi)容的網(wǎng)站：

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

簡(jiǎn)而言之：

您希望在您網(wǎng)站的每個(gè)頁(yè)面上都有獨(dú)特的內(nèi)容。

這對(duì)于一個(gè)50頁(yè)的博客來(lái)說(shuō)很容易。

但是對(duì)于擁有500多個(gè)地點(diǎn)的不同頁(yè)面的本地企業(yè)來(lái)說(shuō)呢？還是擁有10k個(gè)產(chǎn)品頁(yè)面的電子商務(wù)網(wǎng)站？

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

寫(xiě)一些關(guān)于你在布魯克林的干洗店的100%獨(dú)特的東西并不容易，這與你在皇后區(qū)的位置完全不同。

但是，如果您希望這些頁(yè)面在Google中排名，您需要實(shí)現(xiàn)它。

事實(shí)上，谷歌警告不要使用在多個(gè)頁(yè)面上重復(fù)的樣板內(nèi)容：

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

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

在某些情況下，您的網(wǎng)站上可能有多個(gè)具有相似內(nèi)容的不同頁(yè)面……但您只希望其中一個(gè)進(jìn)行排名。

（例如，您有一個(gè)頁(yè)面包含您銷售的每種尺寸和顏色的網(wǎng)球鞋）

好吧，您不想因重復(fù)的內(nèi)容而煩惱。

但是，為你的紅、藍(lán)、綠和黃色版本的鞋子編寫(xiě)完全獨(dú)特的內(nèi)容也是沒(méi)有意義的。

答案是什么？

Canonical標(biāo)簽。

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

“這個(gè)頁(yè)面值得索引。其余的只是該頁(yè)面的變體”。

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

但最大的好處是您將避免代價(jià)高昂的重復(fù)內(nèi)容懲罰。

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

URL被嚴(yán)重低估了。

事實(shí)上，大多數(shù)人在他們的URL中都采用了零思想。他們最終看起來(lái)像這樣：

粗心的URL對(duì)用戶不利（奇怪的URL很難記?。?。

搜索引擎也與冗長(zhǎng)、令人困惑的URL作斗爭(zhēng)。這是因?yàn)镚oogle會(huì)查看您的URL（以及頁(yè)面上的元標(biāo)記和內(nèi)容）來(lái)確定您頁(yè)面的主題。

因此，您要避免使用不描述您的頁(yè)面的URL。

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

相反，請(qǐng)使用為用戶和搜索引擎提供頁(yè)面主題線索的URL。這很容易記住。

例如，對(duì)于這篇關(guān)于SEO技術(shù)的文章，URL是：

https://www.wbolt.com/seo-techniques.html

簡(jiǎn)單的。

頁(yè)數(shù)有限

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

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

為什么這很重要？?jī)蓚€(gè)原因……

首先，更多頁(yè)面=更多潛在問(wèn)題。

一個(gè)有100個(gè)頁(yè)面的站點(diǎn)比一個(gè)有100,000個(gè)頁(yè)面的站點(diǎn)更容易使用。

擁有大量頁(yè)面的網(wǎng)站更有可能遇到以下問(wèn)題：

• 重復(fù)內(nèi)容
• 稀薄的內(nèi)容
• 谷歌熊貓算法處罰
• 過(guò)時(shí)的內(nèi)容

其次，擁有一些很棒的頁(yè)面的小型網(wǎng)站對(duì)SEO更友好。

（至少根據(jù)谷歌）

例如，我的網(wǎng)站每月有193,964名自然訪問(wèn)者：

一個(gè)很大的原因是沒(méi)有發(fā)布很多填充內(nèi)容?；蚓哂邢嗨苾?nèi)容的頁(yè)面。

事實(shí)上，網(wǎng)站總共只有128個(gè)索引頁(yè)面：

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

談到用戶體驗(yàn)和搜索引擎優(yōu)化，谷歌說(shuō)得最好：

“您應(yīng)該優(yōu)化您的網(wǎng)站以滿足用戶的需求。其中一個(gè)用戶是搜索引擎，它可以幫助其他用戶發(fā)現(xiàn)您的內(nèi)容。”

您已經(jīng)學(xué)會(huì)了如何針對(duì)Google和其他搜索引擎優(yōu)化您的網(wǎng)站。

現(xiàn)在是時(shí)候翻轉(zhuǎn)腳本了。

具體來(lái)說(shuō)，我們將專注于為人類用戶創(chuàng)造出色的用戶體驗(yàn)。

為什么這對(duì)SEO很重要？

首先，谷歌密切測(cè)量所謂的“用戶體驗(yàn)信號(hào)”。如果谷歌看到人們喜歡你的內(nèi)容，它會(huì)在搜索結(jié)果中排名更高。

（這是由一個(gè)名為“RankBrain”的谷歌算法處理的）

其次，如果您的網(wǎng)站很棒，會(huì)有更多人鏈接到它。

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

有了這個(gè)，這里有3個(gè)技巧，可以為用戶和Google創(chuàng)造出色的用戶體驗(yàn)。

移動(dòng)優(yōu)先設(shè)計(jì)

現(xiàn)在63%的網(wǎng)站流量來(lái)自移動(dòng)設(shè)備。

意思是：

首先創(chuàng)建一個(gè)桌面站點(diǎn)是沒(méi)有意義的……然后創(chuàng)建一個(gè)移動(dòng)版本。

相反，您想創(chuàng)建一個(gè)為移動(dòng)設(shè)備制作的網(wǎng)站……然后擔(dān)心桌面用戶的需求。

這對(duì)SEO也有好處。

谷歌現(xiàn)在正在運(yùn)行一個(gè)“移動(dòng)優(yōu)先索引”，它只查看你網(wǎng)站的移動(dòng)版本。

如果您的網(wǎng)站針對(duì)移動(dòng)設(shè)備進(jìn)行了優(yōu)化，那么您的網(wǎng)站就可以滿足用戶和Google的需求。

描述性標(biāo)題

您的標(biāo)題標(biāo)簽有兩個(gè)主要目標(biāo)：

目標(biāo)#1：描述你的頁(yè)面是關(guān)于什么的。

事實(shí)上，谷歌的質(zhì)量評(píng)估指南說(shuō)，“描述性或有用”的標(biāo)題是高質(zhì)量搜索結(jié)果的最重要部分之一。

因此，您要避免使用“主頁(yè)”或“聯(lián)系人”等通用標(biāo)題。

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

提高搜索引擎排名的17個(gè)重要SEO技巧– 閃電博

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

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

谷歌非常重視你的標(biāo)題標(biāo)簽。因此，請(qǐng)確保在標(biāo)題中包含一次目標(biāo)關(guān)鍵字。

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

所以我確保在我的標(biāo)題中包含那個(gè)確切的短語(yǔ)：

再次：

達(dá)到這兩個(gè)目標(biāo)將有助于您的網(wǎng)站訪問(wèn)者的呼吸。

畢竟，包含人們搜索的關(guān)鍵字的描述性標(biāo)題將幫助用戶在您的網(wǎng)站上找到他們正在尋找的內(nèi)容。

使用副標(biāo)題組織內(nèi)容

面對(duì)現(xiàn)實(shí)吧：

這個(gè)星球上沒(méi)有人愿意閱讀一堵巨大的文字墻，就像這樣：

混雜在一起的內(nèi)容使Google更難閱讀和理解您的網(wǎng)頁(yè)內(nèi)容。

這就是為什么您要將內(nèi)容組織成離散部分的原因，如下所示：

這讓您的用戶可以跳過(guò)并找到對(duì)他們最有幫助的部分。它還可以幫助 Google 了解您涵蓋的所有子主題。

例如，下面這篇文章是一步一步的SEO優(yōu)化檢查單。

如您所見(jiàn)，我使用H2子標(biāo)題將我的內(nèi)容分解為一堆不同的部分：

事實(shí)上，Google建議您使用“使用標(biāo)題標(biāo)簽來(lái)強(qiáng)調(diào)重要文本”并構(gòu)建您的內(nèi)容：