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




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

如何檢測影音問題
檢測影音,音頻或任何其他社群網路或應用程序問題a)的問題可以很簡單; b)應該是每個人的責任,從首席執行官下來; c)幫助機構,技術人員和行銷人員保持警惕。
1.使用它
顯而易見 – 但是你最後一次從公共汽車,火車或酒吧檢查了你的網站和影音是什麼時候? 鼓勵員工使用網站/應用程序(在測試期間以及上線後例行)並報告問題並提出改進建議。
檢查:
網站/頁面加載速度有多快? (計算秒數)
你有多長時間等待影音開始?
品質有多好?
它在播放期間是否停止/(重新)緩衝?
是否值得觀看/觀看到底?
您對這些結論有何看法?
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.了解目標市場中移動社群網路的局限性
即使在發達的電信市場中,移動社群網路的能力也存在很大差異。 檢查 Cisco GCI全球雲準備工具 對於每個國家的平均值。
統計數據顯示,美國和英國的下載速度比挪威和韓國低40%,比加拿大低25%:
韓國 – 下載:31.0Mbps; 上傳:14.3Mbps; 延遲:68ms
挪威 – 下載:29.1Mbps; 上傳:11.6Mbps; 延遲:40ms
加拿大 – 下載:24.2Mbps; 上傳:9.0Mbps; 延遲:51ms
英國 – 下載:18.2Mbps; 上傳:8.0Mbps; 延遲:55ms
美國 – 下載:17.1Mbps; 上傳:10.0Mbps; 延遲:88ms。
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是最初的CDN之一,成立於1999年,仍然是最受歡迎的CDN之一。 據BuiltWith稱,Akamai在前10,000個網站中佔11.4%,其次是Amazon 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。
如果影音在某些設備和不同的連接上表現更好,例如 電纜上的PC與3G上的智慧手機:
以不同格式準備多種版本的影音,具有不同的品質,比特率和壓縮,以適應最常見的設備和社群網路類型場景
使用設備檢測來發現客戶端設備,其功能和連接類型,以提供最合適的影音版本
使用自適應比特率。
資源(和來源)
這些資源是針對開發人員的,但對所有人都有用(如果你忽略了techie位):

這是 第3部分 觀看影音如何影響移動社群網路性能和用戶體驗的系列文章。 閱讀前幾期文章:

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

想要了解最新的搜尋趨勢嗎? 從我們的搜尋專家那裡獲得最高的見解和新聞。

相關閱讀

在行動設備和桌面設備上跟踪關鍵字對於報告準確性和支持SEO策略都是絕對必要的。 Jessie Moore解釋了為什麼要為每個設備分離關鍵字策略,並分享快速提示以供考慮

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

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

在競爭日益激烈和受監管的世界中,如何行銷ICO將成為成功與失敗的區別。

發佈留言