2021-05-07 分類: 網(wǎng)站建設
在網(wǎng)頁中使用框架結(jié)構(gòu)有很大的一個弊病,搜索引擎蜘蛛無法識別這樣的網(wǎng)頁,他們只看到框架而無法找到鏈接,因此他們會以為該網(wǎng)站是個死站點,并且很快就離開,假設搜索結(jié)果頁沒有呈現(xiàn)出你網(wǎng)站的信息,那將是一場災難。
Iframe的優(yōu)化
1、 網(wǎng)站頂部不要采用iframe,一般情況下一個網(wǎng)站的頂部都是導航欄,如何導航欄使用了iframe,那相對于給搜索引擎蒙上了雙眼,根本就不知道從什么地方下手,怎么能抓取你網(wǎng)站的信息呢。
2、 一個頁面的iframe不要超過兩個,iframe要放置在頁面中關鍵詞無關區(qū)域,也可以是廣告區(qū)域。
3、 iframe框架內(nèi)的內(nèi)容盡量是一張圖片或者簡單的網(wǎng)頁即可,如果必須使用框架,那一定要在代碼中使用“noframes”標簽進行優(yōu)化。我們在網(wǎng)頁中盡量不要使用框架結(jié)構(gòu),SE0主要就是為了讓搜索引擎抓取頁面,提升關鍵詞在搜索結(jié)果頁面的排名以及讓網(wǎng)站頁面更多的被收錄,從而提升網(wǎng)站知名度。
但這個問題我們也要辯證的來看待,因為事物本身沒有好與壞,無非在于使用它的人如何使用。接下來為大家從正反兩兩面詳細解讀iframe。
4、搜索引擎是如何看待iframe結(jié)構(gòu)
如今已經(jīng)證明iframe里的內(nèi)容是會被搜索引擎抓取的,只是在SEO網(wǎng)絡營銷建議中提到:“frame/frameset/iframee標簽,會導致百度spider的抓取困難,建議不要使用”。
網(wǎng)絡營銷搜索引擎的蜘蛛不會識別在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)絡營銷搜索引擎看到的信息使用iframe標簽來設計,這樣就可以讓iframe變廢為寶了,而且有代碼瘦身的作用,舉一個例子,比如一些大型網(wǎng)站推廣首頁的備-案信息,榮zhengshu,認證等之類的網(wǎng)絡營銷鏈接,這些我們不需要給網(wǎng)絡營銷搜索引擎看,因為這樣稀釋了網(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)和關鍵詞排名下降。這樣就可以很明顯的看出其存在的弊端了。
四、如何將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 元素。
提示和注釋:
提示:您可以把需要的文本放置在 之間,這樣就可以應對無法理解 iframe 的瀏覽器。
iframe標簽是成對出現(xiàn)的,以結(jié)束
iframe標簽內(nèi)的內(nèi)容可以做為瀏覽器不支持iframe標簽時顯示。
iframe框架及優(yōu)缺點
HTML5不再支持使用frame,關于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)頁
典型系統(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)一個輪詢長連接。
加載廣告
廣告是與原文無關的,假如硬編碼進去,會造成網(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)設置src可解決這個問題。
加載了新頁面,增加了css與js文件的請求,即額外增加了HTTP請求,增加了服務器負擔。
有時iframe由于頁面擠占空間的原因出現(xiàn)滾動條,造成布局混亂。
不利于SEO,搜索引擎的爬蟲無法解讀iframe的頁面。
有些小型的移動設備如手機等無法完全顯示框架,兼容性較差。
iframe與主頁面是共享鏈接池的,若iframe加載時用光了鏈接池,則會造成主頁面加載阻塞。
當前題目:Iframe對SEO的影響及優(yōu)缺點
文章網(wǎng)址:http://jinyejixie.com/news/112643.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供移動網(wǎng)站建設、網(wǎng)站建設、標簽優(yōu)化、手機網(wǎng)站建設、品牌網(wǎng)站建設、外貿(mào)網(wǎng)站建設
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容