當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

移动硬盘不可用_如何对您的网站执行移动可用性审核

發布時間：2023/12/10 编程问答 40 豆豆

生活随笔收集整理的這篇文章主要介紹了移动硬盘不可用_如何对您的网站执行移动可用性审核小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

移動硬盤不可用

In the wake of

在之后

Mobilegeddon, ensuring a good experience for your mobile users is more important than ever. With Google now giving preference to mobile-friendly sites in the search rankings, now is the time to ensure optimal mobile performance by conducting a Mobilegeddon ，為您的移動用戶提供良好的體驗比以往任何時候都更為重要。隨著Google現在在搜索排名中優先選擇適合移動設備的網站，現在是時候通過進行mobile usability audit.移動設備可用性審核來確保最佳移動性能。

Ensuring your site is performing optimally on all devices and screen sizes will help you meet the needs of your mobile users, and will prevent your site from experiencing common usability issues.

確保您的網站在所有設備和屏幕尺寸上均處于最佳狀態，這將有助于您滿足移動用戶的需求，并防止您的網站遇到常見的可用性問題。

6個潛在的移動可用性問題 (6 Potential Mobile Usability Issues)

According to Google Webmaster’s mobile usability help page, there are six potential issues that could cause a site to render poorly on mobile devices. When performing a mobile usability audit, it’s important to understand what each of these potential issues is, as well as how to fix them.

根據Google網站站長的移動可用性幫助頁面，有六個潛在問題可能導致網站在移動設備上的顯示效果不佳。在執行移動可用性審核時，重要的是要了解這些潛在問題中的每一個以及如何解決它們。

Note: When using Google’s tools to evaluate your site, you’ll notice that all warnings and error messages use the verbiage below, making it easy to understand and implement any necessary changes.

注意：使用Google的工具評估您的網站時，您會注意到所有警告和錯誤消息均使用下面的措辭，使您易于理解和實施任何必要的更改。

Flash usage: Since Flash isn’t rendered on many mobile browsers, most of your mobile visitors won’t be able to properly access Flash-based content. If you receive this error message, convert your content to HTML5 to keep in line with newer, more mobile-friendly standards.

Flash的使用：由于Flash并未在許多移動瀏覽器中呈現，因此大多數移動訪問者將無法正確訪問基于Flash的內容。如果您收到此錯誤消息，請將您的內容轉換為HTML5，以符合更新的，更便于移動的標準。

Viewport not configured: Due to the variety of screen sizes used to access the web, sites should indicate a viewport in the meta viewport tag. This will ensure the site will scale to whatever device is being used — whether that’s a smartphone, tablet or computer. Using a responsive design will help ensure your viewport is configured properly and your site is scaled to accommodate all screen sizes.

未配置視口：由于用于訪問Web的屏幕尺寸多種多樣，網站應在元視口標記中指示視口。這將確保該站點可以擴展到所使用的任何設備-無論是智能手機，平板電腦還是計算機。使用響應式設計將有助于確保正確配置視口，并縮放站點以適應所有屏幕尺寸。

Fixed-width viewport: This is sometimes used in order to make a non mobile-friendly page adjust to fit mobile screens. While this can be a temporary fix for some pages, Google does not recommend this practice be used long term. A responsive design should be implemented instead.

固定寬度的視口：有時用于調整非移動友好頁面以適合移動屏幕。盡管這可能是某些頁面的臨時解決方法，但Google建議不要長期使用此做法。應采用響應式設計。

Content not sized to viewport: If a page requires horizontal scrolling in order to access content, you may receive this error message. Google recommends using relative width and position values and scalable images.

內容未按視口調整大小：如果頁面需要水平滾動才能訪問內容，則可能會收到此錯誤消息。 Google建議使用相對寬度和位置值以及可縮放圖像。

Small font size: Google recommends a font size of 16 CSS pixels. This ensures your text is easily viewable on mobile, and that mobile users don’t need to pinch to zoom in on your text.

較小的字體： Google建議使用16個CSS像素的字體。這樣可確保您的文本在移動設備上易于查看，并且移動用戶無需捏合即可放大您的文本。

Touch elements too close: When buttons and links are too close, your mobile users may have trouble accurately tapping on them. Tap targets should be placed far enough apart that mobile users don’t accidentally click on nearby elements. Google recommends that the main tap targets on your page be 48 CSS pixels tall and wide, while targets that are used less frequently can be smaller.

觸摸元素過于接近：當按鈕和鏈接過于接近時，您的移動用戶可能無法準確點擊它們。點按目標應放置得足夠遠，以使移動用戶不要意外點擊附近的元素。 Google建議您頁面上的主要點擊目標的高度和寬度應為48 CSS像素，而使用頻率較低的目標可以較小。

如何執行移動可用性審核 (How To Perform a Mobile Usability Audit)

Any kind of a website usability audit aims to identify how a site is performing in a particular area. In essence, it looks at a site from a user perspective in order to identify elements that need to be fixed or improved. In the case of a mobile usability audit, we want to identify any potential issues that may be hindering a mobile-friendly user experience.

任何類型的網站可用性審核都旨在確定網站在特定區域的表現。本質上，它從用戶的角度看站點，以識別需要修復或改進的元素。在進行移動可用性審核的情況下，我們希望確定可能阻礙移動友好用戶體驗的任何潛在問題。

Google has provided webmasters with two primary methods of analyzing the mobile-usability of their sites. These will help you to identify any potential usability issues based specifically on the six elements outlined above. Google has also provided detailed instructions to assist site owners in fixing these issues and providing a sound mobile experience.

Google為網站管理員提供了兩種主要方法來分析其網站的移動可用性。這些將幫助您根據上述六個要素來確定任何潛在的可用性問題。 Google還提供了詳細說明，以幫助網站所有者解決這些問題并提供良好的移動體驗。

方法一：Google的移動友好測試工具 (Method One: Google’s Mobile-Friendly Test Tool)

Google’s Mobile-Friendly test tool assesses whether a particular page is mobile-friendly or not. This is a great starting point for your mobile usability audit as it will help you identify key issues that could be impacting not only the usability of your site, but your search rankings as well.

Google的“ 移動設備友好”測試工具會評估特定頁面是否適合移動設備。這是進行移動設備可用性審核的一個很好的起點，因為它將幫助您確定可能不僅影響網站可用性而且還會影響搜索排名的關鍵問題。

Using the six factors outlined above, the tool gives a an overall rating of ‘mobile-friendly’ or ‘not mobile-friendly’, a breakdown of potential issues, an overview of how Googlebot views the page, as well as specific guidance for making the page mobile-friendly.

根據上述六個因素，該工具對“適合移動設備”或“不適合移動設備”進行了總體評分，對潛在問題進行了詳細分類，概述了Googlebot如何查看網頁，以及具體的制作指南該頁面適合移動設備。

Sample analysis from a non mobile-friendly site

來自非移動友好站點的樣本分析

方法二：在Google網站管理員工具中訪問“移動可用性報告” (Method Two: Access The Mobile Usability Report in Google Webmaster Tools)

If you have a Google Webmaster Tools account, the process of analyzing your site is even simpler. Simply log into your GWT account, and navigate to Mobile Usability under Search Traffic. You can also access the report for multiple web properties you own via this link. If there are any usability issues with your site, they will be identified in the Mobile Usability Report.

如果您擁有Google網站站長工具帳戶，則分析網站的過程將更加簡單。只需登錄您的GWT帳戶，然后導航到“搜索流量”下的“移動設備可用性”。您還可以通過此鏈接訪問您擁有的多個網絡媒體資源的報告。如果您的網站存在任何可用性問題，則將在“移動可用性報告”中進行識別。

Any issues are clearly identified in terms of the number of pages impacted, as well as which specific elements need work on which specific pages. After you’ve fixed each page to comply with Google’s recommendations (and after Google has had a chance to crawl your site), you should see the warnings disappear.

根據受影響的頁面數以及哪些特定元素需要在哪些特定頁面上進行工作，可以清楚地識別出任何問題。固定每個頁面以使其符合Google的建議之后(并且Google有機會抓取您的網站之后)，您應該會看到警告消失。

Google has provided a wealth of information to help webmasters create responsive, mobile-friendly sites. Besides their mobile-usability help page, they also offer a detailed guide to multi-device layouts. I’d encourage you to take advantage of these various tools and guides to help you identify potential mobile usability issues. The importance of having a mobile-friendly site is only going to grow, so getting your site up to speed now should be high on your priority list.

Google提供了豐富的信息，可幫助網站管理員創建響應快速，適合移動設備的網站。除了其移動可用性幫助頁面之外，他們還提供了有關多設備布局的詳細指南。我鼓勵您利用這些各種工具和指南來幫助您確定潛在的移動可用性問題。建立適合移動設備訪問的網站的重要性只會越來越高，因此，讓您的網站盡快上線應該是您的優先事項。

Have you performed a mobile usability audit of your site? Do you plan to? Share below!

您是否對網站執行了移動可用性審核？你打算嗎？在下面分享！

翻譯自: https://uxdesign.cc/how-to-perform-a-mobile-usability-audit-of-your-website-29f698368bd0