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

Iframe的優(yōu)化

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

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

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

但這個(gè)問(wèn)題我們也要辯證的來(lái)看待，因?yàn)槭挛锉旧頉](méi)有好與壞，無(wú)非在于使用它的人如何使用。接下來(lái)為大家從正反兩兩面詳細(xì)解讀iframe。

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

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

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

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

5、使用iframe的利端

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

三、使用iframe的弊端"

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

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

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

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

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

五、iframe的定義和屬性

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

HTML 與 XHTML 之間的差異

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

提示和注釋：

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

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

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

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

HTML5不再支持使用frame，關(guān)于frame與iframe的區(qū)別，可以參閱

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

基本使用

src：規(guī)定在iframe中顯示的文檔的URL。

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

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

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

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

sandbox：?jiǎn)⒂靡幌盗袑?duì)iframe中內(nèi)容的額外限制。

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

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

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

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

使用場(chǎng)景

加載其他域的網(wǎng)頁(yè)

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

典型系統(tǒng)結(jié)構(gòu)

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

實(shí)現(xiàn)Ajax

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

加載廣告

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

提交表單

可以使用iframe提交表單來(lái)避免整個(gè)頁(yè)面的刷新，還可以實(shí)現(xiàn)無(wú)刷新文件上傳的操作。

優(yōu)缺點(diǎn)

優(yōu)點(diǎn)

可以跨域請(qǐng)求其他網(wǎng)站，并將網(wǎng)站完整展示出來(lái)

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

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

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

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

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

缺點(diǎn)

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

加載了新頁(yè)面，增加了css與js文件的請(qǐng)求，即額外增加了HTTP請(qǐng)求，增加了服務(wù)器負(fù)擔(dān)。

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

不利于SEO，搜索引擎的爬蟲(chóng)無(wú)法解讀iframe的頁(yè)面。

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

iframe與主頁(yè)面是共享鏈接池的，若iframe加載時(shí)用光了鏈接池，則會(huì)造成主頁(yè)面加載阻塞。

分享題目：Iframe對(duì)SEO的影響及優(yōu)缺點(diǎn)
文章位置：http://m.rwnh.cn/news43/112643.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、關(guān)鍵詞優(yōu)化、軟件開(kāi)發(fā)、營(yíng)銷型網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、小程序開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)