在網(wǎng)頁中使用框架結(jié)構(gòu)有很大的一個弊病，搜索引擎蜘蛛無法識別這樣的網(wǎng)頁，他們只看到框架而無法找到鏈接，因此他們會以為該網(wǎng)站是個死站點，并且很快就離開，假設(shè)搜索結(jié)果頁沒有呈現(xiàn)出你網(wǎng)站的信息，那將是一場災難。
Iframe的優(yōu)化

1、 網(wǎng)站頂部不要采用iframe，一般情況下一個網(wǎng)站的頂部都是導航欄，如何導航欄使用了iframe，那相對于給搜索引擎蒙上了雙眼，根本就不知道從什么地方下手，怎么能抓取你網(wǎng)站的信息呢。

2、 一個頁面的iframe不要超過兩個，iframe要放置在頁面中關(guān)鍵詞無關(guān)區(qū)域，也可以是廣告區(qū)域。

3、 iframe框架內(nèi)的內(nèi)容盡量是一張圖片或者簡單的網(wǎng)頁即可，如果必須使用框架，那一定要在代碼中使用“noframes”標簽進行優(yōu)化。我們在網(wǎng)頁中盡量不要使用框架結(jié)構(gòu)，SE0主要就是為了讓搜索引擎抓取頁面，提升關(guān)鍵詞在搜索結(jié)果頁面的排名以及讓網(wǎng)站頁面更多的被收錄，從而提升網(wǎng)站知名度。

但這個問題我們也要辯證的來看待，因為事物本身沒有好與壞，無非在于使用它的人如何使用。接下來為大家從正反兩兩面詳細解讀iframe。

4、搜索引擎是如何看待iframe結(jié)構(gòu)

如今已經(jīng)證明iframe里的內(nèi)容是會被搜索引擎抓取的，只是在SEO網(wǎng)絡(luò)營銷建議中提到：“frame/frameset/iframee標簽,會導致百度spider的抓取困難,建議不要使用”。

網(wǎng)絡(luò)營銷搜索引擎的蜘蛛不會識別在iframe中被調(diào)用的圖片、文本、url等內(nèi)容的，因為該內(nèi)容不屬于該頁面，只是訪問的時候被臨時的調(diào)用。

從網(wǎng)站HTML代碼中使用iframe標簽的代碼和使用后的效果來看，我們可以看到上面寫著籃色的iframe優(yōu)化幾個字，但是蜘蛛是抓不到這幾個字的，蜘蛛只能抓取到少量的代碼。

5、使用iframe的利端

我們可以聯(lián)想到例外一個html中常用的標簽nofollow，既然使用iframe標簽可以讓蜘蛛對該部分抓取困難，那我們就可以把我們網(wǎng)站推廣的一些需要給用戶看的，而不需要給網(wǎng)絡(luò)營銷搜索引擎看到的信息使用iframe標簽來設(shè)計，這樣就可以讓iframe變廢為寶了，而且有代碼瘦身的作用，舉一個例子，比如一些大型網(wǎng)站推廣首頁的備-案信息，榮zhengshu，認證等之類的網(wǎng)絡(luò)營銷鏈接，這些我們不需要給網(wǎng)絡(luò)營銷搜索引擎看，因為這樣稀釋了網(wǎng)站推廣首頁的權(quán)重，我們就可以搭配iframe來使用，而且只需要在首頁被使用，其他頁面可以不需要這些信息，還有一般在門戶站投放的廣告都是用iframe調(diào)用的，這是為了放廣告，又不給那些廣告鏈接輸送權(quán)重。是不是很完美呢，這就是其利。

三、使用iframe的弊端"

在百度的搜索引擎優(yōu)化技能中我們可以看到：“frame/frameset/iframe標簽,會導致百度蜘蛛的抓取困難,建議不要使用”。所以說目前所有的搜索引擎都無法識別頁面ifram框架中被調(diào)用的鏈接、文本、圖片等等內(nèi)容的，原因很簡單因為該內(nèi)容不屬于該頁面，只是在用戶訪問的時候被臨時的調(diào)用。而且網(wǎng)站首頁使用ifram被搜索引擎視為不友好表現(xiàn)，可能導致網(wǎng)站降權(quán)和關(guān)鍵詞排名下降。這樣就可以很明顯的看出其存在的弊端了。

四、如何將iframe的弊端降到最低

1、網(wǎng)站頂部（導航欄目以上就算是頂部）不要采用iframe框架結(jié)構(gòu)，一般放在中間或尾部；

2、一個頁面的iframe不要太多，真的有那么多廣告放（有錢賺），那最多也只能放兩個（個人經(jīng)驗），這的大家有興趣可以測試下，反正我放兩個是沒有影響的；

3、iframe框架內(nèi)的內(nèi)容盡量簡單，一般就是一個圖片或者簡單的網(wǎng)頁；

五、iframe的定義和屬性

iframe 元素會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架（即行內(nèi)框架）。

HTML 與 XHTML 之間的差異

在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。

提示和注釋：

提示：您可以把需要的文本放置在 之間，這樣就可以應(yīng)對無法理解 iframe 的瀏覽器。

iframe標簽是成對出現(xiàn)的,以結(jié)束

iframe標簽內(nèi)的內(nèi)容可以做為瀏覽器不支持iframe標簽時顯示。

iframe框架及優(yōu)缺點

HTML5不再支持使用frame，關(guān)于frame與iframe的區(qū)別，可以參閱 
https://www.cnblogs.com/songzhixue/p/11261118.html
基本使用
src：規(guī)定在iframe中顯示的文檔的URL。

frameborder：規(guī)定是否顯示框架周圍的邊框。

scrolling：規(guī)定是否在 iframe 中顯示滾動條。

width：規(guī)定iframe的寬度，建議使用CSS替代。

height：規(guī)定iframe的高度，建議使用CSS替代。

sandbox：啟用一系列對iframe中內(nèi)容的額外限制。

marginwidth：定義iframe的左側(cè)和右側(cè)的邊距。

marginheight：定義iframe的頂部和底部的邊距。

srcdoc：規(guī)定在iframe中顯示的頁面的HTML內(nèi)容。

align：規(guī)定如何根據(jù)周圍的元素來對齊此框架，建議使用樣式替代。

使用場景
加載其他域的網(wǎng)頁
<iframe>是允許跨域請求資源的，但是不能夠修改，由此可以在網(wǎng)頁中嵌套其他網(wǎng)頁，如需要跨域通信的話，需要考慮document.domain、window.name、window.postMessage。

典型系統(tǒng)結(jié)構(gòu)
典型的系統(tǒng)結(jié)構(gòu)，左側(cè)是功能樹，上部為個人信息，右側(cè)就是實際功能，使用iframe將功能單獨分離出來，當然也可以使用vue和react進行實現(xiàn)。

實現(xiàn)Ajax
可以使用iframe進行實現(xiàn)異步請求發(fā)送，來模擬Ajax的請求操作，Ajax的異步請求完成操作為XHR.readyState === 4執(zhí)行callback，iframe使用iframe.onload執(zhí)行callback，還可以實現(xiàn)一個輪詢長連接。

加載廣告
廣告是與原文無關(guān)的，假如硬編碼進去，會造成網(wǎng)頁布局的紊亂,而且這樣勢必需要引入額外的css和js文件，極大的降低了網(wǎng)頁的安全性，使用iframe便可以解決這些問題。

提交表單
可以使用iframe提交表單來避免整個頁面的刷新，還可以實現(xiàn)無刷新文件上傳的操作。

優(yōu)缺點
優(yōu)點
可以跨域請求其他網(wǎng)站，并將網(wǎng)站完整展示出來

典型系統(tǒng)結(jié)構(gòu)可以提高代碼的復用性

創(chuàng)建一個全新的獨立的宿主環(huán)境，可以隔離或者訪問原生接口及對象

模塊分離，若多個頁面引用同一個iframe，則便于修改操作

實現(xiàn)廣告展示的一個解決方案

若需要刷新iframe則只需要刷新框架內(nèi)，不需要刷新整個頁面

缺點
iframes阻塞頁面加載，影響網(wǎng)頁加載速度，iframe加載完畢后才會觸發(fā)window.onload事件，動態(tài)設(shè)置src可解決這個問題。

加載了新頁面，增加了css與js文件的請求，即額外增加了HTTP請求，增加了服務(wù)器負擔。

有時iframe由于頁面擠占空間的原因出現(xiàn)滾動條，造成布局混亂。

不利于SEO，搜索引擎的爬蟲無法解讀iframe的頁面。

有些小型的移動設(shè)備如手機等無法完全顯示框架，兼容性較差。

iframe與主頁面是共享鏈接池的，若iframe加載時用光了鏈接池，則會造成主頁面加載阻塞。