Podcast 功能探討: Apple Podcasts 的排版呈現

大家好,我前陣子看到一篇文章,它提到 Podcast 中單集的描述欄位在各大主流播放器中分別都有不同的排版方式,Podcast 生態系目前沒有大一統的呈現標準,相同單集在不同播放器 APP 呈現方式都不一樣,為了要最大程度能讓聽眾在收聽之餘,也能「看」到頻道主希望呈現的訊息(例如工商資訊的導購連結、抽獎連結、個人網站、SEO 用的關鍵字等等),頻道主就有必要了解如何安排這些資訊在各大 APP 的呈現方式,這次我就拿自己頻道中聽眾使用 APP 占比相對較高的 Apple Podcasts 實驗。

將大綱分成以下數個部分:

  1. RSS 結構
  2. 呈現釋例
  3. 結語

1. RSS 結構

每一個 Podcast 頻道都有一個專屬的 RSS 連結,如果用瀏覽器開啟的話會看到很多代碼。

我頻道的 RSS 內容

RSS 是一種基於 XML 格式的標記語言,標記語言可以想像成「使用特殊的左右括號將需要呈現的資訊包起來」的一種東西,常見的左右括號我們用紅字標示像是「 」或者 ( ) 或者 [ ] 或者 < > ,而這種標記語言會使用比較複雜「帶有名義的括號」,例如 <title> </title> 或者 <description> </description> 這樣。

這種特殊括號通常從名字就可以彰顯它們所代表的意義,如上圖 <itunes:duration>388</itunes:duration> 這段文字,它代表這集 EP 的時間長度為 388 秒。隨著一集 EP 有標題、圖片、描述、發布日期等等這樣的資訊,它們分別都被不同名義的括號包了起來,各大播放器 APP 經由讀取頻道的 RSS 再判讀這些標記,將標題、圖片等等資訊排版在自己 APP 的頁面上,接著才會變成我們很常看到的頻道畫面。

今天要介紹的是以下幾個括號:

  1. description
  2. content:encoded
  3. itunes:summary

description: 顧名思義它是 EP 描述文字,裡面可以放各種文字,有些頻道主會放置心情小語、有些會放工商連結、有些會放 #關鍵字 方便搜尋引擎爬蟲找到、有些會放頻道的訪綱、或特別來賓介紹等等。唯一的限制就是只能使用純文字,諸如超連結等等需求就無法達成。

content:encoded: 字面上翻譯為「編碼過的內容」,但它扮演的腳色其實等同於 description 的功能。加上編碼功能之後,它就可以放入一些簡單的超連結 HTML 語言,算是比 description 更方便好用的括號。

itunes:summary: 字面上翻譯為「iTunes使用的摘要」,它所包起來的資訊在很多播放器 APP 都不會播排版顯示出來,只少例如本次介紹的 Apple Podcasts 以及少部分的 APP 會顯示,它也是僅支援純文字。

為了實驗排版方式,我先將自己頻道的其中一集 EP 修改資料,將上面提到的括號內容物都換成測試用字樣,如下圖。

我主要測試的東西包含以下:

  1. Apple Podcasts 是否使用 description 括號
  2. 三種括號是否都可以支援「換行」排版方式
  3. 超連結能不能用

另外,我主要測試的範圍包含:

  1. iPhone 5S (OS 12.5.2) 的 Apple Podcasts APP (白天模式)
  2. iPad Pro Gen2 (OS 14.4.2) 的 Apple Podcasts APP (黑夜模式)
  3. Pixel 5 Chrome 上的網頁板 Apple Podcasts

實驗於 2021 年 4 月初,由於 Apple Podcasts APP 會持續更新優化以更貼合使用者操作,所以這個實驗結果終將會過時,這些實驗僅為參考用,提供給最近有興趣了解並且優化自己頻道內容的頻道主。

測試 EP 為: [mashup demo] Twice – Fake and True X Ken Ishii – Organized Green


2. 呈現釋例

在實際看圖之前,先介紹 Apple Podcasts 與其它 APP 稍微有點不一樣,它針對相同頻道「訂閱前」與「訂閱後」的呈現方式大不相同,我們先看 iPhone 部分。

iPhone訂閱前列表頁: 所有描述文字都變成 … (被擋住了)
iPhone訂閱前列表頁: 其他 EP 可以看到有換行排版效果
iPhone訂閱前列表頁: 有些集數由於標題太長導致內文無法被排版顯示
iPhone 訂閱前內頁: 沒有訂閱的用戶只會看到 itunes:summary 括號的內容,可以換行
iPhone 訂閱前播放頁(描述關閉中): 值得注意的地方是 EP 專屬圖片只會在「APP訂閱前的播放頁」顯示出來,在其他情況下,都只會顯示「頻道LOGO」
iPhone 訂閱前播放頁(描述開啟中): 沒有訂閱的用戶只會看到 itunes:summary 括號的內容,可以換行
iPhone訂閱後列表頁: 值得注意的地方是「訂閱後」的列表頁中,描述文字會被擠在一行中,不像「訂閱前」能夠有換行效果
iPhone訂閱後內頁: 訂閱後終於能夠看到 content:encoded 括號的內容,這些字樣為紫色因為它們被做成超連結,且依然可使用換行排版
iPhone 訂閱後內頁超連結點擊後: 可以順利進入目標網站
iPhone 訂閱後播放頁(描述關閉中): 可以看到圖片變成了「頻道LOGO」
iPhone 訂閱後播放頁(描述開啟中): 不顯示 itunes:summary 了,取而代之只顯示 content:encoded ,支持換行排版
iPhone 搜尋結果所有類別列表頁: 無法在這個頁面看到描述資訊
iPhone 搜尋結果所有類別內頁: 這邊補充說明,無論訂閱與否,在搜尋所有類別的顯示內頁中,都只會出現 itunes:summary 的內容
iPhone 搜尋結果所有類別播放頁: 這邊也要補充說明,無論使用哪一種類別的搜尋結果點進內頁播放,撥放器的排版方式只會依據「訂閱狀態」決定如何排版,這張圖截圖的當下由於已訂閱頻道,所以會顯示 content:encoded 內容
iPhone 搜尋結果已訂閱類別列表頁: 無法在這個頁面看到描述資訊
iPhone 搜尋結果已訂閱類別內頁: 這邊看到的內容跟剛才已訂閱頻道後的內頁是一樣的
iPhone 搜尋結果已訂閱類別播放頁: 這個也是跟剛才一樣

歸納幾個 iPhone 排版的重點:

  1. 訂閱後才能看到 content:encoded 內容
  2. 訂閱後的列表頁,內文無法有斷行排版效果
  3. 訂閱前的播放頁,能夠正常顯示 EP 圖片而非頻道 LOGO
  4. 無論有沒有訂閱,在搜尋結果中的所有類別下,單集內容只會出現 itunes:summary
  5. description 不會在任何地方出現 (參考文獻中提到 Apple Podcasts 會優先讀取 content:encoded 的內容,如果它不存在,才會改為讀取 description,我沒有實驗所以不知現在的狀況)

接著看 iPad 部分,其實大同小異,唯一的優點就是版面變大,排版能夠顯示的資料因此更多

iPad 訂閱前列表頁: 這下沒有卡字了
iPad 訂閱前內頁: 跟 iPhone 是一樣的
iPad 訂閱前播放頁(描述關閉中): 跟 iPhone 是一樣的
iPad 訂閱前播放頁(描述開啟中): 跟 iPhone 是一樣的
iPad 訂閱後列表頁: 訂閱後的內文無法有斷行排版效果
iPad 訂閱後內頁: 跟 iPhone 是一樣的
iPad 訂閱後內頁超連結點擊後: 可以順利進入目標網站,與 iPhone 不同的是其開啟網頁的彈窗不是滿版螢幕
iPad 訂閱後播放頁(描述關閉中): 跟 iPhone 是一樣的
iPad 訂閱後播放頁(描述開啟中): 跟 iPhone 是一樣的
iPad 搜尋結果所有類別列表頁: 終於可以看到內文了,內文沒有斷行排版效果
iPad 搜尋結果所有類別內頁與播放頁: 與 iPhone 相同
iPad 搜尋結已訂閱類別列表頁: 終於可以看到內文了,內文沒有斷行排版效果
iPad 搜尋結果已訂閱類別內頁與播放頁: 與 iPhone 相同

歸納幾個 iPad 排版的重點:

  1. 跟之前所有 iPhone 的特點都一樣
  2. 搜尋結果的列表頁,無論搜尋哪一種結果,內文都沒有斷行排版效果
  3. 超連結點擊後打開的彈窗不再是滿版

參考文獻中另外提到列表頁的內文,在有斷行排版的情況下,最多可以顯示 3 行,但實際能顯示的行數 & 一行能顯示的字數都會隨著「標題字數」、「系統預設字體大小」、「螢幕尺寸」而異,前面也看到過完全不顯示內文的極端範例,因此若想控制內文顯示,則頻道主唯一能夠調整的只剩下「標題字數」,其它變因都因為聽眾裝置的不同而不可控。

還有,雖然可以在 content:encoded 加入超連結等等簡易 HTML 語法,但 Apple Podcasts 不支援貼圖語法,非常可惜(不過 emoji 還是可以的)。

最後看看網頁版本,由於網頁版本沒有訂閱機制所以相對簡單

網頁版列表頁: 可以看到有斷行效果,但排版沒有做好,第三行沒有顯示完全
網頁版內頁: 值得注意的地方是網頁版本的 EP 圖片顯示也是正常的,不過沒有訂閱機制,所以無法顯示 content:encoded 內容

終於介紹完畢,看到這裡,或許您會想重新編輯自己單集的內文,但卻不知道編輯器欄位與實際括號的對應模式,我目前使用的 Hosting 為 SoundOn ,以它為例,出現在「描述」欄位裡面的內容會同時顯示在本文章介紹到的三個括號中:

  1. description: 會去除編輯器中所帶有的超連結,只保留純文字
  2. content:encoded: 編輯器的內容將原封不動的呈現
  3. itunes:summary: 會去除編輯器中所帶有的超連結,只保留純文字

編輯器最下面的「Summary」欄位目前經測試發現沒有作用,不會反映在任何一個括號中。

另外一個小重點,當 content:encoded 跟 itunes:summary 內容一模一樣,且畫面切換到訂閱後的內頁時, Apple Podcasts 只會顯示 content:encoded 的內容,將自動省略 itunes:summary 。


3. 結語

Apple Podcasts 使用訂閱與否來區分頁面呈現方式還蠻有意思的,或許除了直接口頭宣傳外,可以讓頻道主利用頻道版面不同的資訊呈現,引導聽眾「訂閱」自己的頻道,也可以透過額外的資訊,讓訂戶能享有更多福利,也能在某種程度上達到分眾行銷,而這些就要透過製作團隊的巧思了。

謝謝收看


相關資源

https://podnews.net/article/html-episode-notes-in-podcast-rss

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *