2021-05-07 分類: 網站建設
在網頁中使用框架結構有很大的一個弊病,搜索引擎蜘蛛無法識別這樣的網頁,他們只看到框架而無法找到鏈接,因此他們會以為該網站是個死站點,并且很快就離開,假設搜索結果頁沒有呈現出你網站的信息,那將是一場災難。
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://m.newbst.com/news43/112643.html
成都網站建設公司_創新互聯,為您提供網站排名、關鍵詞優化、軟件開發、營銷型網站建設、自適應網站、小程序開發
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容