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

2016-02-29    分類： 網(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)用程序帶給用戶 - 而且它們是網(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)用程序普及了客戶端呈現(xiàn)的概念，其中內(nèi)容在用戶導(dǎo)航時(shí)在頁(yè)面上動(dòng)態(tài)更新，而不需要重新加載頁(yè)面。
谷歌seo怎么優(yōu)化移動(dòng)端網(wǎng)站？
現(xiàn)代方法是混合渲染，其中當(dāng)用戶直接導(dǎo)航到URL并且在初始頁(yè)面加載之后用于后續(xù)導(dǎo)航和異步請(qǐng)求時(shí)使用客戶端渲染時(shí)使用服務(wù)器端渲染。
我們的服務(wù)器端PWA示例演示了純服務(wù)器端渲染，而我們的混合PWA示例演示了組合方法。
如果您不熟悉服務(wù)器端和客戶端呈現(xiàn)術(shù)語(yǔ)，請(qǐng)?jiān)诖颂幒痛颂庨喿x這些文章。
好實(shí)踐：
使用服務(wù)器端或混合呈現(xiàn)，以便用戶在其Web請(qǐng)求的初始有效負(fù)載中接收內(nèi)容。
始終確保您的網(wǎng)址可以獨(dú)立訪問：
seo.cdkjz.cn
以上內(nèi)容應(yīng)與該特定資源緊密相關(guān)。
如果您無(wú)法支持Progressive Web App的服務(wù)器端或混合渲染，并且您決定使用客戶端渲染，我們建議您使用Google Search Console獲取Google工具;來(lái)驗(yàn)證您的內(nèi)容是否已成功呈現(xiàn)給我們的搜索抓取工具。
別：
請(qǐng)勿將訪問深層鏈接的用戶重定向回您的網(wǎng)絡(luò)應(yīng)用主頁(yè)。
此外，還應(yīng)避免向用戶提供錯(cuò)誤頁(yè)面而不是深度鏈接。
提供干凈的URL
為什么？片段標(biāo)識(shí)符（＃user / 24601 /或＃！user / 24601 /）是瀏覽器從服務(wù)器獲取AJAX新內(nèi)容而無(wú)需重新加載頁(yè)面的有效解決方法。此設(shè)計(jì)稱為客戶端呈現(xiàn)。
但是，片段標(biāo)識(shí)符語(yǔ)法與某些Web工具，框架和協(xié)議（如Facebook的Open Graph協(xié)議）不兼容。
在歷史API，使我們沒有片段標(biāo)識(shí)符更新URL，同時(shí)還獲取資源異步模式，因此避免頁(yè)面重載-這是兩全其美。AJAX爬行方案（帶有＃！/轉(zhuǎn)義片段URL）在當(dāng)時(shí)是有意義的，但現(xiàn)在不再推薦了。
我們的混合PWA和客戶端PWA示例演示了History API。
好實(shí)踐：
提供沒有片段標(biāo)識(shí)符（＃或＃！）的干凈URL，例如：
seo.cdkjz.cn
如果使用客戶端或混合渲染，請(qǐng)確保使用History API支持瀏覽器導(dǎo)航。
避免：
使用 ＃！不鼓勵(lì)驅(qū)動(dòng)唯一網(wǎng)址的網(wǎng)址結(jié)構(gòu)：
www.bm7419.com
它是在History API出現(xiàn)之前作為解決方法引入的。它被認(rèn)為是純粹#URL結(jié)構(gòu)的單獨(dú)模式。
別：
使用＃URL結(jié)構(gòu)而不附帶！符號(hào)不受支持：
www.bm7419.com
此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ì)
為什么？重要的是，所有用戶在查看您的網(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開發(fā)者工具的設(shè)備模式功能和移動(dòng)友好測(cè)試工具測(cè)試各種屏幕分辨率。
別：
不要向用戶顯示與向Google展示的內(nèi)容不同的內(nèi)容。如果您使用重定向或用戶代理檢測(cè)（也稱為瀏覽器嗅探或動(dòng)態(tài)服務(wù)）來(lái)更改不同設(shè)備的站點(diǎn)設(shè)計(jì)，則內(nèi)容本身保持不變非常重要。
使用搜索控制臺(tái)抓取為Google;工具驗(yàn)證Google提取的內(nèi)容是否與用戶看到的內(nèi)容相匹配。
出于可用性原因，請(qǐng)避免使用固定大小的字體。
迭代地發(fā)展
為什么？向Web應(yīng)用程序添加功能時(shí)最安全的方法之一是迭代地進(jìn)行更改。如果您一次添加一個(gè)功能，則可以觀察每個(gè)更改的影響。
另外，許多開發(fā)人員更愿意將他們的漸進(jìn)式Web應(yīng)用程序視為一次性改造其移動(dòng)站點(diǎn)的機(jī)會(huì) - 在隔離環(huán)境中開發(fā)新的Web應(yīng)用程序，并在準(zhǔn)備好后將其與現(xiàn)有移動(dòng)站點(diǎn)進(jìn)行交換。
在迭代地開發(fā)特征時(shí)，嘗試將更改分解為單獨(dú)的部分。例如，如果您打算從服務(wù)器端渲染轉(zhuǎn)移到混合渲染，那么將其作為單個(gè)迭代進(jìn)行處理 - 而不是與其他功能組合。
這兩種方法各有利弊。迭代降低了處理搜索索引性的復(fù)雜性，因?yàn)檗D(zhuǎn)換是連續(xù)的。但是，迭代可能會(huì)導(dǎo)致開發(fā)過程變慢，并且如果開發(fā)不是從頭開始，則可能會(huì)進(jìn)行較少的創(chuàng)新性改造。
在任何一種情況下，要關(guān)注的最敏感區(qū)域是您的規(guī)范網(wǎng)址和您網(wǎng)站的robots.txt配置。
好實(shí)踐：
通過逐個(gè)添加新功能逐步迭代您的網(wǎng)站。
例如，如果不支持HTTPS，則首先遷移到安全站點(diǎn)。
避免：
如果您已在隔離環(huán)境中開發(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)之前阻止抓取工具為您的開發(fā)中網(wǎng)站編制索引是合乎邏輯的，但不要忘記在啟動(dòng)時(shí)取消阻止抓取工具訪問您的新網(wǎng)站。
使用漸進(jìn)增強(qiáng)功能
為什么？在可能的情況下，在使用瀏覽器功能之前檢測(cè)它們非常重要。功能檢測(cè)也比測(cè)試支持給定功能的瀏覽器更好。
過去常見的不良做法是通過測(cè)試用戶使用的瀏覽器來(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)站的所有功能。
別：
切勿使用瀏覽器的用戶代理啟用或禁用Web應(yīng)用程序中的功能。始終檢查功能的API是否可用，如果不可用則正常降級(jí)。
避免更新或啟動(dòng)您的網(wǎng)站，而無(wú)需跨多個(gè)瀏覽器進(jìn)行測(cè)試！檢查您的網(wǎng)站分析，了解哪些瀏覽器在您的用戶群中最受歡迎。
使用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;。
通過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)單地說一個(gè)頁(yè)面是一個(gè)新聞文章，或具體到詳細(xì)說明一個(gè)旅游樂隊(duì)的位置，樂隊(duì)名稱，場(chǎng)地和票務(wù)供應(yīng)商，或總結(jié)配方的成分和步驟。
使用此元數(shù)據(jù)可能對(duì)您的Web應(yīng)用程序中的每個(gè)頁(yè)面都沒有意義，但建議在合理的地方使用。Google會(huì)在呈現(xiàn)頁(yè)面后將其提取出來(lái)。
有各種數(shù)據(jù)類型，包括NewsArticle;，Recipe;和Product;等等。在此處瀏覽所有支持的數(shù)據(jù)類型。
好實(shí)踐：
使用Google的結(jié)構(gòu)化數(shù)據(jù)測(cè)試工具驗(yàn)證您的Schema.org元數(shù)據(jù)是否正確。
檢查您提供的數(shù)據(jù)是否顯示且沒有錯(cuò)誤。
別：
避免使用與您網(wǎng)頁(yè)的實(shí)際內(nèi)容不匹配的數(shù)據(jù)類型。例如，不要將食譜;用于您正在銷售的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ù)格式可改善用戶體驗(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è)試
為什么？顯然，從用戶的角度來(lái)看，網(wǎng)站在所有瀏覽器中的行為都很重要。雖然體驗(yàn)可能適應(yīng)不同的屏幕尺寸，但我們都希望移動(dòng)網(wǎng)站在類似尺寸的設(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)代工具使開發(fā)人員能夠自信地構(gòu)建豐富的，跨瀏覽器兼容的網(wǎng)站。
好實(shí)踐：
使用瀏覽器測(cè)試工具（如BrowserStack.com，Browserling.com或BrowserShots.org）確保您的PWA與瀏覽器兼容。
測(cè)量頁(yè)面加載性能
為什么？網(wǎng)站為用戶加載的速度越快，用戶體驗(yàn)就越好。優(yōu)化頁(yè)面速度已經(jīng)是Web開發(fā)中眾所周知的重點(diǎn)，但有時(shí)在開發(fā)新版本的站點(diǎn)時(shí)，必要的優(yōu)化不被視為高優(yōu)先級(jí)。
在開發(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í)間超過三秒的頁(yè)面。
在此處詳細(xì)了解我們的網(wǎng)頁(yè)性能建議和關(guān)鍵渲染路徑。
別：
避免將優(yōu)化作為啟動(dòng)后步驟。如果您的網(wǎng)站內(nèi)容在遷移到新的漸進(jìn)式Web應(yīng)用程序之前加載得很快，那么在優(yōu)化過程中不要退化很重要。
我們希望上面的清單很有用，并提供正確的指導(dǎo)，以幫助您開發(fā)具有可索引性的Progressive Web應(yīng)用程序。
在開始時(shí)，請(qǐng)務(wù)必查看我們的Progressive Web App可索引性示例，它們演示了服務(wù)器端，客戶端和混合渲染。與往常一樣，如果您有任何疑問，請(qǐng)聯(lián)系我們的網(wǎng)站管理員論壇。
大多數(shù)人都在使用移動(dòng)設(shè)備在Google上搜索。但是，我們的排名系統(tǒng)通常仍然會(huì)查看頁(yè)面內(nèi)容的桌面版本，以評(píng)估其與用戶的相關(guān)性。當(dāng)移動(dòng)頁(yè)面的內(nèi)容少于桌面頁(yè)面時(shí)，這可能會(huì)導(dǎo)致問題，因?yàn)槲覀兊乃惴ú粫?huì)評(píng)估移動(dòng)搜索者看到的實(shí)際頁(yè)面。
為了使我們的結(jié)果更有用，我們已經(jīng)開始嘗試使我們的索引成為移動(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ù)為所有用戶構(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)我們確信我們擁有出色的用戶體驗(yàn)時(shí)，我們會(huì)加快這一變化。雖然我們只是開始這個(gè)??過程，但我們提供了一些建議來(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)記。
通過在結(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是否可以訪問您的移動(dòng)版本。
網(wǎng)站不必更改其規(guī)范鏈接 ; 我們將繼續(xù)使用這些鏈接作為指南，為在桌面或移動(dòng)設(shè)備上搜索的用戶提供適當(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)用戶代理查看您的網(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ì)更好。
如果您有任何疑問，請(qǐng)隨時(shí)通過網(wǎng)站站長(zhǎng)論壇或我們的公共活動(dòng)與我們聯(lián)系。我們預(yù)計(jì)此更改將需要一些時(shí)間，我們會(huì)在遷移系統(tǒng)時(shí)取得進(jìn)展。

網(wǎng)站名稱：谷歌seo怎么優(yōu)化移動(dòng)端網(wǎng)站？
轉(zhuǎn)載來(lái)于：http://www.bm7419.com/news/33465.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、域名注冊(cè)、自適應(yīng)網(wǎng)站、靜態(tài)網(wǎng)站、電子商務(wù)、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(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)

微信小程序開發(fā)