在閱覽內容、找尋資訊上，手機已成為最主要的入口，根據國外專門研究數位行銷與社群行銷的網站We Are Social 所提出的 Digital 2020 reports，可以看到，在「網頁流量於各裝置的佔比」這個分析上，透過手機裝置就佔了總體 53.3% 的流量，次之為筆電/個人電腦（44%），第三則是平板 (2.7％）而有趣的是，這三者中，只有手機這個裝置有增加，其餘都是下降的，所有的行為都往手機裝置上移動。
掌握手機版網頁設計，你需要注意兩大趨勢：
一、網頁介面設計：避免過於繁複的使用者互動元素
隨著大眾的閱覽習慣日益偏好手機和平板等行動裝置，我們需要將優先考慮的焦點放在適應這些裝置的視窗大小。想像一下，如果你的網頁設計有過多繁複的互動元素、自動播放的影片或者大尺寸的影像檔，這些在手機上可能造成的問題是什麼？它們可能會延長頁面的載入時間，甚至可能因尺寸不符而造成頁面排版混亂。這些都將嚴重影響使用者體驗，並對你的SEO評分產生負面影響，導致使用者流失速度加快。
二、內容規劃：提供簡潔且有結構的內容
1.文字內容：清晰、結構化、易於理解
Google 的語音搜尋技術日益成熟，越來越能精確解讀搜尋者的真正意圖。你的網頁內容應該具有良好的結構性，如清單、表格等，方便Google演算法解析，並為使用者提供符合其搜尋意圖的資訊。越來越多的人正在利用語音輸入來進行搜索，這種趨勢在行動裝置使用者中尤其明顯。在語音輸入時，用戶更傾向於將問題描述得更完整，例如：「今年最新的春季酒會場地推薦是什麼？」利用這些問句作為你文章的小標題，並嘗試用列點、表格等形式呈現你的內容，Google的精選摘要功能將有助於你的內容更快地提升排名。
以下是用語音輸入「第一次染頭髮要怎麼做」出現的搜尋結果（精選摘要形式）：
2.圖片選擇：適合手機螢幕顯示的格式
在網站內容創作中，圖像的選擇與配置都是非常重要的一部分，能有效增強內容的吸引力並提高用戶體驗。如果你在經營網站內容，那麼知名的免費圖庫網站 Unsplash 應該已經不陌生了。
不過，在尋找適合的圖片時，你可能會注意到一個現象：越來越多的圖片是縱向的。這其實反映了一種隨著手機使用越來越普遍的網頁設計趨勢。相較於傳統的橫向圖片，縱向圖片更適合於手機螢幕的瀏覽。
手機的螢幕比例通常是高度大於寬度，這與電腦螢幕的寬屏比例正好相反。因此，為了在手機版網頁中提供良好的視覺效果和用戶體驗，縱向圖片成為了理想的選擇。它們可以在較小的螢幕上更好地展示完整的圖像，而不會因為需要縮放而失去細節。
此外，隨著社交媒體平台的普及，像Instagram和Pinterest這樣的平台，更是傾向於使用縱向圖片，使得這種圖片格式成為了新的主流。因此，為了適應這種趨勢，並使你的網站在眾多手機用戶中保持競爭力，選擇縱向圖片顯得尤為重要。
所以，無論你是在建立新的網站，還是在優化現有的網站，都應該考慮使用更多的縱向圖片，以達到更佳的視覺效果和用戶體驗。
我該完全轉投手機版網站的懷抱嗎？
當手機版網頁的流行度日益提升，是否意味著我們該完全放棄對電腦版網站的經營呢？這個問題並沒有絕對的答案，其實你的選擇可以根據你的業務特性來定。
對於以消費者為主要客群的企業(B2C)，手機版網站的優先度高於電腦版網站 如果你的業務主要以消費者或個人用戶為服務對象，手機版網頁的重要性就顯得尤為突出，特別是對於零售業來說，提供流暢、簡潔的手機版網頁購物體驗，將使你的客戶在手機版網頁上輕鬆瀏覽、選購商品。
在此營運模式下，你可以把焦點放在優化手機版網頁的設計和用戶體驗，同時保持對電腦版網站的關注。別忘了，你的客戶可能在任何時間、任何地點都可能透過你的廣告點入你的網站，包括上班時間、休息時間以及休閒時刻。
透過同時經營電腦版和手機版網站，除了讓你的品牌更專業，也能將你的潛在客戶引入你的銷售漏斗（Funnel）。
對於以企業為主要客群的企業(B2B)，電腦版網站的重要性高於手機版網站 如果你的業務主要提供給企業客戶，例如軟體或線上服務等產品，電腦版網站仍然是你經營的主要方式。在 B2B 的模式下，你的客戶通常是坐在辦公室中的專業人士，他們會在工作時間進行搜尋、使用你的軟體或者諮詢你的服務。
在這種情況下，你應該將主要對於以消費者為主要客群的企業(B2C)，手機版網站的優先度高於電腦版網站 如果你的業務主要以消費者或個人用戶為服務對象，手機版網頁的重要性就顯得尤為突出，特別是對於零售業來說，使用響應式網頁設計（Responsive Web Design，簡稱RWD）提供流暢、簡潔的手機版網頁購物體驗，將使你的客戶在手機版網頁上輕鬆瀏覽、選購商品。
同時，RWD使你能根據不同的裝置顯示不同的設計，這也意味著你可以在不同的裝置上提供適合的體驗，而不需要為每個裝置維護一個獨立的版本。這種方式能讓你在保護SEO表現的同時，為不同裝置的用戶提供優質的體驗。
對於以企業為主要客群的企業(B2B)，電腦版網站的重要性高於手機版網站 如果你的業務主要提供給企業客戶，例如軟體或線上服務等產品，電腦版網站仍然是你經營的主要方式。在 B2B 的模式下，你的客戶通常是坐在辦公室中的專業人士，他們會在工作時間進行搜尋、使用你的軟體或者諮詢你的服務。
即使如此，對於手機版網頁的維護也不能忽視。RWD的運用也能讓你在維持良好的電腦版網站體驗的同時，為使用移動裝置的客戶提供適應性的體驗。一種可能的策略是，把手機版網頁視為企業客戶的”先行接觸”點，透過部落格內容吸引他們，然後引導他們在電腦上進一步使用你的服務。
RWD的靈活特性能滿足手機版網頁與電腦版網頁的需求
在多樣化的裝置—手機、平板、二合一筆記本以及桌面電腦—不斷普及的未來，網站設計的尺寸和版本必將需要更頻繁地更新與調整。對於企業來說，為了這眾多的裝置去開發和維護各種版本的網站並不實際，這時候，RWD（Responsive Web Design，響應式網頁設計）就成為最佳的解決方案。
當下的網站設計已經能夠支援響應式設計，以符合電腦、手機等不同裝置的畫面呈現需求。如果你希望為企業打造一個全方位且高度適應性的品牌網站，你可以尋求專業團隊的協助，他們將能夠提供你最適合的產品、服務及網站內容建議，以及適當的網站掛件工具和模板。
不必過度憂慮是否需要為了應對手機瀏覽成為主流的趨勢，而去投入大量資源建立手機版網頁。企業的發展需要長遠考量，關鍵在於根據你的產品和服務項目，以及目標客戶的使用行為與需求，來決定你的開發重心應該放在電腦版網頁還是手機版網頁上。
而RWD響應式網頁設計，無論你的經營重心在哪，都能兼顧到兩者，同時降低你的維護成本，提供更全面且彈性的網頁體驗。
