谷歌seo怎么優(yōu)化移動(dòng)端網(wǎng)站？

2016-02-29 分類(lèi)：網(wǎng)站建設(shè)

谷歌seo怎么優(yōu)化移動(dòng)端網(wǎng)站？漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序（PWA）正在利用新技術(shù)將最好的移動(dòng)網(wǎng)站和本機(jī)應(yīng)用程序帶給用戶(hù) - 而且它們是網(wǎng)絡(luò)上最激動(dòng)人心的新想法之一。但要真正產(chǎn)生影響，重要的是它們是可索引的和可鏈接的。本文中提出的每條建議都是現(xiàn)有的可索引性好實(shí)踐 - 無(wú)論您是構(gòu)建Progressive Web App還是簡(jiǎn)單的靜態(tài)網(wǎng)站。盡管如此，我們整理了這些好實(shí)踐，以提供一份指導(dǎo)您的清單：

使您的內(nèi)容可抓取

為什么？從歷史上看，網(wǎng)站總是在服務(wù)器上生成或呈現(xiàn)HTML，這是確保您的內(nèi)容可直接鏈接的最簡(jiǎn)單方法。Web應(yīng)用程序普及了客戶(hù)端呈現(xiàn)的概念，其中內(nèi)容在用戶(hù)導(dǎo)航時(shí)在頁(yè)面上動(dòng)態(tài)更新，而不需要重新加載頁(yè)面。

現(xiàn)代方法是混合渲染，其中當(dāng)用戶(hù)直接導(dǎo)航到URL并且在初始頁(yè)面加載之后用于后續(xù)導(dǎo)航和異步請(qǐng)求時(shí)使用客戶(hù)端渲染時(shí)使用服務(wù)器端渲染。

我們的服務(wù)器端PWA示例演示了純服務(wù)器端渲染，而我們的混合PWA示例演示了組合方法。

如果您不熟悉服務(wù)器端和客戶(hù)端呈現(xiàn)術(shù)語(yǔ)，請(qǐng)?jiān)诖颂幒痛颂庨喿x這些文章。

好實(shí)踐：

使用服務(wù)器端或混合呈現(xiàn)，以便用戶(hù)在其Web請(qǐng)求的初始有效負(fù)載中接收內(nèi)容。

始終確保您的網(wǎng)址可以獨(dú)立訪問(wèn)：

seo.cdkjz.cn

以上內(nèi)容應(yīng)與該特定資源緊密相關(guān)。

如果您無(wú)法支持Progressive Web App的服務(wù)器端或混合渲染，并且您決定使用客戶(hù)端渲染，我們建議您使用Google Search Console獲取Google工具;來(lái)驗(yàn)證您的內(nèi)容是否已成功呈現(xiàn)給我們的搜索抓取工具。

別：

請(qǐng)勿將訪問(wèn)深層鏈接的用戶(hù)重定向回您的網(wǎng)絡(luò)應(yīng)用主頁(yè)。

此外，還應(yīng)避免向用戶(hù)提供錯(cuò)誤頁(yè)面而不是深度鏈接。

提供干凈的URL

為什么？片段標(biāo)識(shí)符（＃user / 24601 /或＃！user / 24601 /）是瀏覽器從服務(wù)器獲取AJAX新內(nèi)容而無(wú)需重新加載頁(yè)面的有效解決方法。此設(shè)計(jì)稱(chēng)為客戶(hù)端呈現(xiàn)。

但是，片段標(biāo)識(shí)符語(yǔ)法與某些Web工具，框架和協(xié)議（如Facebook的Open Graph協(xié)議）不兼容。

在歷史API，使我們沒(méi)有片段標(biāo)識(shí)符更新URL，同時(shí)還獲取資源異步模式，因此避免頁(yè)面重載-這是兩全其美。AJAX爬行方案（帶有＃！/轉(zhuǎn)義片段URL）在當(dāng)時(shí)是有意義的，但現(xiàn)在不再推薦了。

我們的混合PWA和客戶(hù)端PWA示例演示了History API。

好實(shí)踐：

提供沒(méi)有片段標(biāo)識(shí)符（?；颍＃。┑母蓛鬠RL，例如：

seo.cdkjz.cn

如果使用客戶(hù)端或混合渲染，請(qǐng)確保使用History API支持瀏覽器導(dǎo)航。

避免：

使用＃！不鼓勵(lì)驅(qū)動(dòng)唯一網(wǎng)址的網(wǎng)址結(jié)構(gòu)：

www.rwnh.cn

它是在History API出現(xiàn)之前作為解決方法引入的。它被認(rèn)為是純粹#URL結(jié)構(gòu)的單獨(dú)模式。

別：

使用＃URL結(jié)構(gòu)而不附帶！符號(hào)不受支持：

www.rwnh.cn

此URL結(jié)構(gòu)已經(jīng)是Web中的一個(gè)概念，與深層鏈接到特定頁(yè)面上的內(nèi)容有關(guān)。

指定規(guī)范URL

為什么？當(dāng)多個(gè)URL（無(wú)論是相同或不同的域）下可用相同內(nèi)容時(shí)，消除混淆索引的好方法是將一個(gè)頁(yè)面標(biāo)記為規(guī)范，將所有其他頁(yè)面復(fù)制該內(nèi)容以引用它。

好實(shí)踐：

在鏡像特定內(nèi)容的所有頁(yè)面中包含以下標(biāo)記：

如果您支持Accelerated Mobile Pages，請(qǐng)務(wù)必正確使用其對(duì)應(yīng)的rel =“amphtml;指令。

避免：

避免故意在多個(gè)URL中復(fù)制內(nèi)容，而不是使用rel =“canonical;鏈接元素。

例如，rel =“canonical;鏈接元素可以減少具有跟蹤參數(shù)的URL的模糊性。

別：

避免在頁(yè)面之間創(chuàng)建沖突的規(guī)范引用。

多個(gè)設(shè)備的設(shè)計(jì)

為什么？重要的是，所有用戶(hù)在查看您的網(wǎng)站時(shí)都能獲得好體驗(yàn)，無(wú)論他們的設(shè)備如何。

使您的網(wǎng)站在其設(shè)計(jì)中具有響應(yīng)性 - 您的網(wǎng)站的字體，邊距，填充，按鈕和一般設(shè)計(jì)應(yīng)根據(jù)屏幕分辨率和設(shè)備視口動(dòng)態(tài)擴(kuò)展。

針對(duì)臺(tái)式機(jī)或平板電腦設(shè)備放大的小圖片會(huì)給您帶來(lái)糟糕的體驗(yàn)。相反，超高分辨率圖像需要很長(zhǎng)時(shí)間才能在手機(jī)上下載，并可能影響移動(dòng)滾動(dòng)性能。

在此處閱讀更多用于PWA的UX。

好實(shí)踐：

使用srcset;屬性為不同的密度屏幕獲取不同的分辨率圖像，以避免下載大于設(shè)備屏幕能夠顯示的圖像。

縮放字體大小和行高，以確保無(wú)論設(shè)備大小，文本都清晰可辨。同樣，確保元素的填充和邊距也能合理地縮放。

使用Chrome開(kāi)發(fā)者工具的設(shè)備模式功能和移動(dòng)友好測(cè)試工具測(cè)試各種屏幕分辨率。

別：

不要向用戶(hù)顯示與向Google展示的內(nèi)容不同的內(nèi)容。如果您使用重定向或用戶(hù)代理檢測(cè)（也稱(chēng)為瀏覽器嗅探或動(dòng)態(tài)服務(wù)）來(lái)更改不同設(shè)備的站點(diǎn)設(shè)計(jì)，則內(nèi)容本身保持不變非常重要。

使用搜索控制臺(tái)抓取為Google;工具驗(yàn)證Google提取的內(nèi)容是否與用戶(hù)看到的內(nèi)容相匹配。

出于可用性原因，請(qǐng)避免使用固定大小的字體。

迭代地發(fā)展

為什么？向Web應(yīng)用程序添加功能時(shí)最安全的方法之一是迭代地進(jìn)行更改。如果您一次添加一個(gè)功能，則可以觀察每個(gè)更改的影響。

另外，許多開(kāi)發(fā)人員更愿意將他們的漸進(jìn)式Web應(yīng)用程序視為一次性改造其移動(dòng)站點(diǎn)的機(jī)會(huì) - 在隔離環(huán)境中開(kāi)發(fā)新的Web應(yīng)用程序，并在準(zhǔn)備好后將其與現(xiàn)有移動(dòng)站點(diǎn)進(jìn)行交換。

在迭代地開(kāi)發(fā)特征時(shí)，嘗試將更改分解為單獨(dú)的部分。例如，如果您打算從服務(wù)器端渲染轉(zhuǎn)移到混合渲染，那么將其作為單個(gè)迭代進(jìn)行處理 - 而不是與其他功能組合。

這兩種方法各有利弊。迭代降低了處理搜索索引性的復(fù)雜性，因?yàn)檗D(zhuǎn)換是連續(xù)的。但是，迭代可能會(huì)導(dǎo)致開(kāi)發(fā)過(guò)程變慢，并且如果開(kāi)發(fā)不是從頭開(kāi)始，則可能會(huì)進(jìn)行較少的創(chuàng)新性改造。

在任何一種情況下，要關(guān)注的最敏感區(qū)域是您的規(guī)范網(wǎng)址和您網(wǎng)站的robots.txt配置。

好實(shí)踐：

通過(guò)逐個(gè)添加新功能逐步迭代您的網(wǎng)站。

例如，如果不支持HTTPS，則首先遷移到安全站點(diǎn)。

避免：

如果您已在隔離環(huán)境中開(kāi)發(fā)了漸進(jìn)式Web應(yīng)用程序，則應(yīng)避免在未檢查rel-canonical鏈接的情況下啟動(dòng)它，并正確設(shè)置robots.txt。

確保您的rel-canonical鏈接指向真實(shí)網(wǎng)站，并且您的robots.txt配置允許抓取工具抓取您的新網(wǎng)站。

別：

在啟動(dòng)之前阻止抓取工具為您的開(kāi)發(fā)中網(wǎng)站編制索引是合乎邏輯的，但不要忘記在啟動(dòng)時(shí)取消阻止抓取工具訪問(wèn)您的新網(wǎng)站。

使用漸進(jìn)增強(qiáng)功能

為什么？在可能的情況下，在使用瀏覽器功能之前檢測(cè)它們非常重要。功能檢測(cè)也比測(cè)試支持給定功能的瀏覽器更好。

過(guò)去常見(jiàn)的不良做法是通過(guò)測(cè)試用戶(hù)使用的瀏覽器來(lái)啟用或禁用功能。然而，隨著瀏覽器不斷發(fā)展的功能，強(qiáng)烈建議不要采用這種技術(shù)。

服務(wù)工作者是一項(xiàng)相對(duì)較新的技術(shù)，重要的是不要在追求進(jìn)步時(shí)破壞兼容性 - 這是何時(shí)使用漸進(jìn)增強(qiáng)的好示例。

好實(shí)踐：

在注冊(cè)Service Worker之前檢查其API的可用性：

if（導(dǎo)航器中的'serviceWorker'）{

...

使用每種API檢測(cè)方法來(lái)處理您網(wǎng)站的所有功能。

別：

切勿使用瀏覽器的用戶(hù)代理啟用或禁用Web應(yīng)用程序中的功能。始終檢查功能的API是否可用，如果不可用則正常降級(jí)。

避免更新或啟動(dòng)您的網(wǎng)站，而無(wú)需跨多個(gè)瀏覽器進(jìn)行測(cè)試！檢查您的網(wǎng)站分析，了解哪些瀏覽器在您的用戶(hù)群中最受歡迎。

使用Search Console進(jìn)行測(cè)試

為什么？了解Google搜索如何查看您網(wǎng)站的內(nèi)容非常重要。您可以使用搜索控制臺(tái)來(lái)從您的網(wǎng)站抓取單個(gè)網(wǎng)址，看看谷歌搜索使用的是如何看待他們抓取>抓取谷歌;功能。Search Console將處理您的JavaScript并在選擇該選項(xiàng)時(shí)呈現(xiàn)頁(yè)面; 否則只顯示原始HTML響應(yīng)

Google Search Console還會(huì)以多種方式分析您網(wǎng)頁(yè)上的內(nèi)容，包括檢測(cè)結(jié)構(gòu)化數(shù)據(jù)，Rich Cards，附加鏈接和加速移動(dòng)頁(yè)面的存在。

好實(shí)踐：

使用Search Console監(jiān)控您的網(wǎng)站，并探索其功能，包括抓取為Google;。

通過(guò)Search Console抓取>站點(diǎn)地圖;提供站點(diǎn)地圖這可以是確保Google搜索了解您所有站點(diǎn)網(wǎng)頁(yè)的有效方法。

使用Schema.org結(jié)構(gòu)化數(shù)據(jù)進(jìn)行批注

為什么？ Schema.org結(jié)構(gòu)化數(shù)據(jù)是一個(gè)靈活的詞匯表，用于將頁(yè)面中最重要的部分概括為可機(jī)器處理的數(shù)據(jù)。這可以像簡(jiǎn)單地說(shuō)一個(gè)頁(yè)面是一個(gè)新聞文章，或具體到詳細(xì)說(shuō)明一個(gè)旅游樂(lè)隊(duì)的位置，樂(lè)隊(duì)名稱(chēng)，場(chǎng)地和票務(wù)供應(yīng)商，或總結(jié)配方的成分和步驟。

使用此元數(shù)據(jù)可能對(duì)您的Web應(yīng)用程序中的每個(gè)頁(yè)面都沒(méi)有意義，但建議在合理的地方使用。Google會(huì)在呈現(xiàn)頁(yè)面后將其提取出來(lái)。

有各種數(shù)據(jù)類(lèi)型，包括NewsArticle;，Recipe;和Product;等等。在此處瀏覽所有支持的數(shù)據(jù)類(lèi)型。

好實(shí)踐：

使用Google的結(jié)構(gòu)化數(shù)據(jù)測(cè)試工具驗(yàn)證您的Schema.org元數(shù)據(jù)是否正確。

檢查您提供的數(shù)據(jù)是否顯示且沒(méi)有錯(cuò)誤。

別：

避免使用與您網(wǎng)頁(yè)的實(shí)際內(nèi)容不匹配的數(shù)據(jù)類(lèi)型。例如，不要將食譜;用于您正在銷(xiāo)售的T恤 - 請(qǐng)改用產(chǎn)品;。

使用Open Graph和Twitter Cards進(jìn)行注釋

為什么？除了Schema.org元數(shù)據(jù)之外，添加對(duì)Facebook的Open Graph協(xié)議和Twitter富卡的支持也會(huì)很有幫助。

當(dāng)您的內(nèi)容在相應(yīng)的社交網(wǎng)絡(luò)上共享時(shí)，這些元數(shù)據(jù)格式可改善用戶(hù)體驗(yàn)。

如果您現(xiàn)有的網(wǎng)站或網(wǎng)絡(luò)應(yīng)用程序使用這些格式，那么確保它們包含在您的漸進(jìn)式Web應(yīng)用程序中以及好的病毒式傳播方面非常重要。

好實(shí)踐：

使用Facebook對(duì)象調(diào)試工具測(cè)試您的Open Graph標(biāo)記。

熟悉Twitter的元數(shù)據(jù)格式。

別：

如果現(xiàn)有站點(diǎn)支持這些格式，請(qǐng)不要忘記包含這些格式。

使用多個(gè)瀏覽器進(jìn)行測(cè)試

為什么？顯然，從用戶(hù)的角度來(lái)看，網(wǎng)站在所有瀏覽器中的行為都很重要。雖然體驗(yàn)可能適應(yīng)不同的屏幕尺寸，但我們都希望移動(dòng)網(wǎng)站在類(lèi)似尺寸的設(shè)備上工作相同，無(wú)論是iPhone還是Android手機(jī)。

雖然由于世界各地使用的瀏覽器數(shù)量，網(wǎng)絡(luò)可能被視為碎片化，但這種多樣性和競(jìng)爭(zhēng)是使網(wǎng)絡(luò)成為創(chuàng)新平臺(tái)的一部分。值得慶幸的是，Web標(biāo)準(zhǔn)從未像現(xiàn)在這樣成熟，現(xiàn)代工具使開(kāi)發(fā)人員能夠自信地構(gòu)建豐富的，跨瀏覽器兼容的網(wǎng)站。

好實(shí)踐：

使用瀏覽器測(cè)試工具（如BrowserStack.com，Browserling.com或BrowserShots.org）確保您的PWA與瀏覽器兼容。

測(cè)量頁(yè)面加載性能

為什么？網(wǎng)站為用戶(hù)加載的速度越快，用戶(hù)體驗(yàn)就越好。優(yōu)化頁(yè)面速度已經(jīng)是Web開(kāi)發(fā)中眾所周知的重點(diǎn)，但有時(shí)在開(kāi)發(fā)新版本的站點(diǎn)時(shí)，必要的優(yōu)化不被視為高優(yōu)先級(jí)。

在開(kāi)發(fā)漸進(jìn)式Web應(yīng)用程序時(shí)，我們建議您在啟動(dòng)站點(diǎn)之前測(cè)量頁(yè)面加載速度的性能并進(jìn)行優(yōu)化，以獲得好結(jié)果。

好實(shí)踐：

使用Page Speed Insights和網(wǎng)頁(yè)測(cè)試等工具來(lái)衡量網(wǎng)站的頁(yè)面加載性能。雖然Googlebot在渲染方面有一點(diǎn)耐心，但研究表明，40％的消費(fèi)者會(huì)留下一個(gè)加載時(shí)間超過(guò)三秒的頁(yè)面。

在此處詳細(xì)了解我們的網(wǎng)頁(yè)性能建議和關(guān)鍵渲染路徑。

別：

避免將優(yōu)化作為啟動(dòng)后步驟。如果您的網(wǎng)站內(nèi)容在遷移到新的漸進(jìn)式Web應(yīng)用程序之前加載得很快，那么在優(yōu)化過(guò)程中不要退化很重要。

我們希望上面的清單很有用，并提供正確的指導(dǎo)，以幫助您開(kāi)發(fā)具有可索引性的Progressive Web應(yīng)用程序。

在開(kāi)始時(shí)，請(qǐng)務(wù)必查看我們的Progressive Web App可索引性示例，它們演示了服務(wù)器端，客戶(hù)端和混合渲染。與往常一樣，如果您有任何疑問(wèn)，請(qǐng)聯(lián)系我們的網(wǎng)站管理員論壇。

大多數(shù)人都在使用移動(dòng)設(shè)備在Google上搜索。但是，我們的排名系統(tǒng)通常仍然會(huì)查看頁(yè)面內(nèi)容的桌面版本，以評(píng)估其與用戶(hù)的相關(guān)性。當(dāng)移動(dòng)頁(yè)面的內(nèi)容少于桌面頁(yè)面時(shí)，這可能會(huì)導(dǎo)致問(wèn)題，因?yàn)槲覀兊乃惴ú粫?huì)評(píng)估移動(dòng)搜索者看到的實(shí)際頁(yè)面。

為了使我們的結(jié)果更有用，我們已經(jīng)開(kāi)始嘗試使我們的索引成為移動(dòng)優(yōu)先。雖然我們的搜索索引將繼續(xù)是網(wǎng)站和應(yīng)用程序的單一索引，但我們的算法最終將主要使用網(wǎng)站內(nèi)容的移動(dòng)版本來(lái)對(duì)該網(wǎng)站的網(wǎng)頁(yè)進(jìn)行排名，理解結(jié)構(gòu)化數(shù)據(jù)，并在我們的網(wǎng)頁(yè)中顯示這些網(wǎng)頁(yè)的摘要。結(jié)果。當(dāng)然，雖然我們的索引將基于移動(dòng)文檔構(gòu)建，但我們將繼續(xù)為所有用戶(hù)構(gòu)建出色的搜索體驗(yàn)，無(wú)論他們來(lái)自移動(dòng)設(shè)備還是桌面設(shè)備。

我們理解這是我們索引的一個(gè)重要轉(zhuǎn)變，這是我們認(rèn)真對(duì)待的一個(gè)。我們將繼續(xù)在未來(lái)幾個(gè)月內(nèi)對(duì)小規(guī)模進(jìn)行仔細(xì)的試驗(yàn)，當(dāng)我們確信我們擁有出色的用戶(hù)體驗(yàn)時(shí)，我們會(huì)加快這一變化。雖然我們只是開(kāi)始這個(gè)??過(guò)程，但我們提供了一些建議來(lái)幫助網(wǎng)站管理員做好準(zhǔn)備，因?yàn)槲覀冋咭苿?dòng)性的指數(shù)邁進(jìn)。

如果您有一個(gè)響應(yīng)式站點(diǎn)或動(dòng)態(tài)服務(wù)站點(diǎn)，其中主要內(nèi)容和標(biāo)記在移動(dòng)設(shè)備和桌面上是等效的，則您不必更改任何內(nèi)容。

如果您的網(wǎng)站配置中主要內(nèi)容和標(biāo)記在移動(dòng)設(shè)備和桌面設(shè)備上有所不同，則應(yīng)考慮對(duì)網(wǎng)站進(jìn)行一些更改。

確保為桌面版和移動(dòng)版提供結(jié)構(gòu)化標(biāo)記。

通過(guò)在結(jié)構(gòu)化數(shù)據(jù)測(cè)試工具中鍵入兩個(gè)版本的URL 并比較輸出，站點(diǎn)可以在桌面和移動(dòng)設(shè)備上驗(yàn)證其結(jié)構(gòu)化標(biāo)記的等效性。

將結(jié)構(gòu)化數(shù)據(jù)添加到移動(dòng)站點(diǎn)時(shí)，請(qǐng)避免添加與每個(gè)文檔的特定信息內(nèi)容無(wú)關(guān)的大量標(biāo)記。

使用robots.txt測(cè)試工具驗(yàn)證Googlebot是否可以訪問(wèn)您的移動(dòng)版本。

網(wǎng)站不必更改其規(guī)范鏈接 ; 我們將繼續(xù)使用這些鏈接作為指南，為在桌面或移動(dòng)設(shè)備上搜索的用戶(hù)提供適當(dāng)?shù)慕Y(jié)果。

如果您是僅在Search Console中驗(yàn)證其桌面版網(wǎng)站的網(wǎng)站所有者，請(qǐng)?zhí)砑硬Ⅱ?yàn)證您的移動(dòng)版本。

如果您只有一個(gè)桌面版網(wǎng)站，即使我們使用移動(dòng)用戶(hù)代理查看您的網(wǎng)站，我們也會(huì)繼續(xù)為您的桌面網(wǎng)站編制索引。

如果您要構(gòu)建網(wǎng)站的移動(dòng)版本，請(qǐng)記住，功能性面向桌面的網(wǎng)站可能比網(wǎng)站的損壞或不完整的移動(dòng)版本更好。建立您的移動(dòng)網(wǎng)站并在準(zhǔn)備好時(shí)啟動(dòng)它會(huì)更好。

如果您有任何疑問(wèn)，請(qǐng)隨時(shí)通過(guò)網(wǎng)站站長(zhǎng)論壇或我們的公共活動(dòng)與我們聯(lián)系。我們預(yù)計(jì)此更改將需要一些時(shí)間，我們會(huì)在遷移系統(tǒng)時(shí)取得進(jìn)展。

分享文章：谷歌seo怎么優(yōu)化移動(dòng)端網(wǎng)站？
文章轉(zhuǎn)載：http://www.rwnh.cn/news15/33465.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、定制開(kāi)發(fā)、云服務(wù)器、微信小程序、網(wǎng)站改版、搜索引擎優(yōu)化

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

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

谷歌seo怎么優(yōu)化移動(dòng)端網(wǎng)站？

谷歌seo怎么優(yōu)化移動(dòng)端網(wǎng)站？