整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          HTML頁面真的是靜態(tài)的嗎?再想想!

          為HTML頁面只能是靜態(tài)的......再想一想!查看使用HTML頁面進(jìn)行簡單動態(tài)操作的示例。

          根據(jù)靜態(tài)頁面的定義- “它顯示的信息與存儲的完全一致”。因此,如果要構(gòu)建一個(gè)顯示數(shù)據(jù)庫信息的頁面(動態(tài)),那么您將使用服務(wù)器端頁面,如.php / .aspx / .cshtml

          作為一名網(wǎng)絡(luò)開發(fā)人員,我經(jīng)常聽到 HTML頁面是一個(gè)靜態(tài)頁面,所以它不能用于顯示動態(tài)內(nèi)容。” 這聽起來很公平,但并不完全正確。讓我們討論為什么HTML頁面不是真正的靜態(tài)頁面。

          使用HTML頁面進(jìn)行簡單動態(tài)操作

          讓我們使用HTML頁面進(jìn)行簡單而強(qiáng)大的操作。在這里,我將創(chuàng)建一個(gè)用戶可以訂閱博客的功能。這個(gè)功能在互聯(lián)網(wǎng)上很常見!

          您將擁有“輸入”和“按鈕”控件。用戶將輸入他/她的電子郵件并單擊按鈕。單擊該按鈕,他/她的電子郵件應(yīng)存儲在數(shù)據(jù)庫表中,他/她應(yīng)該收到一條感謝信息。

          HTML頁面代碼:

          <input id="email" placeholder="Email Address" />

          <button id="submit">Submit</button>

          <div id="message"></div>

          注意:最后的消息(謝謝)將顯示在“message”div中。

          使HTML頁面動態(tài)化

          現(xiàn)在的問題是,“如何在數(shù)據(jù)庫中插入電子郵件并顯示感謝信息?” 答案是通過 jQuery AJAX 方法。

          這是主要的捕獲!使用jQuery AJAX,我可以將電子郵件值發(fā)送到PHP頁面,然后這個(gè)PHP頁面將它插入到數(shù)據(jù)庫中,然后返回感謝信息。

          我將在按鈕單擊 事件上調(diào)用jQuery AJAX方法,并將電子郵件值發(fā)布到PHP 頁面。

          下面是我們的jQuery AJAX代碼

          $("#submit").click(function (e) {

          $.ajax({

          type: "POST",

          url: "result.php",

          contentType: "application/json; charset=utf-8",

          data: '{"email":"' + $("#email").val() + '"}',

          success: function (msg) {

          $("#message").html(msg);

          },

          error: function (req, status, error) {

          alert(req + " " + status + " " + error);

          }

          });

          return false;

          });

          說明:在上面的jQuery AJAX方法代碼中,我將 url 鍵傳遞給 result.php 頁面。此PHP頁面將接收電子郵件值。

          “數(shù)據(jù)”值(見jQuery的AJAX代碼),將通過電子郵件的用戶填寫輸入控制值。

          AJAX請求成功完成時(shí)將調(diào)用的“ success ”回調(diào)函數(shù)。我在此回調(diào)函數(shù)中從PHP頁面接收返回的值,然后將其放在“ message ”div中。

          如果在AJAX調(diào)用期間出現(xiàn)一些錯(cuò)誤,則調(diào)用“ 錯(cuò)誤 ”回調(diào)函數(shù)。

          最后PHP頁面......

          <?PHP

          $ email = $ _REQUEST ['email'];

          //進(jìn)行數(shù)據(jù)庫操作并在電子郵件中插入電子郵件值。

          //如果插入操作成功,則回顯“您已訂閱”。

          //別的“出了點(diǎn)問題。再試一次。”

          //我假設(shè)操作成功,所以返回

          //“你訂閱了。” 回到j(luò)Query AJAX方法的消息。回聲“謝謝!”;

          ?>

          PHP頁面接收電子郵件值,將其插入數(shù)據(jù)庫,然后發(fā)回謝謝消息。

          代碼部分到此結(jié)束。現(xiàn)在,如果任何Web開發(fā)人員告訴您HTML頁面不能用于顯示動態(tài)內(nèi)容,請禮貌地告訴那個(gè)人,“你錯(cuò)了,還有另一種方式!”

          使用jQuery AJAX, HTML頁面可以像服務(wù)器頁面一樣工作。您可以使用它,從HTML頁面直接創(chuàng)建任何類型的數(shù)據(jù)庫應(yīng)用程序。

          快樂的編碼,不要忘記喜歡這個(gè)教程!

          著信息網(wǎng)絡(luò)的快速發(fā)展,SEO優(yōu)化的方法也千變?nèi)f化,不會一成不變。以前的網(wǎng)站基本上所有網(wǎng)頁都做成是動態(tài)的,因?yàn)檫@樣網(wǎng)站的互動性非常好,但動態(tài)網(wǎng)站的缺點(diǎn)也不能忽略,隨著訪問人數(shù)的增多,服務(wù)器負(fù)載就會不斷增大,最終會出現(xiàn)訪問速度特別慢,甚至崩潰的問題。因此現(xiàn)在很多站長都將網(wǎng)站設(shè)置為靜態(tài)狀態(tài),那么網(wǎng)站頁面靜態(tài)化有什么好處呢?下面天企網(wǎng)絡(luò)小編就來分析一下。

          1、利于搜索引擎抓取和收錄

          靜態(tài)頁面和動態(tài)頁面相對比來說,搜索引擎更喜歡靜態(tài)頁面,對于靜態(tài)頁面搜索引擎能好抓取收錄,這樣利于排名。

          2、網(wǎng)站的穩(wěn)定性好

          首先從安全角度來看,靜態(tài)頁面不容易遭受黑客的攻擊,黑客從你的路徑中看不出你網(wǎng)站的后臺、網(wǎng)站的程序以及數(shù)據(jù)庫的地址。其次靜態(tài)頁面是存放在空間上的一個(gè)文件,它不會因?yàn)槌绦颉?shù)據(jù)庫等出問題,影響網(wǎng)站的正常打開,影響用戶的訪問,所以網(wǎng)站的穩(wěn)定性就高。一個(gè)非常穩(wěn)定的網(wǎng)站不僅僅對搜索引擎友好,同時(shí)也有利于用戶體驗(yàn),這對于提高網(wǎng)站的信用度有很大的幫助。

          3、網(wǎng)頁打開速度快

          我們都知道,動態(tài)頁面存放在數(shù)據(jù)庫中,當(dāng)打開這個(gè)頁面的時(shí)候程序調(diào)用數(shù)據(jù)庫中的表文件,然后把內(nèi)容展現(xiàn)出來,這個(gè)過程就需要一定的時(shí)間。靜態(tài)頁面存放在空間中,一個(gè)頁面相當(dāng)于一個(gè)文件夾,當(dāng)頁面打開的時(shí)候直接打開這個(gè)文件夾就可以,速度相對來說比較快。所以靜態(tài)頁面的優(yōu)勢就先顯現(xiàn)出來了。對于一個(gè)網(wǎng)站來說,首先是打開速度。一個(gè)頁面打開時(shí)需要好幾秒,這樣的網(wǎng)站用戶一定是直接關(guān)掉,所以為了減少用戶的時(shí)間成本盡量選擇靜態(tài)頁面。

          ?4、簡單易讀的頁面

          靜態(tài)頁面往往比較簡單固定,網(wǎng)址參數(shù)很少,對于那些同內(nèi)容卻多url的頁面來說,搜索引擎也往往會以簡單參數(shù)少的url為主,所以對于靜態(tài)頁面來說,搜索引擎SEO排名往往會更加的好,而且就目前的表現(xiàn)來看,很多大型的網(wǎng)站都是以靜態(tài)頁面來展示的,很少會見到那些動態(tài)網(wǎng)頁排名卻好的網(wǎng)站。

          5、利于優(yōu)化的優(yōu)勢

          對于動態(tài)的網(wǎng)頁程序來說,都是必須先要讀取調(diào)用數(shù)據(jù)庫里面的內(nèi)容,才能在前臺顯示數(shù)據(jù),而靜態(tài)的網(wǎng)站頁面來說,直接省略了這一個(gè)步驟,無疑減少了讀取的時(shí)間。特別是那些流量比較大的動態(tài)網(wǎng)站來說,往往影響得更為明顯,會占用不小網(wǎng)站服務(wù)器的資源,網(wǎng)頁的訪問速度也會被拖累的非常的緩慢。

          6、網(wǎng)站安全性

          如果我們選擇了一個(gè)好的服務(wù)器提供商,有自己的安全系統(tǒng),如果黑客不知道我們的網(wǎng)站的后臺、網(wǎng)站采用程序、數(shù)據(jù)庫的地址,那么靜態(tài)網(wǎng)頁更不容易受到黑客的攻擊。

          對于網(wǎng)站頁面靜態(tài)化有什么好處就為大家分享到這里,不過雖然把網(wǎng)頁靜態(tài)化的方法很多,但大家還是應(yīng)該遵循循序漸進(jìn)的原則,這樣才能夠避免百度對我們網(wǎng)站的懲罰。

          站SEO優(yōu)化,動態(tài)的URL要轉(zhuǎn)化為靜態(tài)的URL ,到底動態(tài)URL與靜態(tài)URL有什么區(qū)別呢?為什么要把URL靜態(tài)化或是偽靜態(tài)以及如何做?想必大家在網(wǎng)絡(luò)上搜索一下URL靜態(tài)與URL動態(tài)都能搜出一大推的資料,但是未必看的懂。所以靖歌閣簡單的來介紹一下URL靜態(tài)與URL動態(tài)。希望對大家能有所幫助!

          在較早以前搜索引擎還不能很好的實(shí)現(xiàn)對動態(tài)URL的抓取,簡單來講就是比較費(fèi)勁,而靜態(tài)則比較好抓取,所以動態(tài)URL不受搜索引擎的蜘蛛的歡迎。BUT,搜索引擎目前的發(fā)展可以說已經(jīng)可以克服對動態(tài)URL的抓取。

          靜態(tài)URL地址是直接訪問服務(wù)器本地生成的靜態(tài)html頁面,不會經(jīng)過數(shù)據(jù)庫動態(tài)調(diào)用;而動態(tài)URL是本地沒有生成靜態(tài)的html頁面,直接從數(shù)據(jù)庫調(diào)用展示。URL靜態(tài)化的目的是有利于網(wǎng)站的排名,雖然現(xiàn)在搜索引擎已經(jīng)可以收錄動態(tài)地址,但是在排名上靜態(tài)化的頁面比動態(tài)化有優(yōu)勢,鑒于此做SEO優(yōu)化的朋友盡可能的還是讓網(wǎng)站靜態(tài)化比較好。下面靖歌閣來具體介紹一下!

          一、首先如何識別靜態(tài)URL、動態(tài)URL?

          動態(tài)URL,對應(yīng)動態(tài)頁面,簡單地說就是以“.aspx、.asp、.jsp、.php、.perl、.cgi”為后綴的網(wǎng)頁地址,比如:/case.asp,這就是一個(gè)典型的動態(tài)URL。動態(tài)URL中有可能會出現(xiàn)“?、=、&” 這樣的參數(shù)符號,應(yīng)控制在2-3個(gè)之間。

          靜態(tài)URL,對應(yīng)稱靜態(tài)頁面,通常以.htm、.html、.shtml、.xml為后綴,如.htm ,這是一個(gè)比較典型的靜態(tài)URL。用戶訪問靜態(tài)URL時(shí),網(wǎng)頁不需要再去服務(wù)器調(diào)取數(shù)據(jù),因此加載速度比動態(tài)URL要快,更利于搜索蜘蛛抓取頁面。

          其實(shí),最簡單的方式就是看看鏈接中有沒有出現(xiàn)?、ID等參數(shù),如果URL中含有像問號(?)、等號(=)等這樣的特殊符號的話,可以認(rèn)為這樣URL就是動態(tài)URL。而整個(gè)URL都是有簡單的字母、數(shù)字、斜杠、中文(有時(shí)URL中有中文)組成,并沒有像問號這樣的特殊符號,可以認(rèn)為這樣的URL就是靜態(tài)URL。

          總結(jié):整個(gè)URL里不含”?”就可以認(rèn)為是靜態(tài)URL(可參考靜態(tài)頁面),靜態(tài)化的執(zhí)行速度更快,對搜索引擎更友好。

          二、靜態(tài)URL為什么廣受推崇?

          雖然在抓取動態(tài)URL上有了很大的進(jìn)步,但是如果碰到一長串的動態(tài)URL不能很好的抓取,因此,需要更多精力去分析這條鏈接,靜態(tài)URL則不會。靜態(tài)URL排名比動態(tài)URL更有優(yōu)勢,實(shí)際排名中可以看出來。帶有關(guān)鍵詞的鏈接(特別是谷歌),對排名是有一定的優(yōu)勢。

          用戶體驗(yàn),不管從視覺看還是其他角度,靜態(tài)URL都比動態(tài)URL簡單明了,打開速度也比較快。如果做英文SEO,你搜索一個(gè)關(guān)鍵詞,排名網(wǎng)頁的鏈接中有出現(xiàn)你搜索的關(guān)鍵詞的話就會高亮顯示。

          三、動態(tài)URL怎么變成靜態(tài)URL?

          本質(zhì)上講,真正的靜態(tài)是指靜態(tài)的頁面而不是指靜態(tài)URL,那么后面就衍生出動態(tài)頁面URL靜態(tài)化的一個(gè)概念,被稱之為偽靜態(tài)。不改變頁面的情況下將URL靜態(tài)化。那么,靜態(tài)URL和動態(tài)URL的轉(zhuǎn)換格式應(yīng)該如何做?

          首先看一下你用的是什么開源程序,現(xiàn)在大部分的開源程序都支持偽靜態(tài),只要按操作提示設(shè)置就可以。如果是公司自己的程序,只要找相關(guān)技術(shù)人員幫你處理一下,偽靜態(tài)還是比較容易實(shí)現(xiàn)的。

          目錄或欄目盡量采用/abc的格式,內(nèi)容頁面采用/abc.html的格式;每個(gè)頁面對應(yīng)一個(gè)URL靜態(tài)化后,動態(tài)URL在網(wǎng)頁上是找不到的。

          URL靜態(tài)化將更有利于增加搜索引擎的信任度。網(wǎng)站優(yōu)化主要是網(wǎng)站內(nèi)容優(yōu)化和網(wǎng)站結(jié)構(gòu)優(yōu)化。目前,URL靜態(tài)化也做為搜索引擎一種對網(wǎng)站URL地址的標(biāo)準(zhǔn)化,所以做SEO優(yōu)化竟可能的,規(guī)范化、標(biāo)準(zhǔn)化,這樣不管搜索引擎如何調(diào)整算法或者改動,對你網(wǎng)站的變動不會太大。

          最后,靖歌閣在提醒大家一點(diǎn),如果是谷歌的話,建議不要將動態(tài)URL靜態(tài)化。

          1、 谷歌完全有能力抓取動態(tài)網(wǎng)址,再多問號都不是問題;

          2、動態(tài)網(wǎng)址更有助于googlebot理解URL及網(wǎng)頁的內(nèi)容;

          3、 URL靜態(tài)化很容易弄錯(cuò),帶有參數(shù)的URL可能有助于谷歌讀懂里面的內(nèi)容。

          谷歌的建議是從谷歌自身出發(fā)的,并沒有考慮其他搜索引擎。谷歌抓取任何動態(tài)網(wǎng)址沒問題不等于百度,雅虎,必應(yīng),搜狗等等搜索引擎都沒問題。網(wǎng)絡(luò)營銷,選「靖歌閣」!jggwlkj權(quán)威認(rèn)證,助您快速贏得買家信任,誠信創(chuàng)造財(cái)富!


          主站蜘蛛池模板: 国产精品成人一区二区| 精品一区二区三区视频 | 国内精品视频一区二区八戒| 国产一区二区精品在线观看| 呦系列视频一区二区三区| 无码午夜人妻一区二区三区不卡视频| 在线成人一区二区| 亚洲一区二区电影| 人妻体内射精一区二区三区| 中文字幕精品无码一区二区| 国产精品一区二区av不卡| 精品久久久久久中文字幕一区| 国产一区二区三区乱码网站| 亚洲福利一区二区| 日本内射精品一区二区视频| 久久久久成人精品一区二区| 熟女少妇丰满一区二区| 久久国产精品免费一区| 国产激情无码一区二区三区| 国产一区二区在线|播放| 国产伦精品一区二区三区无广告| 国产Av一区二区精品久久| 无码视频一区二区三区| 国产精品一区二区AV麻豆 | 夜夜嗨AV一区二区三区| 国产丝袜无码一区二区三区视频 | 日本高清不卡一区| 精品无码人妻一区二区三区品| 免费播放一区二区三区| 国产日本一区二区三区| 国产精品久久久久一区二区三区| 精品国产一区二区三区AV| 国产一区在线电影| 中文字幕人妻丝袜乱一区三区| 国产一区二区精品久久| 亚洲第一区二区快射影院| 日本精品3d动漫一区二区| 一区二区福利视频| 无码日韩精品一区二区免费暖暖| 在线中文字幕一区| 精品一区二区三区视频在线观看|