如何制做智能手機(jī)進(jìn)行優(yōu)化的網(wǎng)站為什么要使用

手機(jī)網(wǎng)站優(yōu)化依然是面向百度這個大的中文搜索引擎來開展。接下來，小編說一下手機(jī)網(wǎng)站優(yōu)化需要注意的事項：智能手機(jī)，Google支持三種配置：

1、采用響應(yīng)性網(wǎng)頁設(shè)計的網(wǎng)站，也就是使用同一組網(wǎng)址在所有設(shè)備上顯示相應(yīng)內(nèi)容的網(wǎng)站，其中各網(wǎng)址會為所有設(shè)備提供相同的HTML，且僅使用CSS來調(diào)整網(wǎng)頁在設(shè)備上的呈現(xiàn)方式。這是Google推薦的配置。

2、通過同一組網(wǎng)址向所有設(shè)備動態(tài)提供相應(yīng)內(nèi)容的網(wǎng)站，但各網(wǎng)址會根據(jù)用戶代理是桌面設(shè)備還是移動設(shè)備而分別提供不同的HTML（和CSS）。

3、具有單獨的移動版網(wǎng)址和桌面版網(wǎng)址的網(wǎng)站。

下面我將介紹如何實現(xiàn)上述各種配置。

響應(yīng)性網(wǎng)頁設(shè)計

采用這種設(shè)置（響應(yīng)性網(wǎng)頁設(shè)計）時，服務(wù)器始終會向所有設(shè)備發(fā)送相同的HTML代碼，并且系統(tǒng)會通過CSS來更改網(wǎng)頁在使用媒體查詢的設(shè)備上的呈現(xiàn)方式。如果所有的Googlebot用戶代理都可以抓取網(wǎng)頁資源（CSS、JavaScript以及圖片），那么我們的算法應(yīng)能自動檢測此設(shè)置。

對于智能手機(jī)，我們推薦使用以下CSS媒體查詢：@mediaonlyscreenand(max-width:640px){...}

以上所示的大寬度值640像素只是一個示例，而不是強(qiáng)制性的要求。我們的算法會尋找可合理預(yù)期的大寬度值來指代智能手機(jī)屏幕分辨率，而且我們會嘗試監(jiān)控典型的移動網(wǎng)站使用的值，以便將來對我們的算法進(jìn)行相應(yīng)的更新。

至于如何指定媒體查詢，Google支持相應(yīng)標(biāo)準(zhǔn)允許的在代碼中使用使用媒體查詢的各種方式。每種實現(xiàn)方式都各有利弊，您可以選擇一種最適合您的網(wǎng)站和用戶的方式。一般來說，如果您的網(wǎng)站可以在最新版的瀏覽器（如GoogleChrome瀏覽器或AppleMobileSafari）中運行，那么該網(wǎng)站就可以使用我們的算法。

為什么要使用響應(yīng)性設(shè)計？

推薦使用響應(yīng)性網(wǎng)頁設(shè)計是因為它有許多優(yōu)勢：

1、針對同一份內(nèi)容使用單一網(wǎng)址不僅可讓用戶更輕松地與該內(nèi)容進(jìn)行互動、分享并鏈接到該內(nèi)容，而且有助于Google的算法為該內(nèi)容分配索引屬性。

2、無需重定向即可將用戶定向到已針對設(shè)備進(jìn)行優(yōu)化的視圖，從而可縮短加載時間。此外，基于用戶代理的重定向不僅容易出錯，而且會使網(wǎng)站的用戶體驗大打折扣

3、為您的網(wǎng)站和Google的抓取工具節(jié)省資源。對于采用響應(yīng)性網(wǎng)頁設(shè)計的網(wǎng)頁，任何Googlebot用戶代理只需抓取這些網(wǎng)頁一次（與使用不同的用戶代理時抓取多次的情況相反），即可檢索到相應(yīng)內(nèi)容。提高抓取效率可間接協(xié)助Google將更多的網(wǎng)站內(nèi)容編入索引，并確保抓取的內(nèi)容是最新的。

抓取要求：

請勿使用robots.txt或以其他方式阻止任何Googlebot抓取網(wǎng)頁資源（CSS、JavaScript以及圖片）。能夠完全訪問這些外部文件有助于我們的算法檢測網(wǎng)站的響應(yīng)性網(wǎng)頁設(shè)計配置，并對其進(jìn)行適當(dāng)處理。

通過同一網(wǎng)址動態(tài)提供不同的HTML

采用這種設(shè)置（動態(tài)提供內(nèi)容）時，服務(wù)器會根據(jù)請求相應(yīng)網(wǎng)頁的用戶代理通過同一網(wǎng)址提供不同的HTML（和CSS）。采用這種設(shè)置時，網(wǎng)站針對移動用戶代理對HTML進(jìn)行的更改不會立即生效（移動內(nèi)容處于“隱藏”狀態(tài)），因此，我們建議服務(wù)器發(fā)送一個提示，以便要求針對智能手機(jī)的Googlebot也應(yīng)抓取相應(yīng)網(wǎng)頁，從而發(fā)現(xiàn)移動內(nèi)容。此提示是使用VaryHTTP標(biāo)頭實現(xiàn)的。

VaryHTTP標(biāo)頭

VaryHTTP標(biāo)頭具有非常重要且實用的作用：

1、它會向ISP和其他位置使用的緩存服務(wù)器表明：在決定是否通過緩存來提供網(wǎng)頁時它們應(yīng)考慮用戶代理。如果您沒有使用VaryHTTP標(biāo)頭，緩存可能會錯誤地向移動設(shè)備用戶提供桌面版HTML網(wǎng)頁的緩存（反之亦然）。

2、它有助于Googlebot更快速地發(fā)現(xiàn)針對移動設(shè)備進(jìn)行優(yōu)化的內(nèi)容，這是因為有效的VaryHTTP標(biāo)頭是我們可以用來抓取以下網(wǎng)址的信號之一：提供針對移動設(shè)備進(jìn)行優(yōu)化的內(nèi)容的網(wǎng)址。

VaryHTTP標(biāo)頭是服務(wù)器對請求做出的響應(yīng)的一部分，如下所示：

這意味著，響應(yīng)的內(nèi)容將根據(jù)請求相應(yīng)網(wǎng)頁的用戶代理而異。如果您的服務(wù)器已使用VaryHTTP標(biāo)頭，那么您可以向已提供的列表添加“用戶代理”。

網(wǎng)頁題目：如何制做智能手機(jī)進(jìn)行優(yōu)化的網(wǎng)站為什么要使用
轉(zhuǎn)載來源：http://muchs.cn/news46/319496.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、響應(yīng)式網(wǎng)站、App設(shè)計、定制開發(fā)、網(wǎng)站內(nèi)鏈、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)