谷歌:你的影片可以同樣滿載“精彩時刻”

Photo of author
Written By CMO

說好故事,用好影片
說好故事,用好影片

HubSpot One在不久前介紹了在自有網站部署影片的要點。 HTML5為我們提供了許多方便,這更符合移動時代的要求。

7月,谷歌終於兌現了Google I/O上披露的影片高光時刻自動定位的功能,這意味著發布者可以僅僅通過告訴谷歌如何在自己的影片中實現定位的方式來讓谷歌自動理解影片內容從而節選出高光片段展示在搜索結果頁面上。

我們先來看看這樣的影片結果長什麼樣。

谷歌在搜索結果頁面上展示的影片高光時刻
谷歌在搜索結果頁面上展示的影片高光時刻

在過去,除非是在YouTube上的影片,你必須通過結構化數據才能標註出這些Key Moments。具體方法是把影片中的每個重要時段定義成clip。下面是谷歌官方的一個使用Clip的例子,用的是json-ld的實現方法。

<html> <head> <title>Cat jumps over the fence</title> <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "VideoObject", "name": "Cat video", "duration": "P10M", "uploadDate": "2019-07-19", "thumbnailUrl": "http://www.example.com/cat.jpg", "description": "Watch this cat jump over a fence!", "contentUrl": "http://www.example.com/cat_video_full.mp4", "regionsAllowed": "US", "hasPart": [{ "@type": "Clip", "name": "Cat jumps", "startOffset": 30, "endOffset": 45, "url": "http://www.example.com/example?t=30" }, { "@type": "Clip", "name": "Cat misses the fence", "startOffset": 111, "endOffset": 150, "url": "http://www.example.com/example?t=111" }] } </script> </head> <body> </body> </html>

在上面這個例子中,粉色部分定義了兩個影片片段(clip)。第一個始於第30秒,終於45秒;第二個始於第111秒,終於150秒。它們分別被取名並附上了直達URL。這就是搜索引擎能在前端展現該樣式的秘密。

那麼問題來了,如果有著大量的影片,需要人工去為這些影片打標籤的工作量十分巨大,此時使用Clip的效率就不會很高。於是,在人工智能的時代,谷歌為你提供了自動產生高光時刻的途徑。

正是因為這個原因,現在你只要告訴谷歌如何快速空降到影片的第幾秒即可。具體的做法是使用potentialAction屬性的SeekToAction類型。

{ "@context": "https://schema.org", "@type": "VideoObject", "potentialAction" : { "@type": "SeekToAction", "target": "https://video.example.com/watch/videoID?t={seek_to_second_number}", "startOffset-input": "required name=seek_to_second_number" } )

這個SeekToAction類型的potentialAction屬性只需要兩個屬性targetstartOffset-input 。第二個不需要改,所以只有target我們需要賦值。

target的值需要把影片頁面的URL模板填進去,還需要包含跳轉到某一秒的參數。上面的例子就用了t作為參數。因此這裡有一個前提,那就是你放影片的頁面必須要有一個參數能夠控制開始播放時的位置

我們上次說瞭如何用HTML5播放器來控制開始播放的位置。實際上只要我們稍加利用這個t參數即可。既可以用後端直接返回預定義位置的影片代碼,也可以用JavaScript從前端獲取t的值,更改開始播放位置。

<source src="maxket.webm#t=5,20" type="video/webm">

是不是炒雞簡單?這裡我們再強調一下實現這一效果的前提:

  1. 你的影片文件對搜索引擎未禁封。
  2. 你加載影片的網頁能夠通過參數來控製播放開始位置。
  3. 你放心谷歌用人工智能來自動給你的影片內容片段打標籤。

最後,因為這段代碼的自定義程度並不復雜,你仍然可以使用GTM來批量對大量頁面添加結構化數據。相關操作請參閱HubSpot One舊文《巧用GTM實現結構化數據SEO》