久久精品人人爽,华人av在线,亚洲性视频网站,欧美专区一二三

丸趣SEO課堂-手機版網站的SEO不雅念:若何做好SEO動作安裝優化

169次閱讀
沒有評論

共計 5722 個字符,預計需要花費 15 分鐘才能閱讀完成。

2015 年 Google 發布了有史以來的第一個與動作安裝友善(Mobile Friendly)的演算法,那套演算法國外業界稱號為 Mobilegeddon,演算法的內容簡單來說:你的網站必需要有手機版網站,而且敵手機利用者是友善的。

間隔 2015 年已經好幾個歲首過去了,動作安裝優化(Mobile Friendly)已經成為網站優化的根底裝備,但在 2020~2021 年間,Google 又鞭策了一套全新的演算法更動– Mobile First Indexing(動作安裝優先索引)。那篇文章我們要來談 SEO 上與『動作安裝友善(Mobile Friendly)』有關的不雅念、以及你在 SEO 優化上該留意的留意事項。

先談動作安裝友善(Mobile Friendly)的根底原則

動作安裝友善(Mobile Friendly)指的是你的網站必需要可以契合動作安裝閱讀與利用,更白話來說,只要利用者用手機翻開你的網站時的利用體驗長短常流利的,就到達了契合動作安裝友善(Mobile Friendly)的目標,為了到達那個目標,我們會架設所謂的手機版網站(或有些人稱為動作版網站),以下為 Google 針敵手機版網站提出的幾個根底標準:

制止利用敵手機不友善的外掛程式:舉例來說,Flash 格局的網站內容以如今情況來說對利用者體驗不太友善,尤其以手機來說如今大部門的閱讀器都不援助 Flash 了,建議架設網站時盡量制止利用 Flash。內容寬度不超出螢幕顯示范疇:以下圖為例,確保手機的介面上沒有任何物件會超出手機的閱讀范疇。字體大小:動作安裝的螢幕較小,故手機版網站的文字不宜太小點選元素間隔:可點選的元素(保持)之間間隔不宜太近,制止利用者用手指閱讀時,一次點到 2 個以上的按鈕。

以上是 Google 官方所建議的根本原則,但我小我也會建議把下列項目做好(能夠算是加分項目):

蓋臺告白優化:盡量不要在手機版網站上設置太擾人的蓋臺告白,若是實的不得已要利用蓋臺告白,告白更好不要占據太多版位、或是封閉告白的"X"按鈕設置的太難點擊。同時,Google5 月的演算法 Page Experience 也會針對蓋臺告白做出懲處,不但會影響利用者體驗、還會影響 SEO : (圖片壓縮以及速度優化:網站速度關于利用者體驗以及 SEO 城市有相當水平影響,做手機版網站優化時,我們必需要預設利用者的網路情況可能沒有電腦安裝來的好,故在速度優化上更好多下一點功夫。尤其是圖片優化的部門出格重要,不建議在手機版網站上傳太大張的圖片。

以上所提到的應該大部門的讀者、行銷人都可以理解,是很根本的網站優化不雅念,你也能夠透過以下的東西對你的網站做檢測:

動作安裝相容性測試東西

若是你要檢測"網站能否契合動作安裝友善(Mobile Friendly)"最簡單的辦法即是透過 Google 的動作安裝相容性測試東西來檢測本身的網站,若是網站有不契合動作安裝友善(Mobile Friendly)的話,東西上會間接顯示出錯誤并要求網站主停止改善,那個應該是最簡單的檢測問題的體例。但要請你留意的是動作安裝相容性測試東西是 Page Level 的檢測東西,也就是說,每個網頁丟進去測的成果可能紛歧樣,請確保每個網頁版型都至少有測試過一次。

Search Console 的動作安裝可用性報表

若是網站有動作安裝友善的問題,Search Console 內的報表會告訴你(若是沒有 Search Console 的話,還請參考此文安拆)。

認識動作安裝優先索引

Google 于 2020 年之后,逐步施行了所謂的動作安裝優先索引(Mobile First Indexing),因而如今的網站除了需要契合上面提到的動作安裝友善(Mobile Friendly)之外,也應該契合動作安裝優先索引(Mobile First Indexing)。

動作安裝優先索引(Mobile First Indexing)的概念很簡單,就是 Google 的爬蟲機器人會先來爬你的手機版網站,并用機器人在手機版網站上所爬到的內容來決定電腦版網站以及手機版網站的排名,其實只要把動作安裝友善(Mobile Friendly)顧好,凡是就不會有其他問題。但若是實的要隆重查抄的話,我會建議幾個優化項目能夠再查抄一下:

1. 從頭查抄你的動作安裝友善(Mobile Friendly)能否有問題。

2. 電腦版和動作版網站的內容與頁面盡可能一致,若是是獨立網頁架構,請手機與電腦網站請必然要頁對頁(本文后面會有更多獨立網頁架構的申明)。

3. 我們提過良多次的速度優化,要出格敵手機做優化,以前 Google 是爬電腦版網站,但如今 Google 以手機為主了。

4. 確保 Google 爬蟲能夠有效地爬你的手機版網站(那部門最常出問題的就是下面一個段落提到的"內部保持跟動線")。

實務上常看到的問題– 內部保持跟動線的縮減

我們實務上目前看到最常呈現的問題就是"手機版網站上的內容比電腦版網站少"或是"手機版網站的動線不完好",因為手機版網站的版面比力小,良多企業主會在手機版網站上把動線做的更簡化,舉例來說,你在電腦版的介面上有設想 2 層的導覽列,但手機版網站塞不下太大的導覽列,因而有些網站痛快把導覽列從 2 層簡化為 1 層,但搜索引擎需要依賴網站內的內部保持來闡發網站的架構(網站動線 / 內部保持重要性我在 SEO 最重要的不雅念,認識【內部保持】若何影響 SEO 那篇文章有談過),因而我會建議手機版上的動線以及內部保持盡可能不要削減、或是不要削減太多。

Harris 關于 Mobile First Indexing 的觀點

動作安裝優先索引是 2020~2021 才逐步全面施行的,其實若是你的網站有做好動作安裝友善(Mobile Friendly)凡是 SEO 上就沒有問題,我們在 SEO 上的優化原則沒有太大的變更,只是以前我們把"根底 SEO 優化的原則"套用到電腦版網站上面,如今改為要套用到手機版網站上面。例如說速度檢測以前都以電腦版網站為主,如今要改為優先檢測手機版網站,網站的動線 / 內部保持優化要改為手機版為主、網頁上的內容豐碩度也應該以手機版為主。

談手機版網站的架構選擇

我們如今常見的手機版網站架構大致上能夠分為三種,別離是『獨立式網頁(Separate URLs)』、『響應式網頁(Responsive Web Design)』、『動態辦事(Dynamic Serving)』三種,若是處置得宜的話,不管選擇哪一種架構,你的 SEO 都是能夠被優化的(前提是處置得宜的話),而在 SEO 實務上最容易呈現問題的是獨立式網頁(Separate URLs)的手機版網站架構,若是你的網站是屬于那類型的架構,可能在 SEO 上要好好的查抄一下文章后段提到的項目,那在往下之前,我們先介紹那三種架構之間的差別。

獨立式網頁(Separate URLs)

獨立式網頁設想我們在業界俗稱叫做大小網,白話來解釋就是架設寫兩套程式碼來處理手機版網站優化的問題,舉例來說,我為電腦版網站以及手機版網站各自寫了兩套網頁(2 套 HTML),網址別離是 www.yesharris.com 以及 m.yesharris.com(如上圖規范),當利用者的閱讀安裝是手機時,系統會將利用者導向到手機版網站的 m.yesharris .com,反之,則會導向到 www.yesharris.com 那個電腦版網站的網址。那個架構的優缺點如下:

長處:手機版網站跟電腦版能夠完全分隔設想,為差別安裝的利用者設想專屬的體驗

缺點:在 SEO 的優化上會比力費事一點點,且后續維護起來比力費事,因為要維護兩套程式檔案。

響應式網頁(Responsive Web Design)

響應式網頁我們凡是簡稱叫做 RWD,簡單來說我們只開發一套網頁,并透過 RWD 的手藝讓網頁會跟著差別的安裝而自適應的改動網頁的版面以及物件大小。RWD 的網站跟上面提到的獨立式網頁差別,根本上彀址是穩定的,在 SEO 上也比力不容易呈現問題,它的優缺點如下:

長處:只要維護一套程式碼就好,在 SEO 上也比力不容易呈現問題。

缺點:考量到網頁要跟著差別的安裝而縮放版面及物件,RWD 凡是版型無法設想得太復雜,手機版跟電腦版的體驗會相當接近。

動態辦事(Dynamic Serving)

動態辦事與上述提到的獨立式網頁設想一樣是設想兩套程式檔案(2 套 HTML),但差別的是在前臺是利用一樣的網址。白話一點來說,我們在后端做了兩套網頁,并依賴伺服器對安裝判斷"要供給給前端手機版的程式檔案仍是電腦版網站的程式檔案",Google 旗下的網站有良多就是接納那個架構,那個架構的優缺點如下:

長處:手機版網站跟電腦版能夠完全分隔設想,為差別安裝的利用者設想專屬的體驗,相較獨立式網頁來說,動態辦事的架構對 SEO 也比力不容易出問題。

缺點:要維護兩套程式檔案、還要處置安裝導向的設定,也有可能呈現一些安裝判斷的錯誤。

三種架構各自其實都有優缺點以及各自的 SEO 情況,我間接整理如下再來詳細申明:

在差別安裝時的網址

HTML

SEO 優化

UI 彈性

響應式設想(Responsive Web)

網址穩定

1 套 HTML

契合 Mobile Friendly 即可,凡是不需出格做其他優化

因為兩個安裝共用一套 HTML,UI 設想的彈性較小

獨立式網頁(Separate URLs)

兩種版本網址

2 套 HTML

略微費事一點點,現實要做的工作參考本文章的下一個段落

彈性較大

動態辦事(Dynamic Serving)

網址穩定

2 套 HTML

契合 Mobile Friendly 即可,凡是不需出格做其他優化

彈性較大

實務上在選擇手機版網站的架構時,要先考量到你的網站所需要的功用以及 UI 的復雜性,若是你的 UI 介面很復雜、或希望針敵手機利用者以及電腦利用者各自設想紛歧樣的介面體驗,那你可能沒有法子利用 RWD(RWD 是用統一套 HTML 去做版面的適應性縮放 / 調整,太復雜的介面比力難做到適應性的縮放),若是網站的介面功用不復雜,那么就能夠用 RWD 的架構。

差別手機版網站架構,關于 SEO 有影響嗎?

上述三種架構在 SEO 上都能優化出效果,但獨立式網頁設想在 SEO 上比力需要出格花心思去賜顧幫襯,更簡單來說,若是你的手機網站是接納 RWD 跟動態辦事,把手機體驗顧好凡是就不太會有 SEO 的問題呈現,但獨立式網頁就差別了,獨立式網頁在 SEO 維護上要留意 4 個很重要的留意事項:

Search Console 要申請兩組

我在 Search Console 的教學內有提到過,差別版本的網址需要申請差別的 Search Console,若是你是獨立式網頁的架構,你能夠申請 1 個網域資本或申請 2 個網址資本,例:我有 www.yesharris.com 以及 m.yesharris.com,請兩個都申請好 Search Console,用網址資本申請的益處是 Search Console 內的手機版網站以及電腦版網站的材料能夠分隔來看。

獨立網址注解

獨立式網頁會把手機版跟電腦版分為兩種版本網址,例:m.yesharris.com 以及 www.yesharris.com,實務上 Google 有時會分辯不出來那兩種版本網頁之間的聯系關系,最慘的情況來說 Google 有可能認不出 m.yesharris.com 以及 www.yesharris.com 其實是統一個網站,而且也認不出來它們之間的聯系關系性是手機版與電腦版網站,若是 Google 無法辨認出來的話就有可能發作以下問題:

1. 利用者會用手機搜索時,找到你的電腦版網站。

2. 你的手機版網站與電腦版網站的內容必定是接近或是一樣,因而會產生反復內容問題。

為了制止如許的情況呈現,Google 釋出了下列的語法,若是你的網站剛好是接納獨立式網頁設想,請你將以下語法放到你網站上的每一個網頁:

以首頁為例:

你的電腦版網站必需要在里面置入下列語法:

https://m.example.com/>

你的手機版網站必需要在里面置入下列語法:

https://www.example.com/>

以產物頁為例:

你的電腦版網站必需要在里面置入下列語法:

https://m.example.com/product99>

你的手機版網站必需要在里面置入下列語法:

https://www.example.com/product99>

制止網頁沒有頁對頁的對應

你的每一個網頁都要對應有手機版網頁與電腦版網頁,獨立式網頁比力怕的就是沒有頁對頁,舉例來說,我在電腦版網站上每一收產物都有"產物介紹"、"產物購置流程"、"產物保固申明"三個網頁,但到手機版本網站上我將三個網頁濃縮為一個網頁叫做"產物總攬",頁數紛歧樣且沒有頁對頁的情況,Google 可能會對不起來那些網頁之間的聯系關系性。請制止如許的情況發作。

按照安裝做轉址設定

在『動作安裝優先索引』上線后,只要你是獨立式網頁的設想,如今可能會呈現"在電腦版 Google 搜索時,看到手機版網站"的情況(如上圖),因而,Google 官方出格提醒網站主需要做恰當的轉址,當電腦安裝進到手機版網站時,伺服器應該要停止判斷,而且把利用者轉址到電腦版網站。

綜合上述所說,我凡是會建議客戶先考量本身關于 UI 介面以及功用的規劃,若是 UI 介面跟功用不復雜則盡量用 RWD,實的不得已需要復雜的介面或版型時,才來考量利用獨立式網頁或動態辦事。因為 RWD 在 SEO 上簡單良多、顧好動作安裝友善(Mobile Friendly)就不太會呈現嚴峻的 SEO 問題,維護成本也相對較低。

總結:3 個大重點必然要留意

那篇文章講了良多根本的手機版網站的優化不雅念,總結來說我會建議你查抄幾個項目:

1. 網站能否契合動作安裝友善(Mobile Friendly),你能夠用檢測東西來檢測。

2. 網站需要契合動作安裝優先索引(Mobile First Indexing),但那個沒有查抄東西,還請盡可能以文章前面提到的體例來顧及到,而且把所有 SEO 的根底原則套用到你的手機版網站上。

3. 若是你的網站是 RWD 或動態辦事,那請顧好動作安裝友善(Mobile Friendly),但若是是用獨立式網頁,則需要別的查抄四件工作,別離是『Search Console 額外安拆』、『獨立網址注解』、『頁對頁的對應』、『安裝判斷的轉址處置』。

丸趣 TV 網 – 提供最優質的資源集合!

正文完
 
丸趣
版權聲明:本站原創文章,由 丸趣 2023-12-12發表,共計5722字。
轉載說明:除特殊說明外本站除技術相關以外文章皆由網絡搜集發布,轉載請注明出處。
評論(沒有評論)
主站蜘蛛池模板: 千阳县| 元氏县| 蓬莱市| 綦江县| 泰顺县| 桐城市| 许昌县| 长乐市| 孟连| 保山市| 郑州市| 康平县| 大新县| 吉首市| 昂仁县| 山西省| 东乌| 吴旗县| 旅游| 闸北区| 荣成市| 普安县| 陇川县| 堆龙德庆县| 麻城市| 荥阳市| 呼和浩特市| 漠河县| 敖汉旗| 陵川县| 汾阳市| 南木林县| 高要市| 宁海县| 高阳县| 尉氏县| 泽州县| 永安市| 昌宁县| 社会| 桦川县|