簡介
本文檔中詳細介紹的插件為Brightcove Player中的視頻添加了SEO元數據。Google顯示的視頻示例結果如下所示:
您可以在稍後的文檔中了解有關驗證結構化數據的更多信息。 Google的結構化數據測試工具部分。
配置播放器
隨著最新的 Video SEO Schema Generator Plugin 更新,添加了一個新的轉錄功能,當 Flash 插件不可用時,Google 搜索機器人會出現問題。目前,所有 Brightcove 播放器都默認包含 Flash 技術。
要緩解此問題,您應該更新播放器配置以刪除 Flash 技術。您可以使用視頻雲播放器模塊中播放器的 JSON 編輯器執行此操作。
要從 6.xx 版播放器中刪除 Flash 技術,請執行以下操作:
- 在視頻雲工作室,導航到播放器模塊。
- 在左側導航中,選擇 JSON Editor 。
- 將以下突出顯示的屬性添加到播放器配置中:
- 為播放器發布更改。
隨著下一個主要版本的發布,播放器將不再包含 Flash 技術。
安裝插件
該插件的安裝與任何自定義插件一樣。以下是使用Studio和代碼添加插件的說明。
使用PLAYERS模塊安裝
- 開啟 PLAYER 模組並建立新的播放器,或找到您想要新增外掛程式的播放程式。
- 按一下播放程式的連結以開啟播放程式的屬性。
- 按一下左側導覽選單中的外掛程式。
- 來自添加插件下拉菜單,選擇自定義插件。
- 在「外掛程式名稱」中輸入
schema
。 - 在這個網址中,輸入:
https://cdn.jsdelivr.net/npm/videojs-schema/dist/videojs-schema.min.js
- 沒有的CSS URL是必需的。
- 您無需在此特定實現中為此插件輸入任何選項。
- 按一下「儲存」。
- 要發布播放器,請點擊發布和嵌入>發布更改。
- 要關閉打開的對話框,請單擊關。
使用代碼安裝
如果您希望使用代碼為單個播放器安裝插件,請使用以下代碼作為指南:
<video id="myPlayerID"
data-video-id="5796745147001"
data-account="1507807800001"
data-player="default"
data-embed="default"
data-application-id=""
controls=""
width="640"
height="360"></video>
<script src="//players.brightcove.net/1507807800001/default_default/index.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/videojs-schema/dist/videojs-schema.min.js"></script>
<script>
videojs.getPlayer('myPlayerID').ready(function() {
var myPlayer = this;
myPlayer.schema();
});
</script>
Google的豐富結果測試工具
安裝插件後,您可以在Brightcove Player中發布視頻,然後可以進行測試以確保結構化數據正確。Google提供了一個豐富結果工具。
在此頁面上,系統會提示您輸入包含您的播放器的頁面的 URL,並選擇基於桌面或智能手機客戶端進行測試:
輸入頁面的URL後,單擊測試網址,則將顯示您數據中的任何錯誤。
結果顯示頁面是否通過,還提供了額外的有價值信息。例如,單擊視頻標題以展開視頻信息:
使用的架構
該插件用於將Video Cloud視頻中的元數據注入頁面Schema.org結構化數據。它使用JSON-LD格式Google支持的視頻SEO:
<script type="application/ld+json">
{
"@context":"http://schema.org/",
"@type":"VideoObject",
"name":"Big Buck Bunny",
"description":"(c) copyright 2008, Blender Foundation / www.bigbuckbunny.org",
"thumbnailUrl":"https://cf-images.eu-west-1.prod.boltdns.net/v1/static/906043040001/f7d56300-ffca-460d-8ff6-fef835c12b36/e284fdba-d15a-422f-bebc-6a355e3d4dd3/1280x720/match/image.jpg",
"uploadDate":"2016-10-20",
"@id":"http://players.brightcove.net/906043040001/5WnZb7ptr_default/index.html?videoId=ref:bunnyfull",
"duration":"PT10M35S",
"embedUrl":"http://players.brightcove.net/906043040001/5WnZb7ptr_default/index.html?videoId=1401169490001"
}
</script>
外掛程式選項
您可以在此插件中使用六個選項:
schemaId
:用作的值@id
在元數據中。這必須是代表視頻的唯一URI,但不一定是“真實” URL。這是任意的,可能是類似以下的值:- https://mydomain.com/videos/{id}
- https://videos.mydomain.com# {id}
- https://mydomain.com/article-about-video-{id}#the-video
接受以下宏作為宏:
- {ID}
- {referenceId}
- {playerId}
- {embedId}
- {帳戶ID}
默認URI為:
https://players.brightcove.net/{accountId}/{playerId}_{embedId}/index.html?videoId={id}
keywords
:如果為 true ,則包括標籤作為關鍵字。默認是假。
excludeTags
:不作為關鍵字包含的標籤數組。例如 [“youtubesync”]
baseObject
:一個選項將視頻特定元數據構建到的屬性的對象。例如,這可以用來包括發布者對象:"baseObject": { "publisher": { "@type": "Organization", "name": "Publisher name", "logo": { "@type": "ImageObject", "url": "https://example.com/logo.jpg", "width": 600, "height": 60 } } }
includeEmbedUrl
:如果假,不包含嵌入網址。搜索引擎可能希望包含此URL。默認是真正。
preferLongDescription
:如果真正,請使用詳細說明(如果有)。如果假, 要么真正並且未設置長描述,則將使用(簡短)描述字段。默認是假。
-
transcript
:如果為 true ,將從匹配播放器語言(通常匹配頁面語言)的第一個字幕軌道生成文字記錄。默認是假。
-
transcriptMatchAny
:如果為 true且transcript
為 true,則如果沒有語言匹配,則會從第一個可用曲目中添加成績單。默認是假。