跳至主要內容
×

使用 iframe 有哪些風險與建議?

iframe 可用來嵌入影片、地圖、文件或第三方應用,但是否適合使用,取決於來源可信度、內容用途與載入方式。主要風險包括不可信內容帶來的安全問題、額外載入拖慢頁面,以及未預留尺寸造成版面位移。建議只嵌入有明確用途的內容、評估 sandbox 限制功能,並設定尺寸;也不要把嵌入外站內容視為直接提升本站排名的方法。

來源可信度與功能限制,要一起考慮

Neil Patel 的 2023 年文章以惡意 iframe 導向假登入頁為例,說明使用者可能被誘導交出帳號密碼。這是風險情境,不代表每個 iframe 都會竊取資料;重點在於誰提供內容,以及嵌入內容能做什麼。

  • 優先採用可信來源:確認提供者是否可靠,不任意嵌入來路不明的內容。
  • 評估啟用 sandbox:該屬性可限制 iframe 功能、降低風險,但不能把它當成安全保證。
  • 確認內容與頁面相關:例如在交通資訊頁放地圖,比加入與主題無關的外部元件更有明確用途。

載入速度與版面位移,是兩種不同問題

Semrush 的 2024 年文章指出,嵌入 iframe 意味著頁面還要載入另一個網站的內容,可能增加等待時間。因此應先移除不必要的嵌入,而不是只因為外部元件容易加入,就全部放上頁面。

另一個問題是空間配置。未設定尺寸的 iframe、廣告或其他嵌入內容,載入時可能把原本的文字推開。即使等待時間可以接受,閱讀位置突然改變仍會干擾使用。實作時應設定尺寸、預留版面空間;第三方廣告的大小可能較難控制,更需要留意這項限制。

不要把「能否索引」與「本站排名收益」混為一談

提供的文章對索引有歧見:Semrush 在 2024 年文章中稱 iframe 內的內容不會被搜尋引擎索引;Neil Patel 的 2023 年文章則表示搜尋引擎可以抓取與索引。這些材料不足以支持「iframe 一律不能被索引」的結論。

至於排名,Semrush 的說法是外部 iframe 內容被視為屬於其他網站,因此不直接幫助本站排名。這與是否能被索引並非同一問題,也不能反推成只要使用 iframe 就會掉排名。

替代方案要配合需求,不是全面改用 JavaScript

若需要動態載入、更新內容或更多控制,JavaScript 是可考慮的方案;但 Neil Patel 同時提醒,其實作較複雜,行為也可能因瀏覽器而異。選擇時應一起評估網站平台、內容類型、訪客裝置與瀏覽器,以及預期目標,不能只憑「不用 iframe」就認定更適合。

使用 iframe 的網路各方意見

不想讓媒體頁直接被索引,卻希望嵌入內容被索引,該怎麼辦?

Semrush 的歷史文章介紹過將 noindex 與 indexifembedded 搭配使用:適用於不希望媒體頁直接被索引、卻希望其透過 iframe 嵌入其他頁面時可被 Google 索引的情境。文章也提醒,並非所有搜尋引擎都支援;提供的材料不足以確認目前的適用規則。

AJAX 一定比 iframe 更適合嵌入內容嗎?

不一定。Neil Patel 的 2023 年文章認為,AJAX 通常較快且較容易被爬取,而 iframe 較容易實作,並支援較廣泛的瀏覽器與裝置。這是文章的概括比較,不代表所有網站都有相同結果;選擇時仍要考慮嵌入內容、網站平台、訪客使用的瀏覽器和裝置,以及預期目標。

參考資料

  1. Ultimate Guide to iFrame SEOneilpatel.com · 2023-09-12T19:00:00+00:00 — 討論:AJAX 一定比 iframe 更適合嵌入內容嗎?
  2. 12 SEO HTML Tags You Need to Knowwww.semrush.com · 2024-05-07T13:23:00Z — 本文論述的參考來源。
  3. Meta Robots Tag & X-Robots-Tag Explainedwww.semrush.com · 2020-12-16T14:16:00Z — 討論:不想讓媒體頁直接被索引,卻希望嵌入內容被索引,該怎麼辦?
  4. Cumulative Layout Shift: What It Is & How to Improve Your Scorewww.semrush.com · 2024-04-26T09:59:00Z — 本文論述的參考來源。
把問題繼續聊下去

一起討論 0 則留言

你遇到什麼狀況?留下問題或實作經驗,一起找到下一步。

目前還沒有留言,歡迎開始第一個討論。

留下你的想法

← 繼續找答案
聊聊你的需求

從你的品牌開始聊。

告訴我你的網站,以及你希望達成的目標。

用 LINE 聊聊 tony@procrustes.info