在網頁中使用框架結構有很大的一個弊病，搜索引擎蜘蛛無法識別這樣的網頁，他們只看到框架而無法找到鏈接，因此他們會以為該網站是個死站點，并且很快就離開，假設搜索結果頁沒有呈現出你網站的信息，那將是一場災難。

Iframe的優化

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

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

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

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

4、搜索引擎是如何看待iframe結構

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

網絡營銷搜索引擎的蜘蛛不會識別在iframe中被調用的圖片、文本、url等內容的，因為該內容不屬于該頁面，只是訪問的時候被臨時的調用。

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

5、使用iframe的利端

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

三、使用iframe的弊端"

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

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

1、網站頂部（導航欄目以上就算是頂部）不要采用iframe框架結構，一般放在中間或尾部；

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

3、iframe框架內的內容盡量簡單，一般就是一個圖片或者簡單的網頁；

五、iframe的定義和屬性

iframe 元素會創建包含另外一個文檔的內聯框架（即行內框架）。

HTML 與 XHTML 之間的差異

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

提示和注釋：

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

iframe標簽是成對出現的,以結束

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

iframe框架及優缺點

HTML5不再支持使用frame，關于frame與iframe的區別，可以參閱

https://www.cnblogs.com/songzhixue/p/11261118.html

基本使用

src：規定在iframe中顯示的文檔的URL。

frameborder：規定是否顯示框架周圍的邊框。

scrolling：規定是否在 iframe 中顯示滾動條。

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

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

sandbox：啟用一系列對iframe中內容的額外限制。

marginwidth：定義iframe的左側和右側的邊距。

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

srcdoc：規定在iframe中顯示的頁面的HTML內容。

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

使用場景

加載其他域的網頁

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

典型系統結構

典型的系統結構，左側是功能樹，上部為個人信息，右側就是實際功能，使用iframe將功能單獨分離出來，當然也可以使用vue和react進行實現。

實現Ajax

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

加載廣告

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

提交表單

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

優缺點

優點

可以跨域請求其他網站，并將網站完整展示出來

典型系統結構可以提高代碼的復用性

創建一個全新的獨立的宿主環境，可以隔離或者訪問原生接口及對象

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

實現廣告展示的一個解決方案

若需要刷新iframe則只需要刷新框架內，不需要刷新整個頁面

缺點

iframes阻塞頁面加載，影響網頁加載速度，iframe加載完畢后才會觸發window.onload事件，動態設置src可解決這個問題。

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

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

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

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

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

分享題目：Iframe對SEO的影響及優缺點
文章位置：http://www.js-pz168.com/news43/112643.html

成都網站建設公司_創新互聯，為您提供網站排名、關鍵詞優化、軟件開發、營銷型網站建設、自適應網站、小程序開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯