[教學]如何解決網站被7headlines的iframe蓋台?

廣播電台會有蓋台問題,其實網站也有蓋台問題,只是你沒有發現。目前最常用於蓋台的東西就是使用iframe」嵌入網站。雖說,這是前一個世代的網頁設計方式,不免俗的,香腸也經歷過這樣的年代,早期使用frontpage來製作框架網頁。不過邁入Web2.0的年代已經許久,卻還有人用iframe的方式設計?大部分就是應用在「框入別人的文章」。

或許你以使用者的角度看別人網站被框住,覺得沒什麼,就頂多上方有個別人家的Bar,裡面的資料都還是清楚可看,但換個角度看來,這很像是借用(或說盜用)別人的網站內容。對於讀者來說,只是多個框,網站還是看得到內容沒差。對於網站經營者來說,不一定覺得是件好事。可能會造成瀏覽人次下降?搜尋排名被擠到?廣告收益下降?


印象中,從2007~2008年funp推推王的推文機制,讓各家的部落格網站框在他們家的網址下,讓別人可以方便看文與推文,同時也可以快速回到funp主網站。當時,就有一些聲浪,大家起了反蓋台的活動。但該網站到後期已經沒落,原團隊轉為接洽Facebook廣告代理商,這個當年風光一時的網站就此停擺。不過回到重點,我們這邊要討論的是iframe蓋台問題。

以網站經營者角度來看待iframe蓋台問題,可能會發生的問題有,讀者會以為你的網站內容怎麼這麼窄?旁邊都廣告?然後很快地離開網站。在Google AdSense廣告機制中,在iframe框架內放送廣告會不會有問題?會不會造成廣告收益下降?再來,從SEO角度看,網站成為iframe部分內容,是否意味者網站的SEO收錄狀況出問題,可能被Google封鎖、收錄不到?種種不可確認的因素,你還坐視不管嗎?

[教學]如何解決網站被7headlines的iframe蓋台?

雖然以上提到的問題都是以假設為前提去猜測,不過有疑問無解答的,我們盡可能避免這些問題發生。此外,蓋台的感覺很像是別人在你不知道的情況下,偷用了你的內容,這感覺其實不太好。繼funp推推王之後,目前應該是7Headlines為大宗,現在不論是7headlines也好、funp也好,只要有人用iframe框住你網站,我們通通要避免掉,就讓我們透過一段簡單的語法解決這個iframe盜文、蓋台的問題。

如何查詢自己網站有被7headlines的iframe蓋台?

第1步  首先開啟Google搜尋,輸入「 你網站名稱 site:7headlines.com」即可查詢。前面的網站名稱可以換成任何要查詢的關鍵字。輸入後,可以認點一篇是你網站的標題進入。

[教學]如何解決網站被7headlines的iframe蓋台?

第2步  接著你就會發現,為什麼網址不是你的?而是7headlines的網址?而且上方與左右,都是別人家框架,閱讀上的空間真的很窄,不舒服!這就是所謂的iframe蓋台了,外框是別人家的但內容是你自己的網站。雖說7headlines是一個資訊入口網站,不過在未經站長的同意而蓋台,其實不太OK。

[教學]如何解決網站被7headlines的iframe蓋台?

解決 iframe 蓋台問題

解決方法很簡單,你可以主動與7headlines聯繫,不過中間手續應該頗複雜的,你可能想到就懶惰了。那我們就用比較被動的方式,透過在自己的網站加入一串Javascript語法,當使用者點入7headlines的iframe框架,或是點入任何有人框住你網頁的網站,他就會自動跳轉到你自己的網站囉!

第1步 以WordPress網站來說,請開啟當前正在使用的佈景主題其中的header.php檔案,接著找到「</head>」標籤之前的位置,輸入以下的語法。

[教學]如何解決網站被7headlines的iframe蓋台?

第2步  上傳並覆蓋掉檔案,就可以解決這個問題了。如果網站有使用Cache外掛,記得清理一下快取才會生效。如果你的網站是Blogger,要考慮到多國家的Blogger網域的問題,那你可以參考Wayne Fu針對Blogger寫的修改教學

測試網址http://www.7headlines.com/article/show/421291415

Google 翻譯還能用嗎?

如果加入了這樣的語法,可能造成網站無法被別人使用Google翻譯,因為Google翻譯或是網路上大多可以翻譯網頁的工具都是iframe的機制。但是,經過實測,Google翻譯可以正常,但是就會把框框跳掉,變成訪客無法找到正確的URL介面,可能要分享網址給他人,也不一定能分享。

先看阿福的正常版:

[教學]如何解決網站被7headlines的iframe蓋台?

再看香腸的封鎖版:

[教學]如何解決網站被7headlines的iframe蓋台?

Google 快取頁面是iframe嗎?

經過測試Google的快取頁面並不是iframe,如果他是iframe就不可能抓到網頁的舊頁面快取了,所以瀏覽器的快取畫面可以不用擔心。

[教學]如何解決網站被7headlines的iframe蓋台?

MyShare書籤也加入iframe蓋台?

網路上實在是太多會iframe網站的服務了,我們也無法一一找到,只能透過這樣的方式來避免。在測試與撰寫這篇文章的過程中,其實發現智邦的MyShare書籤也是這樣的問題。但透過以上的一小段iframe語法,繼可以解決囉!

測試網址http://myshare.url.com.tw/note/225320

[教學]如何解決網站被7headlines的iframe蓋台?

其實另外還可以透過PHP的「header(‘X-FRAME-OPTIONS: SAMEORIGIN’);」語法做到,但網站就是直接噴空白,不會有跳轉,可能在搜尋上會比較好,畢竟不是快速跳轉。而原先的做法可以快速跳轉導流量,解決框架問題。但這麼快速度的跳轉,究竟會不會對SEO產生影響?是幫助還是害處?幾乎不到一秒的時間就跳轉,是否會被當成惡意網站呢?這些問題點大家都可以想一下哦!