影音如何影響移動社群網路性能和用戶體驗,第3部分:檢測和糾正問題




SEO觀點:
影音已成為行銷人員工具箱中的重要工具。 影音講故事 是吸引客戶的有用且越來越受歡迎的方式。
但是,如果您的影音無法正常運行或削弱您的網站或應用程序性能,它將成為客戶,行銷人員和技術人員的主要挫折。
在本專欄的前兩部分中 數據和下載速度 和 自動播放和音頻 我們學會了:
影音主導著移動數據流量
正確實施後,移動影音不應影響頁面在行動設備上加載的速度
移動用戶在等待兩秒鐘加載影音後開始變得不耐煩; 到了10秒,五分之一將放棄。
本專欄將探討如何檢測,避免和補救影音問題,為觀眾提供影音內容的最佳體驗,讓他們保持聯繫並觀看影音。
跳到:
如何檢測影音問題 如何避免影音問題 如何解決影音問題

如何檢測影音問題
檢測影音,音頻或任何其他社群網路或應用程序問題a)的問題可以很簡單; b)從首席執行官應該是每個人的責任; c)幫助機構,技術人員和行銷人員保持警惕。
1.使用它
非常明顯 – 但是你最後一次從公共汽車,火車或酒吧查看網站和影音的時間是什麼時候? 激勵員工使用網站/應用程序(在beta測試期間和上線後定期)並報告問題並提出改進建議。
檢查:
網站/頁面加載速度有多快? (數秒)
你有多長時間等待影音開始?
品質有多好?
它在播放期間是否停止/(重新)緩衝?
是否值得觀看/觀看到底?
您對這些結論有何看法?
2.用戶測試它
使用不同的設備,社群網路和位置,在使用您的網站時招募客戶並監控他們的行為和反應。 根據上述清單進行評分。 如果不能親自進行,請使用遠程服務 UserTesting.com 。
用戶測試應在開發過程的每個階段進行。 有關為什麼用戶測試如此重要的更多訊息,請參閱我們的姊妹站點ClickZ上的專欄 為什麼用戶測試應該處於移動開發的最前沿 。
3.測試它
有不同類型的測試,包括:
頁面性能 – 諸如的工具 WebPageTest (免費)顯示影音如何/如果影響頁面加載速度。 它不應該。 下面的圖片顯示了Sam Dutton的速度有多快的WebPageTest結果 移動影音解釋器 在YouTube上加載行動設備。 該頁面需要6.6秒才能加載809kB。
A / B測試 – 測試不同的Web(或app)訪問者群體的替代體驗。 例如,測試在主頁上與專用頁面上託管影音。
影音測試工具 – AT&T的影音優化工具 (以前稱為應用程序資源優化程序)是開發人員使用的免費下載工具(需要技術知識)來檢測諸如啟動延遲,停頓的頻率和持續時間以及最佳段大小等問題。

4.監視它
捲筒紙 分析工具 ,例如Google Analytics,追蹤訪問者與影音的互動情況 – 例如 觀看次數,觀看次數,觀看次數以及網頁本身,包括停留時間和跳出率。 看到這個 介紹 使用GA評估影音參與度。
熱圖工具,如 先向ClickTale 和 Crazyegg 提供用戶如何與網頁和影音互動或嘗試互動的直觀表示。
如何避免影音問題
在建議/製作影音或編碼頁面時遵循最佳實踐,將託管它的網站或應用程序應該有助於避免許多常見問題 – 無法播放,播放緩慢或播放中斷的影音。
考慮到格式日益流行,移動影音的行業指導方針很薄弱。 可用的指導往往是一個技術人員,因此非技術人員關閉。
在以下幫助下編寫了以下建議:
Doug Sillars ,首席架構師,移動應用程序性能,AT&T
Usha Andra ,高級VNI分析師,思科
Rick Viscomi ,HTTP Archive項目負責人,Developer Advocate,Google
Ramesh Sitaraman ,麻省大學計算機科學教授,阿默斯特
薩姆達頓 ,Google的開發者倡導者。
1.值得擁有
影音/音頻涉及許多費用:
對於生產者:生產和分配的成本; 對社群網路性能的影響
對於社群網路:社群網路擁塞的影響
對於觀眾來說,就數據消耗,電池壽命和耗時而言。
這就迫切需要影音滿足已知的用戶需求,包含高品質內容,長度合適,並根據比特率,分段和壓縮進行優化。
2.注意:影音很貪婪; 高清貪心; 4K更貪婪
在帶寬方面,標準影音是貪婪的,需要0.5兆比特每秒(Mbps); 高清晰度(HD)是SD的五倍; 和4K是貪婪的30倍。
思科的Usha Andra解釋說:
“移動影音和多媒體應用具有比非影音應用更高的帶寬和更低的延遲要求。 對於標準清晰度(SD),要求範圍可以從0.5Mbps到高清(HD)的2.5Mbps,對於4K /超高清(UHD)下載的要求可以超過15Mb​​ps,對於虛擬現實(VR)則要高得多。 UHD VR影音應用的延遲要求可以從100毫秒(ms)到15ms。“
3.了解目標市場中移動社群網路的局限性
即使在發達的電信市場中,移動社群網路的能力也存在很大差異。 檢查 思科GCI全球雲就緒工具 為每個國家的平均值。
統計數據表明,美國和英國的下載速度比挪威和韓國低40%,比加拿大低25%:
韓國 – 下載:31.0Mbps; 上傳:14.3Mbps; 延遲:68ms
挪威 – 下載:29.1Mbps; 上傳:11.6Mbps; 延遲:40毫秒
加拿大 – 下載:24.2Mbps; 上傳:9.0Mbps; 延遲:51ms
英國 – 下載:18.2Mbps; 上傳:8.0Mbps; 延遲:55毫秒
美國 – 下載:17.1Mbps; 上傳:10.0Mbps; 延遲:88毫秒。
Usha Andra補充道:
“請注意,這些是平均速度和延遲,這意味著與平均速度相比,許多用戶體驗更高或更低的速度。 當速度和延遲低於應用程序保證的速度和延遲時,最終用戶會遇到影音延遲,亂碼等問題。“
4.主頁或自己的頁面?
很少有最受歡迎的網站,包括那些有強烈影音焦點的網站 – YouTube,Vimeo,BBC和CNN – 在主頁或類別頁面上託管影音。 這些網站在主頁上宣傳他們的影音作為圖像連結(通常帶有播放按鈕圖標疊加)和文本連結,當點擊或點擊時連結到專用於該影音的頁面。
為什麼? 從主頁上保留影音可以讓行動設備上的內容更加輕鬆快捷。 請參閱下面的Twitch示例。
5.避免 自動播放
強制移動網頁訪問者觀看影音,無論他們想不想,都是:
令顧客感到沮喪(特別是在安靜的環境中)
不必要地使用客戶的帶寬和電池壽命
可以減慢頁面加載的速度
與可訪問性最佳實踐相反(因為它會干擾視障人士使用的屏幕閱讀器)
人為地誇大影音查看統計數據的常用技術。
有一個(模糊似乎合理的)論點,即YouTube等網站是無自動播放規則的例外。 當訪問者在專用頁面上點擊影音時,隱含他們打算觀看。
考慮一下Twitch,這是一個令人驚訝的熱門網站,粉絲在觀看玩影音遊戲的玩家現場直播,並在下面的圖片中看到。 在桌面主頁上,Twitch.tv在自動播放中有即時遊戲,而在m.Twitch.tv上,主頁上沒有託管影音。
比較下載到移動和桌面設備時Twitch主頁的下載大小和頁面速度 HTTP存檔 (2017年4月15日)提供了驚人的結果:
移動主頁(無影音)需要5.8秒才能在24個請求中加載354kB的數據
桌面主頁需要19.9秒才能在275個請求中加載16,255kB的數據。 其中,11,827kB是影音內容。

6.觀看者體驗(VX)和選擇
確保影音和主頁是直觀的。 讓觀眾控制。 讓它容易:
選擇影音品質 – 低品質,高清或4K
選擇並退出全屏視圖
更改設備方向更改
查看和操作。 確保影音適合設備屏幕,並且按鈕直觀
設備脫機時允許播放。
7.使影音可訪問
要使影音/音頻可以訪問:
視力受損的人提供音頻的書面記錄。
有聽力障礙的人提供字幕。
有關使移動內容可供廣泛受眾使用的更多建議,BBC 移動無障礙指南 是一個很好的資源。
8.最小化影音啟動延遲
啟動延遲是由兩個基本過程引起的:
認證過程(包括數位版權管理)。
影音的下載。 影音文件被細分為片段。 在影音開始播放之前,需要將足夠數量的段下載到緩衝區(臨時存儲在客戶端設備上)。
延遲是不可避免的,但應優化影音以確保延遲保持在最低限度。

從2016年的數據可以看出 Conviva研究 下面的影音往往需要更長的時間才能在行動設備上啟動,無論是在WIFI還是行動設備上,平板電腦或台式機都需要更長時間。 手機在每次嘗試中的退出比例最高並非巧合。
9.通知用戶
在發生認證,下載和(重新)緩衝時,告訴用戶正在發生什麼和/或分散注意力。 看著一個紡輪圖標可能會令人沮喪。
10.盡量減少影音攤位
當存儲在緩衝區中的影音片段太少以允許播放繼續時出現失速。 只有下載了足夠的段(稱為重新緩衝),影音才會繼續。
關鍵是要在慢啟動和失速之間找到平衡點, AT&T的Doug Sillars說道:
“影音的兩個最大指標是:
啟動延遲(從點擊到流的時間長度)。
攤位(影音停止,也許是一個微調)。
這些(當然)是相互關聯的。 如果啟動速度過快 – 設備上本地存儲的影音不足,您可能會遇到失速。 或者你可以在開始時花費太多的數據(很長的啟動延遲),但以後沒有停頓。
中間有一個神奇的“金發姑娘”點 – 不是太熱,也不太冷 – 這平衡了這兩個因素。“
11.優化比特率,壓縮和分段大小
優化設備和社群網路連接的比特率,壓縮和分段大小。
重新緩衝通常發生在以比特率(每秒比特數)測量的速度播放影音時,對於社群網路連接的下載速度(比特率)而言,速度太快,所以緩衝區被清空比填滿 。
數位影音被分成2到10秒的文件,稱為段,下載到緩衝區然後按順序播放。 連接的最佳大小段將下載,緩沖和播放速度更快。
編解碼器(編碼器/解碼器)是用於壓縮和解壓縮音頻和影音文件的工具。 有許多不同的壓縮格式,例如 MPEG-4,每個都有優點和缺點。 不同的影音品質和客戶端設備/連接將影響格式的選擇。
12.使用自適應比特率。
自適應比特率流以多種不同的品質/速度/比特率建議和存儲數位影音。 客戶端設備上的影音播放器根據a)社群網路速度,b)設備能力和c)緩衝區的容量來請求最合適的這些。
有兩種類型的自適應流媒體,DASH和HLS,因為在所有設備上工作的一種行業標準可能太簡單了( 在這裡了解更多 )。
13.使用內容交付社群網路(CDN)
內容傳送社群網路加速了社群網路媒體的速度,包括影音在行動設備上加載和播放的速度,通過減少影音在原始社群網路服務器之間傳送 – 例如 您在美國加利福尼亞州的社群網路服務器,以及在馬里的廷巴克圖觀眾 – 通過複製和存儲在世界各地的服務器上的影音。
根據 BuiltWith ,前10k網站中有53.8%使用CDN。
Akamai Edge是1999年成立的原始CDN之一,它仍然是最受歡迎的CDN之一。 根據BuiltWith的數據,Akamai在全球10000個站點中佔11.4%,其次是亞馬遜CloudFront 4%,MaxCDN 1.3%。

14.主持還是嵌入?
在第三方社群網路上託管網站並嵌入文件,可以消除一些麻煩,包括影音壓縮,自適應比特率和參與CDN。 這有助於解釋為什麼15.2%的頂級10k網站嵌入YouTube影音和3.6%Vimeo BuiltWith 。

如何解決影音/音頻問題
1.頁面重量或載入速度問題。
定期使用如下測試工具檢查關鍵頁面 WebPageTest (這是HTTP Archive使用的工具)。
如果這突出了頁面重量過大,下載速度慢的問題,並且影音是一個促成因素(而非影音) 超大的圖像 要么 JavaScript的低效使用 ),選項是:
殺死自動播放
確保影音不會阻止正確加載頁面
將影音移至專用頁面(帶有突出的圖片和文字連結)
使用A / B測試來驗證這是否解決了問題。
2.影音失敗或播放過程中啟動或停止的速度很慢
如果影音性能出現問題,請嘗試以下一些故障排除提示:
嘗試將影音加載到專門的影音服務,如Vimeo或YouTube。 比較嵌入在您的網站上的第三方網站上的影音的性能以及自託管版本的性能,以突出顯示問題是否與影音有關,而不是網站,社群網路服務器或CDN(或缺少CDN)
使用如下工具測試影音 AT&T的影音優化器 (需要開發技能)來檢測影音分割,壓縮,緩衝等問題並加以解決
重新編輯影音以使其更加簡潔; 並經過優化以提高比特率和壓縮率
使用或更換CDN。
如果影音在某些設備上和不同的連接上表現更好,例如 3G電纜上的電腦與智慧手機:
準備多種不同格式的影音版本,具有不同的品質,比特率和壓縮率,以適應最常見的設備和社群網路類型
使用設備檢測來發現客戶端設備及其功能和連接類型,以便為影音提供最適合的版本
使用自適應比特率。
資源(和來源)
這些資源是針對開發人員的,但對所有人都有用(如果你忽略技術人員):

這是 第3部分 的一系列影音如何影響移動網站的性能和用戶體驗。 閱讀以前的文章:

Andy Favell是Search Engine Watch,網頁編輯和移動/數位顧問的作家。

想要保持最新的搜尋趨勢? 從我們的搜尋專家處獲得最佳見解和新聞。

相關閱讀

在行動設備和桌面上追蹤您的關鍵字對於報告準確性和支持SEO策 Jessie Moore解釋了為什麼你應該為每個設備分開關鍵字策略,並分享快速提示以供考慮

視覺搜尋生態系統正在迅速發展,Google,Amazon,eBay,AliExpress和Wayfair的創新成果。 從ASOS的Style Match工具推出1年後,Andrew Charlton回顧瞭如何為視覺搜尋未來做好準備。

Google的移動優先指數在這裡,對潛在的搜尋引擎優化影響產生了新的不確定性 – 但是有很多積極的步驟來管理風險和最大化排名機會。

在競爭日益激烈和規範的世界中,如何推銷ICO將是成功與失敗的區別。

發佈留言

Close Menu