當涉及到獲取流量、建立受眾羣和銷售時,現在手機基本上就是一切。超過一半的網絡流量來自移動裝置,谷歌現在使用移動優先搜索索引,今年在智慧手機和平板電腦上的購買總值將達到 1170 億美元。如果計劃建立網站,需要從數千個可用的主題中選擇一個移動友好的 WordPress 主題。這可能有點讓人不知所措。為了縮小範圍,更好地理解移動友好的 WordPress 主題的構成要素,以下是幾個最受歡迎的主題,Astra 、 GeneratePress 、 Hestia 和 Sydney,看看為什麼有這麼多 WordPress 使用者選擇它們,當為 WordPress 網站購買移動友好主題時,請留意這些關鍵特性。
1. 響應性是必須的
無論選擇什麼主題,都必須具有響應性,以便在移動裝置上能正確顯示網站。這是因為響應式模板可以根據訪問者的裝置型別進行調整,例如,將智慧手機從兩列桌面佈局改為單欄格式,並調整頁面元素的大小,使之適合移動裝置螢幕。這是對任何移動友好的網站的基本要求。 Sydney 主題通過縮小頁面留白,以適應桌面、平板電腦、智慧手機的顯示佈局,在手機上,三欄佈局逐漸變成單欄佈局。然而,在移動友好的主題中,響應性本身並不是唯一的必備要素。還有許多其他元素組合構成一個真正移動友好的網站設計,一個出色的主題擁有大多數或所有要素。
2. 外觀對可用性很重要
最好的移動網站設計會記住智慧手機和平板電腦的使用場景。想想在户外的時候,有多少次不得不找一片陰影來閲讀手機螢幕上的內容,或者因為文字很難辨認清楚而不得不調整裝置亮度或者放大文字。易讀的移動網頁設計乾淨簡約,有整齊的背景,背景和文字顏色對比強烈,便於閲讀,字型足夠大且足夠簡單(使用無襯線字型,而不是手寫字型),即使是在陽光明媚的户外,使用者可以在手機上瀏覽。尋找自定義工具,編輯時可以顯示您使用者所做的更改。本文中提到的每個主題都有一個自定義工具或與 Elementor 相容,這是一個免費的很受歡迎的前端頁面生成器插件外掛 WordPress,還包括專門用於移動設計編輯的工具。
3. 谷歌字型相容性在很多方面都有幫助
Astra 和 Sydney 都支援谷歌字型。這對字型選項很重要,因為在谷歌字型目錄中有八百多個字型系列。這對預算也很重要,因為谷歌字型是免費的。這對移動頁面的載入速度至關重要。谷歌使用加速緩存和壓縮技術,在最小的檔案中快速傳遞字型,這樣主題就不會讓站點變慢,避免訪問者失去耐心,離開網站。
4. 導航是良好的手機使用者體驗的關鍵
出色的主題可以讓訪問者在移動裝置上輕而易舉地通過點選和觸控來瀏覽網站,而不是依賴滑鼠和鍵盤輸入。他們也有一個相對平坦的網站架構,儘可能少的子層次,這樣訪問者可以在儘可能少的點選次數下從主頁進入到他們想要的任何產品或文章。 Hestia 和 Sydney 提供了最簡單的設計方法,為手機提供了單頁的網站佈局。這意味著訪問者無需在頁面之間導航就可以找到他們想要的內容。出色的移動友好主題還包括鼓勵訪問者留在網站上與網站進行更多互動的功能。例如,Astra 的高階版本讓購物者可以很容易地在 WooCommerce 商店找到他們想要的東西——銷售泡沫、下拉購物車和快速瀏覽工具都減少了訪問者在收集資訊和購物時從一個螢幕移動到另一個螢幕的操作。
5. 效能對搜索結果和使用者體驗至關重要
谷歌表示,如果一個網站的載入時間超過三秒,53 % 的移動使用者會離開網站,但移動網站的平均載入時間長達十五秒。因此,即使是最精美、最簡單的移動主題也必須快速、簡潔,才值得使用。載入更大的檔案需要更長的時間,這就是為什麼最好的主題自豪地宣稱他們需要的資源非常少。在預設的 WordPress 安裝中,GeneratePress 佔用的空間不到 30KB,而 Astra 使用的空間不到 50KB,載入時間只有半秒鐘。這兩個主題都使用了 Vanilla Javascript 而不是 jQuery,因此避免了渲染阻塞問題,這會減緩載入速度。
6.SEO 站羣友好提高網站可見性
谷歌索引傾向於移動搜索結果優先,但任何舊移動站點還不夠好。手機的最佳移動主題是為 SEO 站羣而設計的,方便搜索引擎爬蟲儘可能容易地抓取網站內容。 Hestia 有一個 SEO 站羣友好的結構,而 GeneratePress 和 Astra 已經內建了 schema.org 結構,這是在搜索結果中顯示精選片段所必需的。這三個主題以及 Sydney 都遵循好用的編碼實踐操作,這也有助於 SEO 站羣。
7.WooCommerce 相容性有助於優化商店
WooCommerce 是 WordPress 最受歡迎的插件外掛之一,並且大多數流行的主題都是設計成相容 WooCommerce 。對線上商店來説,移動友好是至關重要的,因為到 2018 年底,一半的線上訂單將來自移動裝置,而超過 60% 的 WooCommerce 電子商務流量已經來自手機和平板電腦。為顧客創造一個移動友好的購物體驗,可以減少購物車的廢棄率,Astra 主題的高階版本包括 WooCommerce 模組,該模組具有網格檢視、相簿和產品目錄的無限滾動選項。 Hestia 和 GeneratePress 也相容 WooCommerce 。
在尋找理想的移動優化的 WordPress 主題時,仔細研究在這些領域看到的每個主題的構成元素。花點時間閲讀使用者評論,探索每個主題的演示效果,在做決定之前下載一些主題,試用一下。移動網站現在越來越受歡迎,有興趣的朋友可以瞭解一下如何建設移動端比較友好的網站。