跳到主要內容

你的網站夠「友善」嗎？二

網頁設計公司    台北網頁設計公司推薦   台中網頁設計公司推薦

一般而言，行動裝置操作介面可以概略分為：網頁行動裝置應用程式（website app）與原生行動裝置應用程式（native app），前者指的是一種透過行動裝置開啟網頁瀏覽器運行的跨平台應用程式，後者指的是一種基於智慧型手機作業系統如Android、iOS，並透過使用者下載後運行的原生應用程式。此兩者對於行動裝置友善性的關聯性敘述如下：

網頁行動裝置應用程式


就上網而言，使用行動裝置存取網際網路的即時性與便利性早就不在話下，這也是為什麼手機上網流量超越桌機上網流量的原因之一。在指尖浪潮來襲之際，許多網站紛紛設置「行動版」網頁以應付愈來愈多的手機上網族群。

此外，Google自2015年起調整搜尋引擎演算法，將網站是否滿足行動裝置友善性納入網站排名的評分依據，換句話說，當有人在Google搜尋引擎上使用智慧型裝置進行網站搜尋動作時，符合行動裝置友善性的網站，將會取得較高的網站排名權重，如果你的網站不能滿足這項考驗，自然就無法獲得Google搜尋引擎的青睞。

那我們要怎麼知道自己經營的網站，是否滿足行動裝置的友善性呢？Google官方提供了行動裝置的相容性測試工具網頁，在該網頁的搜尋引擎輸入網址後，即可得知目標網頁是否滿足條件。如滿足條件，測試畫面會顯示「網頁適合透過行動裝置瀏覽」；如不滿足，則會顯示「網頁不適合透過行動裝置瀏覽」，並提示不相容的原因，其中包括：

  • 內容寬度超出螢幕顯示範圍


通常在行動裝置上的閱讀習慣，是由左至右、由上而下去讀取文章，如果內容寬度超出螢幕範圍，在閱讀過程中，我們必須不斷縮放螢幕大小，甚至用指尖去滑動頁面，才能閱讀到完整內容，這些動作往往會讓人分心，降低閱讀品質，稍有不慎還可能會忘記自己看到什麼地方而產生跳行現象。

  • 文字太小，不易閱讀

  • 在正常情況下，網站經營者對於訪客屬性通常不具有選擇性，換句話說，我們無法限制訪客年齡，如果網頁字體太小，對於中老年訪客而言恐怕會是一種負擔，此時文章篇幅又恰好較長，對於年長者而言更是雪上加霜，屆時可能會感到眼睛疲勞，甚至會不耐煩的直接關閉網頁。

  • 可點選的元素之間距離太近


行動裝置的螢幕有大有小，想要讓訪客毫無阻礙的遨遊於指尖運動中，字與字或是行與行之間的連結距離不宜太近，尤其是含有超連結或是按鈕式設計的網站，如果連結間隔距離掌控得當，對於手指點擊絕對具有加分效果。

  • 未設定檢視點


一個網頁是否能順利在任何行動裝置上閱讀，這點非常重要。不管是尺寸、排版，對訪客而言都是判斷一個網頁好壞的指標。除此之外，如同剛才所提到的，Google實施了行動裝置搜尋排序演算法，讓有良好行動裝置瀏覽介面（即行動版檢視點）的網頁得以優先排序，而擁有優先權的好處包括：提高網站曝光率、吸引潛在顧客、節省關鍵字廣告開銷費用等。

  • 使用不相容的外掛程式


在許多時候，網站業者為了希望讓自己所經營的網站，能夠額外呈現許多特效，在基礎網頁語言及瀏覽器沒有支援的情況下，使用額外的外掛程式以達成目的，然而在行動裝置網頁讀取情境下，並非任何外掛程式都能夠被行動瀏覽器接受，例如過去廣受歡迎，但現今卻已經停止支援的Flash動畫。

行動裝置相容性測試能夠讓我們在發生相容性不佳的情況時，根據Google給與的更改建議在網頁上即時修正，畢竟給與訪客一個良好的瀏覽空間、舒適的閱讀體驗，不但可以讓訪客對網頁留下好印象，也能提升訪客的網站停留時間。在此建議，如果是從無到有初次涉入指尖行動應用，不妨一開始就遵循較為嚴格的行動裝置相容性標準，否則很難保證未來Google將檢測嚴謹度提升時，過去所獲得的行動裝置相容性認可是否仍然有效。



振作網頁設計

參考資料:數位時代https://www.bnext.com.tw/article/43300/big-data-user-friendly
Orignal From: 你的網站夠「友善」嗎？二

留言

張貼留言

這個網誌中的熱門文章

Python 併發總結，多線程，多進程，異步IO

1 測量函數運行時間 import time def profile(func): def wrapper(*args, ** kwargs): import time start = time.time() func( *args, ** kwargs) end = time.time() print ' COST: {} ' .format(end - start) return wrapper @profile def fib(n): if n<= 2 : return 1 return fib(n-1) + fib(n-2 ) fib( 35 )   2 啟動多個線程，並等待完成   2.1 使用threading.enumerate() import threading for i in range(2 ): t = threading.Thread(target=fib, args=(35 ,)) t.start() main_thread = threading.currentThread() for t in threading.enumerate(): if t is main_thread: continue t.join()   2.2 先保存啟動的線程 threads = [] for i in range(5 ): t = Thread(target=foo, args= (i,)) threads.append(t) t.start() for t in threads: t.join()   3 使用信號量，限制同時能有幾個線程訪問臨界區 from threading import Semaphore import time sema = Semaphor...
張貼留言
閱讀完整內容

高雄十大包子名店出爐

, 圖文：吳恩文 高雄包子大賽落幕了，我只能就我個人意見， 介紹一下前十名這些包子，但是不能代表其他四位評審的意見，雖然身為評審長，我通常不會第一個表示意見，以免影響其他評審， 我主要工作是負責發問。   這次參賽的素包子很少，而且都不夠細致，又偏油，我不愛， 但是第一名的甜芝麻包－熔岩黑金包，竟然是素食得名－ 漢來蔬食巨蛋店。   這包子賣相太好，竹炭粉的黑色外皮刷上金粉，一上桌，眾人驚呼， 搶拍照，內餡是芝麻餡，混一點花生醬增稠，加入白糖芝麻油， 熔岩爆漿的程度剛剛好，我一直以為芝麻要配豬油才行、 但是選到好的黑芝麻油一樣不減香醇， 當下有二位評審就想宅配回家。   尤其特別的是，黑芝麻餡室溫易化，師傅必須要輪班躲在冷藏室內， 穿著大外套才能包，一天包不了多少，我笑說，漢來美食，集團餐廳那麼多，實力雄厚，根本是「 奧運選手報名參加村裡運動會」嘛，其他都是小包子店啊， 但是沒辦法，顯然大家都覺得它好看又好吃， 目前限定漢來蔬食高雄巨蛋店，二顆88元，可以冷凍宅配， 但是要排一陣子，因為供不應求，聽說，四月份， 台北sogo店開始會賣。   第二名的包子，左營寬來順早餐店，顯然平易近人的多，一顆肉包， 十塊錢，是所有參賽者中最便宜的，當然，個頭也小， 它的包子皮明顯和其他不同，灰灰的老麵，薄但紮實有嚼勁， 肉餡新鮮帶汁，因為打了些水，味道極其簡單，就是蔥薑，塩， 香油，薑味尤其明顯，是老眷村的味道， 而特別的是老闆娘是台灣本省人， 當年完全是依據眷村老兵的口味一步一步調整而來，沒有加什麼糖、 五香粉，胡椒粉，油蔥酥。就是蔥薑豬肉和老麵香，能得名， 應該是它的平實無華，鮮美簡單，打動人心。   這是標準的心靈美食，可以撫慰人心，得名之前，寛來順已經天天排隊，現在，恐怕要排更久了， 建議大家六七點早點上門。   第三名，「專十一」很神奇，我記得比賽最後， 大家連吃了幾家不能引起共鳴的包子，有些累，到了專十一， 就坐著等包子，其他評審一吃，就催我趕快試，我一吃， 也醒了大半。   它的包子皮厚薄適中，但是高筋麵粉高些，老麵加一點點酵母， 我心中，它的皮屬一屬二，至於餡又多又好吃，蛋黃還是切丁拌入， 不是整顆放，吃起來「美味、均衡、飽滿」。一顆二十元。   老闆是陸軍專科十一期畢業取名專十一，...
張貼留言
閱讀完整內容

韋伯連續劇終於更新 期待第一季順利完結

　　地球天文學界的跳票大王詹姆斯·韋伯空間望遠鏡 (James Webb Space Telescope，縮寫為 JWST)自 1996 年以來斷斷續續不按劇本演出的連續劇終於讓焦慮的觀眾們又等到了一次更新：五層遮陽罩測試順利完成。 裝配完成的韋伯望遠鏡與好夥伴遮陽罩同框啦。Credit: NASA 　　嚴格的測試是任何空間任務順利成功的重中之重。遮陽罩，這個韋伯望遠鏡異常重要的親密夥伴，要是無法正常運轉的話，韋伯的這一季天文界連續劇說不準就要一直拖更了。 　　詹姆斯·韋伯空間望遠鏡是歷史上造出的最先進的空間望遠鏡。它不僅是一架紅外望遠鏡，還具有特別高的靈敏度。但想要達到辣么高的靈敏度來研究系外行星和遙遠的宇宙童年，韋伯童鞋必須非常"冷靜"，體溫升高的話，靈敏度會大大折損。這個時候，遮陽罩就要大顯身手啦。 　　遮陽罩在韋伯的設計中至關重要。韋伯望遠鏡會被發射到拉格朗日 L2 點，運行軌道很高，遠離太陽、地球與月球。太陽是韋伯的主要熱量干擾的來源，其次是地球與月球。遮陽罩會有效阻斷來自這三大熱源的能量並保護韋伯維持在工作溫度正常運轉。這個工作溫度指的是零下 220 攝氏度(-370 華氏度；50 開爾文)。 上圖中我們可以看出，韋伯望遠鏡的配置大致可分為兩部分：紅色較熱的一面溫度為 85 攝氏度，藍色較冷的一面溫度達到零下 233 攝氏度。紅色的這部分中，儀器包括太陽能板、通信設備、計算機、以及轉向裝置。藍色部分的主要裝置包括鏡面、探測器、濾光片等。Credit: STSci. 　　遮陽罩的那一部分和望遠鏡的鏡面這部分可以產生非常極端的溫差。遮陽的這面溫度可以達到 110 攝氏度，足以煮熟雞蛋，而背陰處的部分溫度極低，足以凍結氧氣。 　　工程師們剛剛完成了五層遮陽罩的測試，按照韋伯在 L2 時的運行狀態安裝了遮陽罩。L2 距離地球約 160 萬公里。NASA 表示這些測試使用了航天器的自帶系統來展開遮陽罩，測試目前都已成功完成。韋伯望遠鏡遮陽罩負責人 James Cooper 介紹說這是遮陽罩"第一次在望遠鏡系統的电子設備的控制下展開。儘管這個任務非常艱巨，難度高，但測試順利完成，遮陽罩展開時的狀態非常驚艷"。 　　遮陽罩由五層 Kapton 製成。Kapton 是一種聚酰亞胺薄膜材料， 耐高溫絕...
張貼留言
閱讀完整內容