導航:首頁 > 網站優化 > 網站彈出框優化

網站彈出框優化

發布時間:2020-10-07 06:31:36

1、一個網站有很多「彈出框窗口」優化時會很困難嗎?

這方面百度在去年已經升級演算法了,彈窗會影響客戶的體驗,但也不是所有的彈窗都不行,可以在網站的右下方,大小適中,不要影響客戶體驗就好。另外,彈窗一定是可以關閉的,效果最好。

2、網頁製作中,如何實現彈出窗口,高分!

在這個網站有很多的http://www.xgdown.com/article/78/ArticleList78_14.htm

你慢慢看吧

在設計網站的時候,在網站有重大的變動,或者需要作什麼聲明的時候,我們就要用到彈出窗口,這時只要我們一進入這個頁面,就會彈出一個窗口,其實要製作這樣的彈出窗口真的非常的容易,只要在該頁面的HTML代碼里加入一段javascript代碼即可實現了。我們就來看看這最簡單的彈出窗口:
把下面的這一段代碼可以加入HTML文件的<head>和</head>之間或者<body>間</body>就行的了,越在前面越早執行的喲!

<SCRIPT LANGUAGE="javascript"> //*javascript腳本的開始標簽,千萬要記得啊
<!-- //*使不支持javascript的瀏覽器瀏覽時也不至於出錯
window.open ('pop1.html') //*這就是關鍵,pop1.html就是你彈出窗口的內容
-->
</SCRIPT>

這里只需要注意這樣一點就行的了:window.open ('pop1.html') 用於控制彈出窗口pop1.html,如果pop1.html不與主窗口文件在同一路徑下,你應該在前面指明路徑,絕對路徑(http://)和相對路徑(../)都可以的。裡面用單引號和雙引號都可以,只是你千萬別混用,一會用單引號,而一會用雙引號。

上面我們實現的是最基本的彈出窗口,我們的起步,我們現在再來看一個稍微復雜點的彈出窗口,你只要對上面的代碼作小小的改動就行的了!這樣我們就能定製彈出窗口的外觀,尺寸大小,彈出的位置以適應該頁面的具體情況和文字的多少。

<SCRIPT LANGUAGE="javascript">
<!--
window.open ('pop2.html', 'popwindow', 'height=200, width=320, top=0, left=24, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//*上面的代碼要寫在一行上面'popwindow' 彈出窗口的標題名字;height=200 彈出窗口高度;width=320 彈出窗口寬度;top=0 彈出窗口距離屏幕上方的象素值;left=24 窗口距離屏幕左側的象素值;toolbar=no 彈出窗口是否顯示工具欄,yes為顯示;menubar,scrollbars 控制彈出窗口的菜單欄和滾動欄的顯示。resizable=no 是否允許改變彈出窗口大小,yes為允許;location=no 彈出窗口是否顯示地址欄,yes為允許;status=no 是否顯示狀態欄內的信息(通常是文件已經打開),yes為允許;
-->
</SCRIPT>

但是我們看到,這樣的彈出窗口實在太簡單的了,你基本上不能對他進行什麼樣的控制和設置,我們需要的是能滿足我們的需要的彈出窗口(現代人是要求越來越高的了),那我們就用下面這個腳本來實現,你不但可以定製窗口大小,你還可以根據自己的需要改成你自己的說明的,這樣的歡迎窗口一定讓你的主頁更酷。
將如下代碼加入HTML代碼的<HEAD>和</HEAD>之間:

<script language="javascript">
<!--
var gt = unescape('%3e');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open(', 'popupnav', 'width=200,height=170,resizable=1,scrollbars=auto');/*width和height是窗口的大小,你可以根據自己的需要進行調整,而resizable是控制窗口大小是否根據文字多少變化,值為0就固定了,為1可以變化,scrollbars是控制滾動條的)
if (popup != null) {
if (popup.opener == null) {
popup.opener = self;
}
popup.location.href = '說明窗口內容文件.html';/*popup.location.href = '用於說明窗口內容.htm',用於設置窗口中出現的內容的文件名。
}
// -->
</script>

有時為了需要我們可以同時彈出兩個窗口,這實現難嗎?其實也不難,如果你理解了上面的,那簡直就易如反掌了,來看看吧,你只要對上面的代碼稍微改動一下就可以的了:

<script LANGUAGE="javascript">
<!--
window.open ("pop1.html", "popwindow1", "height=100, width=120, top=0, left=24,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
window.open ("pop2.html", "popwindow2", "height=100, width=200, top=100, left=144,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//-->
</script>

在這里,我們為了避免彈出的2個窗口覆蓋,用top和left控制一下彈出的位置不要相互覆蓋就可以的了。

有了上面這些, 我想你要做出很酷很好的彈出窗口已經很容易的了,但是我們發現在你訪問一個站點的時候,如果經常出現彈出窗口(每刷新一次就出現),我們就會覺得很煩的,這里我們看看對彈出窗口的一些優化處理:

第一招,我們給彈出窗口加個「關閉窗口「按紐
只要加上這段代碼就行的了:
<FORM>
<INPUT TYPE='BUTTON' VALUE='關閉' onClick='window.close()'>
</FORM>

第二招:讓彈出窗口自己定時關閉
首先,將如下代碼加入pop1.html文件的<head>和</head>之間:

<script language="javascript">
<!--
function closeit() {
setTimeout("self.close()",100000) //單位是毫秒,這里是100秒
</script>

然後,再用<body onload="closeit()"> 這一句話代替pop1.html中原有的<BODY>這一句就可以了。這樣100秒鍾後彈出窗口就會自行關閉

第三招:控制你的彈出窗口只彈出一次(如果每進一次,刷新一次就彈出你不覺得很煩和麻煩嗎?)有什麼好的辦法嗎?
那是當然的啊,我們現在只要使用cookie來控制就能實現這樣的要求了。
首先,你需把將如下代碼加入到頁面HTML的<HEAD>和</HEAD>之間:

<script>
function openwin(){
window.open("pop1.html","","width=120,height=240")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents.cookie.indexOf(";", offset);
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){ //*控制彈出窗口的函數喲,你要使用他的啊
if (get_cookie('popped')=='){
openwin()
documents.cookie="popped=yes"
}
}
//-->
</script>

然後,用<body onload="loadpopup()">替換頁面中原來的<BODY>這一句就行的了。這樣你的彈出窗口就只彈出一次了,既使大家了解了你的信息,也不會覺得煩的。最後祝大家做出你滿意的效果來,到時別忘記了叫我來看看啊!

3、網站設置打開新窗口頁面與本地窗口頁面對SEO有什麼影響?

可能有些人會有這樣的疑問。
本窗口與新窗口的區別就是在於用戶體驗上面的區別:打個比方說,你通過搜索一個關鍵詞到達到A頁面,看著看著你看到A頁面有個錨文本非常的突出,隨之你就去點了一下這個頁面,彈出頁面B,等你看到B頁面的時候,你發現跟你開始看的不一樣了,你想找回到那個頁面也找不到了,於是只能退出了。而新窗口就不同了,你點擊頁面A的錨文本彈出頁面B,要是B的內容不是你所需要的。你也可以關掉頁面B繼續瀏覽A獲取你所要的信息。 所以說站在用戶體驗的角度上面看的話,選擇新窗口是最好的選擇
其實這個問題,從SEO的角度來說,它對於SEO影響主要就是考慮到了百度會將網站的跳出率、用戶訪問時間、頁面退出率等方面去衡量一個網站的用戶體驗如何,這也是為什麼之前的模擬點擊橫行的原因。不過如果網站沒有用百度統計,同時訪問用戶沒有登錄百度賬戶的話,這些數據百度就無法獲取到,僅僅能計算出用戶訪問網站的平均時長和訪問頻次。新窗口打開的話,可以增加訪客停留時間,減少因用戶無意關閉網頁的幾率,從而減少跳出率。
一般網站的首頁都會設置新窗口打開,這個更符合用戶體驗,要不然用戶打開了一個分類頁面後,不是想要的頁面,然後關閉之後會找不到首頁。淘寶客論壇站長Sirius個人逛論壇的習慣就是,喜歡一下子打開N多個網頁,然後一個個的點開看,有些論壇不支持新窗口打開,我還得按著ctrl鍵(小技巧:很多瀏覽器默認按著Ctrl鍵的話,鏈接是在新窗口打開),有點麻煩,尤其是對於那些不知道Ctrl鍵的人來說。
網站的各個分類頁面是同樣的道理,最好設置新窗口打開。一般最終頁面會設置本窗口打開,例如產品頁面或者文章內容頁面。
不過也還有另外一種可能,用戶每次點擊一個鏈接彈出一個窗口,會讓人感到很煩躁,都是同一個網站的內容,點擊的都是相同的主題,為什麼非要多此一舉彈出一個新的窗口呢?這點ZAC老師也說過,是國內網站的通病,關乎到用戶的體驗。我們知道2013年的seo是用戶體驗為王,一個好的用戶體驗是網站seo提升的好法寶,也許你的用戶點擊了多個連接之後感到很煩躁而關閉頁面,致使瀏覽深度不高,跳出率高,用戶體驗度不好,這方面已經加入到百度演算法里排名因素里了。
所以淘寶客論壇站長Sirius建議,兩個要結合使用。對於頁面的打開方式,Sirius一般的做法是,首頁打開欄目或者頻道採用當前頁面;打開詳情頁採用新頁面打開;欄目頁或者頻道頁打開首頁或者同級頁面採用當前窗口,打開詳情頁面採用新窗口。

4、對於網站頁面的優化怎麼做?

單頁面網站的缺點
1、內鏈建設
在內鏈建設上,單頁面網站沒有任何的操作餘地,只能忽視這一項重要的優化手段;
2、流量獲取
我們知道,很多網站的流量是通過二級頁面和內容頁來獲取的,而單頁面網站不存在這樣頁面,所以對於流量而言,無疑對網站是一個重大的打擊;
3、跳出率
對於單頁面網站來說,我們可以不去關注跳出率的變化,因為跳出率肯定是100%的。這樣高的跳出率對於搜索引擎而言很可能會將該網站認為是無價值的網站,導致很難獲得良好的排名。
4、關鍵詞的布局
單頁面網站想要布局大量的關鍵詞的話很容易被認定為關鍵詞堆砌,而關鍵詞堆砌是一種常見的作弊行為,這樣很容易被搜索引擎K掉。

與網站彈出框優化相關的知識