如何使您的WordPress網站移動友好

發表時間:2020-08-10 09:56作者:網站建設來源:蘇州互旦科技網址:http://www.ntzmjz.com/make-wordpress-site-mobile-friendly.html

WordPress網站如何適配


移動友好的WordPress網站是新規范已經不是什么秘密了,但是盡管它們看起來很普遍,但仍然需要花一些工夫才能創建一個美觀,響應迅速的網站。本指南將幫助您了解為何擁有一個適合移動設備的網站為何很重要,如何在WordPress上構建一個網站,并向您介紹創建響應式網站的最佳工具。

1.為什么移動友好型網站很重要?

2016年,有52.7%的互聯網用戶通過移動設備訪問它。這意味著超過一半的人口將電話和平板電腦轉移到傳統的臺式設備上,因此,為了跟上他們的步伐,您的網站需要可以在任何屏幕尺寸上顯示。便于移動的設計可帶來良好的用戶體驗,并可幫助您的用戶隨時隨地找到所需的內容。

使wordpress網站移動友好

除了UX之外,您的網站應該適合移動設備使用的另一個重要原因是:Google。從2015年(“ Mobilegeddon”年)開始,Google對其搜索算法進行了重大改革,以獎勵被認為“適合移動設備”的網站。更改歸結為一個關鍵數據點:您的網站是否響應。


這意味著,如果您的網站在移動設備上的閱讀效果不錯,那么與沒有效果的網站相比,它在搜索結果中的效果會更好。如果您完成了創建適合移動設備訪問的網站的工作,那將是非常不錯的選擇!但是,如果它不能完全在較小的設備上顯示,那也可能會損害您網站的流量。


幸運的是,如果您的WordPress網站還不適合移動設備使用,則有很多工具可以幫助您快速入門并建立功能全面的響應式網站。第一步?對您當前的設計進行基準測試。

2.參加移動友好測試

您的網站在一移動設備(例如您自己的個人手機)上的外觀可能不錯,但是您確實需要在各種屏幕尺寸上對其進行測試,以了解其是否具有真正的響應能力。即使您碰巧到處都是一堆舊手機,在每個屏幕上對其進行測試也是一個耗時的過程。


為簡化起見,Google向我們所有人贈送了免費的適合移動設備使用的測試工具,該工具將告訴您您的網站是否符合“適合移動設備使用”的條件。只需輸入您網站的URL,即可快速評估您網站的移動設計。


WordPress網站如何適配


對于所有開發人員,Google還發布了移動友好測試API,可讓您使用自動化工具測試URL。這樣做的好處是您可以快速測試更多頁面,但也可以監視站點上最重要的頁面,而不必始終手動使用瀏覽器工具。


使wordpress網站移動友好儀表板


使用Google的移動設備友好型工具對網站進行基準測試后,就該開始進行改進了。讓我們從您的WordPress主題開始。

3.使用(或創建)響應式WordPress主題

如果您最近安裝了新的WordPress主題,那么這個部門的情況還不錯。如果您的主題已經存在了一段時間,則可能需要進行一些更新。


首先,首先:仔細檢查您的WordPress版本和當前主題版本。如果有待處理的更新,請從這些開始。我無法說出每個主題,但有些更新將包含適用于移動設備的元素,可能足以解決您的問題。例如,WordPress 4.4為響應圖像添加了一些非常整潔的功能(您可以在此處閱讀全部內容)。


如果更新不能解決問題,那么可能是時候尋找新主題或考慮創建自己的主題了。讓我們探討這兩個選項。


最好的適合移動設備的WordPress主題


實際上,如今,許多WordPress主題都具有響應能力-主題不適合移動設備的情況可能更罕見。話雖如此,在購買主題之前,請仔細檢查該主題在任何屏幕尺寸上均顯示良好。測試演示站點,縮放瀏覽器窗口,并閱讀所有可以找到的評論,以尋找真實用戶的經驗。


如果您對自己所看到的感到滿意,那就去吧!但是,如果某些情況看起來不正確,請避開。即使您認為這是最合適的選擇,也有很多WordPress主題可供選擇,我保證您會找到另一個適合您網站的主題。


如果您正在尋找免費的主題,請確保在放置了自己的內容后就可以看到它的樣子–正如我確定的那樣,事情不一定總是看起來完全一樣,因此請確保它可以顯示您的內容。您想在手機上使用的方式。

如何創建自己的響應式WordPress主題

如果您希望自己動手制作一個適合移動設備訪問的網站,請務必從頭開始或以兒童為主題-絕對不要在實時網站上進行大刀闊斧的改變。


我建議使用“本地”在您的計算機上啟動一個本地WordPress網站。這個免費的工具可讓您嘗試自己內心的內容,而又不會破壞您當前的網站(在進行重新設計時,這是必不可少的)。


與本地開發一起最好的部分是?您可以使用“實時鏈接”功能來生成本地站點的可共享URL。這使您可以將其發送給客戶端或在手機上拉起,這樣您就可以輕松測試該網站在移動設備上的外觀。


如果您基于自適應父主題創建子主題,那么您的狀態將會非常好。如果您是從一個完全空白的板塊開始創建自己的主題,請確保使用媒體查詢為設計確定邊界,并一次考慮一個元素。

4.使用響應式插件

插件為您的維護WordPress網站添加了功能,因此它們并不總是向前端添加任何內容。但是,如果他們確實向您的網站添加了一個物理元素(例如小部件或CTA按鈕),請確保其在所有屏幕尺寸上均能很好地縮放,或者至少為您提供了在較小屏幕尺寸上將其禁用的選項。


側邊欄小部件是桌面網站的絕佳補充,但如果它主導了移動設計或沒有按比例縮小,則不會帶來非常出色的用戶體驗。

,

像主題一樣,只需注意插件的功能,并在購買前嘗試閱讀評論或查找演示。


只要您擁有自適應主題和可在移動設備上正常運行的插件,您的網站就可以在較小的屏幕上正常顯示。但是,您還需要考慮的最后一件事就是要確保您遵循最佳做法。

5.避免在移動設備上添加彈出窗口

如果您嘗試使用WordPress網站構建電子郵件列表,那么我想您的網站上有多種選擇加入。大多數電子郵件選擇加入表單在移動設備上都可以正常工作(假設它們可以擴展且易于使用)。


彈出窗口是另一種野獸。 Google已開始使用介入式插頁式廣告(也稱為選擇加入內容的網站)來懲罰網站。這包括彈出窗口(無論是立即顯示還是在用戶訪問網站一段時間后顯示)以及用戶在訪問頁面上的內容之前必須取消的其他選擇。您可以在此處閱讀有關Google立場的所有信息。


為了使您的WordPress網站移動友好并遵循最佳實踐,請避免在移動設計中彈出窗口。具體操作方式取決于您選擇啟用的服務,但是大多數提供商都應該選擇禁用移動設備上的侵入式彈出窗口。

6.制定響應式媒體策略

無論您是使用投資組合網站,每日博客還是電子商務網站,響應式難題的最后一步都是考慮網站上的媒體。您首頁上的大背景圖片在臺式機上可能看起來不錯,但如果縮放比例不正確,則可能會失去所有上下文并導致觀看體驗困難。那么響應式媒體的第一法則呢?考慮一下事情如何擴展。


如果擴展實際上不是您網站的最佳解決方案,那么您還可以考慮在將網站加載到移動設備上時隱藏某些元素。這將有助于簡化體驗,并使用戶更快地訪問最重要的內容。


最后,您還需要牢記您要在網站上包含的媒體的文件大小。這不僅可以改善移動體驗,而且還可以改善桌面加載時間!媒體文件通常是網站上最大的文件,這使它們成為加載欄和漫長的等待時間的原因。為了幫助簡化網站并提高移動性能,請嘗試使用盡可能小的文件大小,同時保持所需的質量。 (例如,也許您的移動網站加載的圖像版本比臺式機的圖像版本?。。﹫D像優化還可以為整個領域帶來很大幫助。

文章列表
2019-07-08
蘇州谷歌競價發現,許多外貿公司的網站都負責外包公司。對于其他批次的公司,他們依靠自己的探索方法。但他們經常遇到無法解決的問題。以下是Google Bidding教程方法的詳細說明。
2019-07-08
蘇州外貿推廣渠道有哪些?本次就關于B2B推廣,我總結了五種方法分享給大家,僅此幫助那些從事google推廣碰壁的人...
2019-07-09
蘇州谷歌代理現已是長三角負責google推廣的重要渠道之一,對于新入行的企業來講首先要知道其到底是做什么?自己可能...
2019-07-09
對于蘇州外貿網站建設的人來說,由于隨著全球電子商務的發展,許多外貿公司希望將品牌推向世界,并將建立一個外貿網站。那...
2019-07-10
做過的網站優化的人都會碰到網站收錄下降、網站被K或者是不收錄等情況,令人頭疼不已。本次就由蘇州seo外貿推廣教你6...
2019-07-10
從今天海外網站發展趨勢來講,如果外貿企業還想單靠網站在Google、bing和Yahoo等搜索引擎賺取流量和訂單,...
2019-07-11
由于外貿近年來遭受的損失,如何度過這場危機已成為最關鍵的問題。搞好外貿是一種在主要社交媒體上推廣網站排名和公司產品...
2019-07-11
首先要知道Google作為全球第一大搜索引擎,每天吸引的流量是無比龐大的。既然是外貿企業如果放棄這個推廣平臺,實在...
2019-07-12
蘇州google代理商就網站中最重要TKD教程中,今天抽取title標簽單獨講,后續也會把K和D逐一為大家分析。t
2019-07-12
蘇州谷歌代理商告訴你做優化首先要懂一些代碼,但是現在很多剛從事這類工作的人不是太懂代碼,只知道把標題、關鍵詞、描述...