💡 快速答案:網站使用 iframe 對 SEO 有影響嗎?
iframe 內容不算你的頁面內容:Google 主要索引外框頁,iframe 裡的文字不貢獻你的 SEO。適合嵌入「工具型內容」(地圖、影片、表單、日曆);不適合放主要內容。資安面記得加 sandbox 屬性與只嵌可信來源。
iframe是常見的HTML語法，許多部落客都喜歡藉由iframe置入其他網頁內容，但近年卻越來越少人使用，究竟是為什麼呢？接下來我們將會解析iframe的完整資訊，並解釋為什麼iframe不再被網站管理者青睞的原因，讓你更瞭解iframe的優缺點。
iframe是什麼？
iframe即是HTML語法中的內嵌框架（inline frame），可以在一個網頁中建立獨立區域，將另一個網頁嵌入其中，使用時以<iframe>呈現。通常用在頁面中顯示社群網頁的資訊，如：
<iframe src=”http://www.xxxx.com/”>
</iframe>
常用的iframe屬性
<iframe src>：指定要嵌入的頁面網址。
<iframe height>：設定iframe區域的高度，以像素為單位。
<iframe width>：設定iframe區域的寬度，以像素為單位。
<iframe name>：設定該iframe的名稱。
<iframe sandbox>：可針對iframe內的內容增加限制，若無特別指定，則是啟用所有限制，或個別設置不同的限制條件，如以下4種常見項目：
- <allow-forms>：允許該iframe提交表單。
- <allow-orientation-lock>：在使用者透過行動裝置瀏覽頁面時，允許鎖定螢幕方向。
- <popups>：允許彈跳視窗出現。
- <allow-scripts>：允許該iframe可執行JavaScript。
iframe優點
使用iframe可以讓單一頁面擁有多樣內容，呈現來自其他網域的網頁內容，豐富網站瀏覽版面。
為什麼越來越少人使用iframe？解析4大iframe缺點
雖然iframe可以增加網頁的豐富度，但因為以下4個缺點，使得越來越少人使用iframe。
1.增加載入速度
在頁面中使用iframe，將延阻onload事件的載入速度，佔據網頁讀取資源，使網站伺服器要額外花時間傳輸頁面內容。尤其越舊的瀏覽器，能同時加載的容量越少，建議採用JavaScript語法，動態添加iframe內容。
2.搜尋引擎演算法無法檢索
搜尋引擎在爬取網頁時，無法檢索由iframe嵌入的網頁內容，換句話說該區域將無法被搜尋引擎解讀。
3.嵌入頁面可能成為資安破口
利用iframe嵌入其他頁面內容，在無法確認他網頁面是否安全的情況下，很容易被不肖人士植入電腦病毒或木馬等惡意程式，增加資安破口。
4.影響使用者體驗
iframe嵌入的內容會擠壓本身頁面的版位，造成閱讀不易，且較少行動裝置可對應iframe內容，容易影響使用者體驗。
在Wordpress使用iframe，能幫助網站提升SEO表現嗎？
由於搜尋引擎的檢索機器人無法檢索iframe的內容，設置iframe其實對於網站SEO沒有實質影響，如要讓搜尋引擎訪問iframe，可以在robot.txt內設定，更新至網站後台，檢索機器人就會瞭解iframe內容來自其他頁面。
不使用iframe，也能讓網站呈現豐富內容｜戰國策集團網站設計服務
在電子商務蓬勃發展的時代，不分大小企業都需要透過網站搶佔電商商機，而網站本身的設計與使用體驗將是影響顧客對企業的感官與信任感。戰國策集團投入網站領域已26+年，以豐富的實務經驗，專業的網路技術，幫助您架設兼具視覺豐富與順暢實用的企業網站。
歡迎聯繫我們，為您製作優質網站！
戰國策網頁設計五大的服務優勢 :
1. 穩健經營與豐富經驗
戰國策自2000年成立以來，已經26+年穩健經營，憑藉卓越的服務和誠信經營，贏得了市場的高度信任和認可。公司擁有超過三萬家企業客戶，其中包括許多知名的上市和上櫃公司。我們專注於每一個網頁設計專案，提供專業的諮詢服務與執行計畫，確保客戶的每一分投入都能產生最大的價值。我們擁有近萬家的網站製作經驗，並免費提供網站架構規劃，讓客戶從一開始就走在正確的方向上。
2. 專業團隊與一站式服務
每個專案都有專屬的網路顧問、網管技術專案經理、資深網頁設計師、程式開發工程師及客服經理為您量身服務，確保每個環節都達到最佳效果。我們不僅提供網頁設計，還擁有豐富的主機管理和維運經驗，能夠一站式滿足客戶的所有需求，從設計、開發到後續的網站運維，為您省去多方協調的麻煩，是您最值得信賴的行銷夥伴。
3. 全年無休服務與終身保固
戰國策致力於為客戶提供無微不至的服務，我們的客服團隊全年無休，隨時準備為您解決任何問題。此外，我們還提供終身保固服務，確保您的網站在任何時候都能正常運作，為您的業務保駕護航。這種持續的支持和保障讓客戶可以放心依賴我們的服務，無需擔心未來的技術問題。
4. 開放性原始碼保障客戶權益
戰國策提供給每位客戶完整且開放的網站系統程式原始碼，並承諾完全0抽成。客戶可以自行掌握名單、會員完整資料、金流、定價機制等核心資料，未來絕對不會被系統廠商綁死。這樣的透明和開放性確保了客戶的自主權，讓您在網站運營上擁有完全的掌控力和靈活性。
5. 免費網站架構規劃與行銷支持
我們不僅提供專業的網站設計服務，還免費為客戶規劃網站架構，並撰寫公司簡介及品牌故事。此外，我們還提供網路行銷服務，幫助您的品牌在網路上獲得更多的曝光和商機。這些增值服務確保您的網站不僅美觀且功能齊全，還能有效推廣您的業務，提升市場競爭力。
如果您有任何問題
歡迎諮詢戰國策365天全年無休的客服中心
加入官方LINE:@119m
免付費客服專線 0800-003-191
常見問題 FAQ
網站嵌入YouTube影片會拖慢載入速度嗎？
會，因為iframe會載入播放器本身的JS與資源，延遲頁面onload事件，尤其行動裝置更明顯。建議採用lazy loading，讓影片只在使用者捲動到該區塊才載入，或使用facade模式，先顯示縮圖與播放鍵，點擊後才真正載入iframe播放器，這樣可省下1到2秒的LCP時間，對Core Web Vitals分數與使用者體驗都有幫助。
iframe高度無法自適應內容該怎麼處理？
同網域的iframe可以用JavaScript讓內外頁面互相溝通，動態抓取內容高度後調整iframe的height屬性。跨網域時因瀏覽器安全限制無法直接讀取內容高度，需靠postMessage機制讓被嵌入頁面主動回傳尺寸資訊，或簡單一點用CSS的aspect-ratio搭配固定比例容器，讓iframe依照容器比例縮放，避免內容被裁切或出現大片空白。
除了iframe還有哪些嵌入內容的替代方案？
常見替代方案有三種。第一是透過API拉取資料自行渲染成HTML，SEO效果最好但需要額外開發成本。第二是oEmbed，WordPress原生支援，貼上網址就能自動轉成嵌入卡片，操作簡單。第三是Web Component技術，彈性較高但技術門檻也較高。如果只是嵌入地圖、表單、日曆這類工具型內容，iframe仍是最省事快速的做法。
iframe對網站SEO有什麼影響？
iframe裡的內容不算你網頁的內容，Google主要索引的是外框頁面本身，iframe內嵌的文字幾乎不會貢獻SEO排名。如果把重要文章或商品說明放進iframe，等於白白浪費這塊內容的搜尋曝光機會。適合嵌入地圖、影片、表單、日曆這類輔助性工具內容，不建議把主要銷售文案或關鍵字內容放在iframe裡面，否則收錄效果會大打折扣。
iframe會造成資安風險嗎？該如何防範？
會，如果嵌入來源不明或未加防護的頁面，惡意程式可能透過iframe植入木馬或進行釣魚攻擊，形成資安破口。建議一律加上sandbox屬性，限制iframe內容的執行權限，只在確實需要時才開啟allow-scripts、allow-forms等特定權限，並且只嵌入信任度高、有HTTPS加密的來源網址，定期檢查嵌入來源是否仍安全可靠，降低被入侵風險。
使用iframe會影響使用者體驗嗎？
會，iframe內容常會擠壓原本頁面的版面配置，造成閱讀動線混亂，尤其在手機瀏覽時，許多iframe內容無法自動適應小螢幕，容易出現需要左右滑動或內容被截斷的狀況。行動裝置的相容性本來就較差，使用者體驗因此打折扣。設計時建議搭配RWD容器與固定比例設定，並優先評估是否真的需要用iframe呈現該區塊內容。
iframe的sandbox屬性怎麼設定才安全？
預設不加任何值時sandbox會啟用最嚴格限制，等於封鎖大部分互動功能，之後再依需求逐一開放。常見設定包括allow-forms允許提交表單、allow-scripts允許執行JavaScript、popups允許彈跳視窗、allow-orientation-lock允許鎖定螢幕方向。原則是能不開的權限就不開，只開放該嵌入內容實際需要的功能，把風險降到最低，避免整個網站因單一嵌入內容被攻破。
WordPress網站用iframe會不會被搜尋引擎忽略內容？
iframe內容確實不會被檢索機器人直接讀取並計入你的頁面內容，對SEO沒有實質加分效果。如果希望搜尋引擎理解iframe來源，可以在robots.txt中做相關設定，讓機器人辨識該內容是引用自其他頁面。但這並不會讓iframe內容變成你網站的排名資產，重要的關鍵字內容還是建議直接寫進頁面本文，而非透過iframe呈現。
什麼情況下適合用iframe，什麼情況不適合？
適合用在工具型、互動型內容，例如Google地圖、表單問卷、線上日曆預約系統、第三方影片播放器，這些內容本來就需要即時同步外部資料，用iframe最省事。不適合用在你希望被搜尋引擎收錄、想累積SEO權重的主要內容，例如商品說明、部落格文章、品牌介紹，這類內容應該直接寫在頁面本文中，才能被完整索引並帶來流量。
網站不用iframe還能做出豐富多元的版面嗎？
可以，透過扎實的網頁設計規劃與前端技術，不需要依賴iframe也能呈現豐富互動的版面，例如自製元件、AJAX動態載入、API整合資料等方式，同時兼顧SEO與載入速度。戰國策集團投入網站領域超過26年，提供從架構規劃、設計到後續維運的一站式服務，並有終身保固與全年無休客服，歡迎透過0800-003-191或加LINE@119m免費諮詢企業網站需求。
成立於 2000 年、總部位於台北的一站式網路服務公司,提供網頁設計、虛擬主機、雲端代管、GPU 主機(NVIDIA H100)、SEO / AI SEO、口碑行銷與 AI 導入服務。26 年來服務超過 30,000 家企業客戶、1,200+ 家經銷商,機房遍及 40 國。免費專線 0800-003-191|LINE @119m|www.nss.com.tw