DIY:測試您的移動網站!

米歇爾·海曼斯(Michiel Heijmans)

Michiel是Yoast和我們的首席運營官的合伙人。 互聯網資深人士。 他大部分文章的主要目標是啟動您的網站優化。 需要做的事情還很多!

diy測試您的移動網站DIY:測試您的移動網站!

互聯網流量的一半以上來自移動設備(事實)。 因此,如果您忽略自己的移動網站,則可能會錯過很大一部分受眾。 在本文中,我想介紹幾種方法來檢查您自己的移動網站。 撰寫完這篇文章後,您將能夠在關鍵要素上自己測試移動網站並改善您的 移動SEO

使用手機測試您的移動網站

打開手機的瀏覽器,然後轉到您的網站。 看看它看起來如何。 您沒有看到建議,對吧? 我知道從未做過的企業主。 他們花了一大筆錢創建了一個移動網站,但是在他們的設計師提出設計之後並沒有去研究它。 就像耐克所說:隨便吧。 看看你缺少什麼。 也可以體會一下性能。

您需要在移動網站上檢查的事項:

  1. 首要任務。 確保訪問者可以立即找到您的主頁。 向人們詢問他們可以使用您的網站。 從朋友和家人開始。
  2. 地址和電話號碼。 例如,人們使用商店的移動網站來設置其導航。 如果您希望客戶找到您的商店,請列出您的地址。 如果您想讓別人給您打電話,這是主要的 呼籲採取行動 在您的移動網站上。 使它可單擊。
  3. 工作菜單和搜索選項。 添加漢堡菜單很不錯,因為它可以節省空間,但請確保將其摺疊。 添加搜索選項作為菜單的備份。
  4. 移動設計和用戶體驗。 確保您的移動網站不僅是整個網站,而且沒有適當的響應縮放,也只能在這個小屏幕上被擠壓。 請確保您的移動網站提供與桌面網站相同的內容,即 移動平價
  5. 按鈕和鏈接。 確保這些易於發現並且足夠大,可以單擊。
  6. 可讀性。 從屏幕上閱讀很困難,請確保您的 版式 一切順利。
  7. 性能。 怎麼樣 站點速度? 和 頁面體驗

請在此找到更多信息 我們的移動UX文章

請注意,不同的手機在顯示您的網站時會有所不同。 因此,我們建議您以其他方式檢查網站的移動版本,以發現您的移動網站中的缺陷。

Google的移動友好測試

移動友好是一個 排名因素移動優先 是遊戲。 Google創建了一個測試工具,可以輕鬆查看Google如何看待您的網站。 必應也有類似的移動友好測試

diy-test-your-mobile-site DIY:測試您的移動網站!「 src =」 https://seotradenews.com/wp-content/uploads/diy-test-your-mobile-site.jpg「 class =」 wp -圖像2626673未針對移動設備進行優化的網站的測試結果

Google移動友好測試 顯示您的移動頁面的呈現。 如果該頁面看起來像上面的頁面,我想仍然有工作要做。 即使Google告訴您您的網站對移動設備友好。 請記住,這是自動檢查。 請手動檢查本文中的所有內容,以確保您沒有丟失任何內容。 有時候常識比Google告訴你的要有價值得多?

Web開發人員工具欄

您也可以直接從瀏覽器測試您的移動網站。 在您的Chrome瀏覽器中,只需訪問您自己的網站,然後在瀏覽器屏幕上的某個位置單擊滑鼠右鍵即可。 點擊「檢查」。 您也可以從菜單欄中的工具>開發人員工具打開它。 之後,單擊檢查器菜單欄中的第二個圖標:

diy-test-your-mobile-site-1 DIY:測試您的移動網站!「 src =」 https://seotradenews.com/wp-content/uploads/diy-test-your-mobile-site-1.jpg「 class =「 wp-image-2626636Web瀏覽器中的各種開發人員工具都帶有有用的響應式設計檢查器

如上面的屏幕截圖所示,這將打開網站。 它可以讓您查看您的網站是否適合多種屏幕尺寸。 Firefox具有類似的功能,稱為 響應式設計模式

例如,當您在該下拉列表中選擇任何iPhone,並顯示整個網站按比例縮小以適合屏幕時,您就會知道您的移動網站不適合移動設備。

性能測試

移動友好性不僅僅是檢查您的移動網站在瀏覽器中的外觀。 性能起著重要作用。 因此,如果要使您的移動網站取得成功,就需要將性能放在首位。 同樣,有很多工具可以讓您深入了解網站的性能。 這些工具之一就是Google的 Web.dev/措施。 只需添加您的URL,然後單擊「運行審核」。

diy-test-your-mobile-site-2 DIY:測試您的移動網站!「 src =」 https://seotradenews.com/wp-content/uploads/diy-test-your-mobile-site-2.jpg「 class =「 wp-image-2626720如果您得到這樣的分數,那麼您的工作就很容易完成

該工具將顯示一些度量標準和提高分數的方法。 仔細閱讀建議,看看如何做才能改善您的移動網站。 還要注意諸如 PageSpeed見解 這樣可以讓您更好地了解移動網站的網站速度。

diy-test-your-mobile-site-3 DIY:測試您的移動網站!「 src =」 https://seotradenews.com/wp-content/uploads/diy-test-your-mobile-site-3.jpg「 class =「 wp-image-2626723Web.de/measure中的這些SEO增強功能都與呈現不適合移動設備的頁面有關。測試您的移動站點:結論

如果要檢查您的移動網站是否可以正常工作,請使用瀏覽器中的「檢查」工具和Google的移動友好測試。 檢查您的網站是否適合移動設備,例如頂級任務和按鈕大小,請檢查一些細節。 如果您想了解更多有關拆分設計以適合多個屏幕的指南, 請在我們的開發博客上閱讀此文章

閱讀更多: 移動SEO:最終指南»

資源

相關文章