影片最佳做法

使用者每天透過 Google 進行數十億筆的搜尋作業,其中影片搜尋就佔了一大部分。建議你遵循以下列出的最佳做法 (以及我們平常使用的網站管理員指南),可提高你的影片出現在搜尋結果中的機會。

Google 搜尋中的影片結果會同時顯示於合併搜尋結果和影片搜尋結果中。當使用者在搜尋結果中點選影片時,系統會將使用者導向您的網頁,讓他們在網頁中觀看影片。

Google 檢索影片的方式

Google 必須先掌握影片的相關資訊,才能在搜尋結果中顯示影片。Google 可以透過以下幾種方式擷取影片相關資訊:

  • 如果影片採用支援的影片編碼,Google 就能檢索該影片,並擷取縮圖和預覽。Google 也可以從檔案的音訊和視訊中擷取小部分有限資訊。
  • Google 能擷取影片代管網頁上的資訊,例如網頁文字和中繼標記。
  • Google 能使用結構化資料 (VideoObject) 或是與影片相關的影片 Sitemap
YouTube 內容:所有 YouTube 影片皆可供檢索,不過您仍可提供影片 Sitemap 或結構化資料,協助 Google 找到網頁內嵌的 YouTube 影片,這麼做還能提供影片的其他相關資訊。

關於影片搜尋結果

你提供給 Google 的資訊數量將會影響影片是否會在搜尋結果中顯示及其顯示方式。Google 必須取得縮圖和實際影片檔案連結這兩項資訊,才能在搜尋結果中顯示你的影片。不過,您提供的資訊越多,影片顯示的搜尋結果就越完整。

以下是兩種基本層級的影片搜尋外觀:

  • 基本外觀:如果您向 Google 提供絕對最低限度的資訊,影片能夠出現在合併搜尋結果和影片搜尋結果中,並同時顯示影片的縮圖和連結,不過無法使用任何進階功能,例如影片預覽或內容剖析。「絕對最低限度的資訊」是指縮圖和影片檔案的連結。


    基本影片搜尋結果範例

  • 進階外觀:如果您提供更多資訊,Google 就可以提供更多影片功能,例如影片預覽、影片長度、影片日期和提供者資訊,還能依據使用者的國家/地區或搜尋裝置來限制搜尋結果,並支援其他功能。

    電腦版影片搜尋結果範例
    電腦版進階影片搜尋結果範例

    行動版影片搜尋結果範例
    行動版進階影片搜尋結果範例

最佳做法

影片搜尋結果的基本要求:

如果想讓影片出現在搜尋結果中,必須符合下列條件:

  • Google 必須找得到影片。系統會透過 <video><embed><object> 等 HTML 標記來識別網頁上的影片,請確認網頁不需要複雜的使用者操作或特定網址片段即可載入影片,否則 Google 可能會找不到影片。提示:雖然我們可以透過隨機檢索找到網頁中的內嵌影片,不過發布影片 Sitemap能協助我們找到您的影片。
  • 您必須提供優質的影片縮圖
  • 確定每部影片都位於公開網頁,讓使用者可在該網頁上觀看影片。請確保使用者不須登入即可存取網頁,且網頁沒有遭到 robots.txtnoindex 封鎖,務必讓 Google 能夠存取網頁。
  • 影片內容應與代管網頁的內容有明確關聯。舉例來說,如果某個食譜網頁介紹蜜桃酥派的做法,請不要在該網頁嵌入其他糕點的影片。
  • 確保影片 Sitemap 或影片標記提供的任何資訊符合實際影片內容。


為獲得最佳效果,請參考以下做法:

如果您額外採取下列步驟,Google 就可以為您的影片提供更完整的搜尋結果:

為影片提供優質縮圖

影片必須具備可顯示於搜尋結果中的縮圖,才能顯示在 Google 影片搜尋結果中。

您可以透過下列幾種方式提供或啟用縮圖:

  • 如果您使用 <video> HTML 標記,請指定 poster 屬性
  • 在影片 Sitemap 中,指定 <video:thumbnail_loc>
  • 在結構化資料中,指定 VideoObject.thumbnailUrl
  • 使用可供檢索的格式提供影片,由我們為您產生縮圖

建議格式:JPG、PNG

尺寸:從 160x90 到 1920x1080 像素

位置:預覽縮圖必須可供 Googlebot 存取,亦即未遭到 robots.txt 封鎖或是受到登入機制攔截。

讓 Google 能夠檢索您的影片

如果 Google 能夠檢索影片,即可為影片產生縮圖、啟用影片預覽,並提供其他功能。

如何讓內容可供檢索:

  • 影片必須採用支援的格式
  • 不得禁止 Google 存取影片代管網頁和串流檔案位元組。「禁止存取」表示網頁或檔案受到付費牆保護、設有登入要求或是受到 noindexrobots.txt 指令封鎖。
  • 影片代管網頁和串流處理實際影片的伺服器必須具備足夠頻寬,Google 才能進行檢索。因此,如果您在位於 example.com/puppies.html 的到達網頁中嵌入由 somestreamingservice.com 提供的小狗影片,則 example.comsomestreamingservice.com 都必須未遭封鎖且具備可用的伺服器負載。

支援的影片編碼

Google 可檢索下列影片檔案類型:.3g2、.3gp2、.3gp、.3gpp、.asf、.avi、.divx、.f4v、.flv、.m2v、.m3u8、.m4v、.mkv、.mov、.mp4、.mpe、.mpeg、.mpg、.ogv、.qvt、.ram、.rm、.vob、.webm、.wmv、.xap

大多數行動網路瀏覽器已不支援 Flash,Adobe 也預計於 2020 年淘汰這個多媒體格式。如果你的影片採用 Flash 格式,請考慮將其轉碼為行動瀏覽器支援的其他格式。

使用結構化資料或影片 Sitemap 說明你的影片

你可以使用結構化資料和/或影片 Sitemap 將影片的其他相關資訊提供給 Google。提供這類額外資訊就能啟用更多搜尋結果功能,並協助我們瞭解您的影片內容,提升影片在搜尋結果中的排名。

這兩種技術提供給 Google 的資訊相同,但是影片 Sitemap 可讓 Google 更快找到新增或更新的內容;不過相較於 Sitemap,結構化資料對於部分使用者來說更為熟悉,而且較符合網站使用結構化資料提供複合式搜尋結果的做法。您可以在網站上同時使用這兩種技術,但請務必確認兩者的資料一致。

結構化資料

你可以在代管網頁上新增用來說明影片內容的「結構化資料」。結構化資料是指使用標記或 JSON 根據明確定義的格式提供的資訊。Google 在檢索網頁時,能透過讀取及解讀這類格式來擷取影片相關資訊。

有多種格式可供您使用,但是 Google 強烈建議以 JSON-LD 格式使用 schema.org 的 VideoObject 語法。

請在網頁上嵌入 VideoObject 程式碼,這個 VideoObject 會與來源網址相符的內嵌影片建立關聯。

瞭解如何在網頁上嵌入每部影片的 VideoObject 說明

VideoObject JSON-LD 範例

<html>
<head>
 <title>Schnitzel in an hour</title>
</head>
<body>
 <script type="application/ld+json">
  {
   "@context": "http://schema.org",
   "@type": "VideoObject",
   "name": "Schnitzel Stories",
   "description": "How to make fantastic schnitzel in just one hour",
   "thumbnailUrl": "https://example.com/imgs/schnitzel-small.jpg",
   "uploadDate": "2015-02-05T08:00:00+08:00",
   "duration": "PT1M33S",
   "contentUrl": "https://streamserver.example.com/schnitzel.mp4"
  }
  </script>
  <h1>Everybody loves schnitzel</h1>

  ... omitted schnitzel-related page content...

  <video width="420"
     src="https://streamserver.example.com/schnitzel.mp4"
     poster="https://example.com/imgs/schnitzel-small.jpg"/>
</body>
</html>

該使用簡單的 VideoObject 還是電視/電影複合式搜尋結果?

如果您只是要說明電視節目/電影的評論或演員陣容等資訊,或者使用者必須採取複雜操作 (例如購買或租賃) 才能播放您的影片,建議在網站上導入電視或電影結構化資料類型。使用電視或電影結構化資料可以在 Google 搜尋中呈現複合式搜尋結果,提供評分、評論和演員資訊,以及免費或付費影視串流服務的連結。複合式搜尋結果僅會顯示於合併搜尋結果面板中。

Open Graph 通訊協定

除了 schema.org VideoObject 語法以外,Google 還可以處理部分 Open Graph 通訊協定中繼資料。您的標記應該要描述網頁上最主要且最重要的影片。

影片 Sitemap

影片 Sitemap 是 Google 用以在網站中找出影片的 XML Sitemap,還可為 Google 提供影片的相關資訊。影片 Sitemap 項目可採用和 VideoObject 結構化資料元素相同的方式來說明影片,也能協助 Google 找到新增或更新的影片;除此之外,影片 Sitemap 還可以在單一檔案中說明多部影片,讓 Google 無需個別檢索網頁就能找出所有異動內容,這就是使用影片 Sitemap 的優點。

瞭解如何建立影片 Sitemap

更新內容

您可以在影片有異動時告知 Google,告知的方式會根據您協助 Google 找到或讀取內容的方式而有所不同。請注意,如果只是更換影片網址或來源檔案,而沒有其他異動,Google 可能不會注意到這些變化。

  • 結構化資料:如果網頁上影片的結構化資料有所變更,下次 Google 檢索該網頁時就會得知。您可以透過一般 Sitemap 或影片 Sitemap 將網頁異動資訊告知 Google。
  • 影片 Sitemap 和 mRSS:如果您發佈影片 Sitemap,Google 會定期重新檢索 Sitemap,並根據任何變更的影片資訊更新搜尋結果。您也可以重新提交 Sitemap 或將 Sitemap 的變更告知 Google,並要求立即重新檢索。進一步瞭解如何提交 Sitemap 並透過 HTTP 要求來更新 Sitemap

移除影片

如要將影片從您的網站移除,建議採取下列做法:

  • 如果到達網頁包含已移除或過期的影片,請傳回 404 (找不到) HTTP 狀態碼。除了 404 回應代碼,您也可以傳回網頁的 HTML,讓大多數使用者瞭解內容已經變更。
  • 指定到期日。在 schema.org 結構化資料中請使用相應標記,影片 Sitemap 請使用 <video:expiration_date> 元素,mRSS 動態饋給則使用 <dcterms:valid> 標記。以下範例說明影片到期日為 2009 年 11 月的影片 Sitemap:
    <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
            xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
      <url>
        <loc>http://www.example.com/videos/some_video_landing_page.html</loc>
        <video:video>
          <video:thumbnail_loc>
             http://www.example.com/thumbs/123.jpg
         </video:thumbnail_loc>
          <video:title>
             Grilling steaks for summer
         </video:title>
          <video:description>
             Bob shows you how to grill steaks perfectly every time
         </video:description>
          <video:player_loc>
              http://www.example.com/videoplayer?video=123
         </video:player_loc>
          <video:expiration_date>2009-11-05T19:20:30+08:00</video:expiration_date>
        </video:video>
      </url>
    </urlset>
    
如果必須立即從搜尋結果移除影片,建議您一併提出移除要求。請注意,您不能讓 Google 看到或存取該影片,這項要求才能成功。您可以傳回 404 錯誤或設置登入要求來達成這項目的。

避免使用複雜的影片載入條件

設計你的網站時,請將影片網頁設定為無須透過任何過於複雜的使用者互動或條件來載入影片。舉例來說,就算你只會在特定情況下使用複雜的 JavaScript 在 JavaScript 內部嵌入影片物件 (例如在網址中使用雜湊標記),我們還是有可能找不到你的部分影片。如果你不是使用 Sitemap 列出影片,這點格外重要。

為你的使用者打造優質的影片網頁

除了提供出色的影片外,你也應該思考如何設計與影片內容相關的 HTML 網頁。舉例來說,你可以嘗試下列做法:

  • 為每個影片建立獨立的到達網頁,方便你收集所有的相關資訊。如果你要這麼做,請務必在每個網頁上提供不重複的資訊,例如描述性的標題和說明。
  • 儘可能讓使用者在每個到達網頁都能輕鬆找到及播放影片。建議你使用顯眼的內嵌式影片播放器和廣泛支援的影片格式,這樣可以吸引更多的使用者,也更利於 Google 建立索引。

限制特定平台的使用者

您可以依據搜尋者的平台,限制能夠顯示您影片的搜尋結果。這些平台包括電腦瀏覽器、行動裝置瀏覽器及電視瀏覽器。

使用影片 Sitemap 設定平台限制

如果影片沒有平台限制,則應略過平台限制標記。

在影片 Sitemap 中使用 <video:platform> 標記,能夠允許或禁止影片出現在特定裝置的搜尋結果中。每個影片項目只能使用一個 <video:platform> 標記,其中的必要屬性 relationship 可指定要排除或納入的平台。

範例

在以下影片 Sitemap 範例中,這部影片只會在電腦及行動裝置的瀏覽器中播放。

<url>
  <loc>http://www.example.com/videos/some_video_landing_page.html</loc>
  <video:video>
    <video:thumbnail_loc>
        http://www.example.com/thumbs/123.jpg
    </video:thumbnail_loc>
    <video:title>Grilling steaks for summer</video:title>
    <video:description>
        Bob shows you how to get perfectly done steaks every time
    </video:description>
    <video:player_loc>
        http://www.example.com/videoplayer?video=123
    </video:player_loc>
    <video:platform relationship="allow">web mobile</video:platform>
  </video:video>
</url>

使用結構化資料或 mRSS 設定平台限制

VideoObject 或 mRSS 動態饋給沒有平台限制標記。

限制特定國家/地區的使用者

您可以根據搜尋者的位置,限制能夠顯示您影片的搜尋結果。如果影片沒有任何國家/地區限制,則應略過國家/地區限制標記。

使用影片 Sitemap 設定國家/地區限制

在影片 Sitemap 中使用 <video:restriction> 標記,能夠允許或拒絕影片出現在特定國家/地區的搜尋結果中。每個影片項目只能使用一個 <video:restriction> 標記。

<video:restriction> 標記應包含一或多個以空格分隔的 ISO 3166 國家/地區代碼,而必要屬性 relationship 則用於指定限制的類型。

  • relationship="allow" - 影片只能出現在指定國家/地區的搜尋結果中。如果沒有指定國家/地區,任何搜尋結果都不會顯示這部影片。
  • relationship="deny" - 除了指定的國家/地區以外,影片會出現在任何地方的搜尋結果中。如果沒有指定國家/地區,任何搜尋結果都能夠顯示這部影片。

以下列影片 Sitemap 為例,影片只會出現在加拿大和墨西哥的搜尋結果中。

   <url>
     <loc>http://www.example.com/videos/some_video_landing_page.html</loc>
     <video:video>
       <video:thumbnail_loc>
           http://www.example.com/thumbs/123.jpg
      </video:thumbnail_loc>
       <video:title>Grilling steaks for summer</video:title>
       <video:description>
          Bob shows you how to get perfectly done steaks every time
      </video:description>
       <video:player_loc>
          http://www.example.com/player?video=123
      </video:player_loc>
       <video:restriction relationship="allow">ca mx</video:restriction>
     </video:video>
   </url>

使用結構化資料設定國家/地區限制

如果您使用 VideoObject 結構化資料描述影片,請設定 VideoObject.regionsAllowed 屬性來指定哪些區域可以取得這部影片的搜尋結果。如果略過這個屬性,則所有區域都可以在搜尋結果中看到這部影片。

使用 mRSS 設定國家/地區限制

您可以在 mRSS 動態饋給中,將 media:restriction 標記的必要屬性 type 設定為 country,藉此設定影片的國家/地區限制。此外,您也必須將 media:restrictionrelationship 屬性設定為 allowdeny。這項標記接受您使用以空格分隔的 ISO 3166 國家/地區代碼清單。

以下列 mRSS 項目為例,這部影片會出現在美國和加拿大以外任何地方的搜尋結果中。

  <item xmlns:media="http://search.yahoo.com/mrss/" xmlns:dcterms="http://purl.org/dc/terms/">
    <link>http://www.example.com/examples/mrss/example.html</link>
    <media:content url="http://www.example.com/examples/mrss/example.mp4"
                  fileSize="405321" type="video/x-flv" height="240"
                  width="320" duration="120" medium="video"
                  isDefault="true">
      <media:title>Grilling Steaks for Summer</media:title>
      <media:description>
         Get perfectly done steaks every time
     </media:description>
      <media:thumbnail
         url="http://www.example.com/examples/mrss/example.png"
         height="120" width="160"/>
    </media:content>
    <media:restriction relationship="deny" type="country">us ca</media:restriction>
  </item>

進一步瞭解如何針對 Google 影片搜尋使用 mRSS 動態饋給,或是進一步瞭解 mRSS 規格中的 media:restriction 標記。

網址類型介紹

有幾個網址可與網頁上的影片檔案建立關聯。以下簡介其中大部分的網址:

網頁所含網址類型的示意表

標記 說明
1
  • <loc>
    (影片 Sitemap 標記)

影片代管網頁的網址。範例

<loc>https://example.com/news/worlds-biggest-cat.html</loc>

2
  • VideoObject.embedUrl
    (結構化資料)
  • <video:player_loc>
    (影片 Sitemap 標記)
  • <iframe src="...">

自訂播放器的網址,通常是網頁上 <iframe><embed> 標記的 src 值。範例:

<video:player_loc>
https://archive.example.org/cats/1234</video:player_loc>

3
  • <video src="...">
    (HTML 標記)
  • <embed src="...">
    (HTML 標記)
  • <video:content_loc>
    (影片 Sitemap 標記)
  • VideoObject.contentUrl
    (結構化資料)

影片的實際網址 (位於本機網站或串流服務)。範例:

<video src="videos.example.com/cats/1234.mp4">

採用結構化資料、影片 Sitemap 或 Sitemap 替代項目時,您應該依照欄位不同,指向嵌入播放器或檔案位元組。

禁止 Google 搜尋結果顯示特定影片

如果你不想讓 Google 搜尋結果顯示特定影片,可使用下列方法:

  • 設置登入畫面,讓使用者必須登入後才能瀏覽代管網頁和影片檔案。
  • 在影片 Sitemap 中加入影片的國家/地區限制,並指定空白的 allow 清單:
    <video:restriction relationship="allow"></video:restriction>
  • 使用 robots.txt 禁止搜尋引擎存取來源影片和/或代管網頁。如果影片和代管網頁在同一個網站上,請封鎖來源檔案網址 (contentUrl 位址) 和代管網頁網址。如果影片由其他 CDN 代管,則只要封鎖代管/播放器網頁即可。
  • 如果檔案位於您的網頁,請為代管網頁和檔案傳回 noindex HTTP 回應

請注意,上述方法無法防止其他網頁連結至您的影片或網頁。

常見的影片索引問題

以下是我們發現的幾個常見影片索引錯誤,以及解決這些錯誤的建議方法,可提高您的影片出現在搜尋結果中的機會。此外,我們也建議您參閱網站管理員指南

使用 robots.txt 封鎖資源

常見的做法是使用 robots.txt 禁止搜尋引擎檢索 JavaScript、影片和圖片檔。如要讓 Google 為影片建立索引,我們必須能夠在結構化資料或 Sitemap、影片所在的網頁、影片本身,以及任何 JavaScript 或載入影片所需的其他資源中看到指定的縮圖。請確認 robots.txt 規則並未封鎖任何這類影片的相關資源。

如果你使用影片 Sitemap 或 mRSS,請確認 Google 可存取你提交的任何 Sitemap 或 mRSS 動態饋給。如果受到 robots.txt 封鎖,我們就無法讀取這些項目。

進一步瞭解 robots.txt

畫質不佳的縮圖

你可使用任何圖片格式的縮圖,但是 .png 和 .jpg 圖片的效果最好。圖片至少必須是 160x90 像素,且不超過 1920x1080 像素。

重複的縮圖、標題或說明

如果不同的影片使用相同縮圖、標題或說明,則可能會影響影片索引,而且會讓使用者感到困惑。請確保每部影片使用資料都不重複。劇集內容的多部影片使用相同的標題畫面縮圖,也是一個常見問題。

將到期日設定為過去日期

如果 Google 看到某部影片的到期日為過去日期,就不會將這部影片放在任何搜尋結果中。其中包括 Sitemap、網頁結構化資料以及網站標頭中繼期限標記的到期日。請確認你每部影片的到期日正確無誤。如果你的影片在到期日之後即無法取得,這種做法就很實用;但是對於可觀看的影片,的確很容易不小心將到期日設定為過去的日期。如果影片不會過期,請勿加入任何到期資訊。

列出移除的影片

某些網站在移除網頁上的內嵌影片後,會使用 Flash 播放器告訴使用者該影片已無法使用。這會對搜尋引擎的運作造成一些問題,因此我們提出以下幾點建議:

  • 如果到達網頁包含已移除或過期的影片,請傳回 404 (Not found) (找不到) HTTP 狀態碼。除了 404 回應代碼外,您也可以傳回網頁的 HTML 內容,讓大多數使用者都能清楚地看到結果。
  • 在提交給 Google 的網頁結構化資料、影片 Sitemap (使用 <video:expiration_date> 元素) 或 mRSS 動態饋給 (<dcterms:valid> 標記) 中指定到期日

複雜的 JavaScript 和網址片段

設計您的網站時,請將影片網頁設定為無須執行任何過於複雜的 JavaScript。就算你只會在特定情況下才使用複雜的 JavaScript 在 JavaScript 內部嵌入影片物件,我們還是有可能為影片建立錯誤的索引。如果內容或到達網頁需要「雜湊標記」或片段識別碼,則系統不支援其網址。此外,在網頁上使用 Flash 也會導致無法有效建立索引。建議使用一般 HTML 標記 (而非 Flash) 來顯示影片標題和說明,以達到最佳效果。

如果您使用網頁結構化資料,則顯示結構化資料時不應執行 Flash 或其他嵌入播放器。

不顯眼、隱藏或很難找到的影片

確認影片顯示於影片網頁上且容易發現。Google 建議你為每部影片使用獨立的網頁,並加上每部影片獨特的描述性標題或說明。影片在網頁上應該要看起來很顯眼,而不是很隱密或難以找到。