移動建站的方法和指南

2022-10-04 06:57:09 字數 2708 閱讀 6460

智慧型手機和平板電腦的普及,產生了越來越多的移動端www.cppcns.com客戶流量,儘管基於手機和平板電腦的網路瀏覽器種類繁多,功能也都越來越完善,但限於較小的終端螢幕以及網路流量的問www.cppcns.com題,移動裝置並不適合直接瀏覽各種基於桌面電腦登陸的**,因此,做為**站長來說,有必要為自己的**增加乙個適合移動裝置瀏覽的入口。

建立乙個適合移動端瀏覽的**有很多種方法,主流的方法有自適應網頁設計、移動**、移動app應用三類,通過這些方法,可以在短時間內將乙個已有的桌面**轉換為適合移動裝置訪問的**。

一、自適應網頁設計

自適應網頁設計,就是讓同乙個網頁**,能夠在不同裝置上(從桌面電腦顯示器到智慧型手機或其他移動產品裝置)都能有更好的瀏覽體驗,因此,站長在建站前,就要考慮好頁面布局如何能適應多螢幕瀏覽,這樣移動裝置可以通過原**來瀏覽桌面站點,看到的是自動適應螢幕大小後的**。儘管這種方式使得網域名稱統一了,但如果對於結構複雜、頁面反覆的**來說,**設計具有相當高的難度。因此,通常自適應網頁設計比較適合單欄或雙欄等簡單版面**,對於複雜版面較難設計。

由於自適應設計的內容使用同乙個**,不會出現重定向,因此對於訪問使用者來說,不必花時間記憶另外**,對於**開發者來說,改造單欄或雙欄**為自適應**的開發較為簡單,只需對css進行不大的修改即可。

自適應網頁需要手機瀏覽器支援css3,例如目前的iphone和android內建瀏覽器都支援css3,但諾基亞手機內建瀏覽器就不支援css3,考慮到老式的手機已經逐步淘汰,這部分使用者也可以考慮忽略不計。同時,自適應網頁需要展示更多的,較耗費流量,因此也不太適合2g網路使用者訪問。

對於**的修改來說,只要在html頭部增加viewport標籤(控制顯示尺寸、是否允許縮放、初始比例、上下限等)、mobileoptimized標籤(微軟為ie mobile版設定的定義寬度標記)和handheldfriendly標籤(是否對手持裝置友好,只有true或者false),在css檔案尾部增加針對不同螢幕解析度的規則,布局寬度使用相對寬度,隱藏側欄,半小時的開發量就可以提公升**的手機移動瀏覽體驗。下圖是乙個樣例,利用自適應網頁設計技術來建立的月光部落格移動**。

自適應設計的月光部落格移動**

二、移www.cppcns.com動**

移動**是指對於現有的桌面**,按照移動端的設計規則來重新建立乙個移動**,儘管內容和桌面**一樣,但卻擁有兩個不同**。通常的移動**使用子網域名稱的方式實現,例如使用類似 wap.williamlong.info 或 m.williamlong.info 這樣的位址,為移動使用者專門定製,內容可以與桌面**不同,桌面**的**檢測到移動裝置後自動程式設計客棧重定向到移動**頁面。

移動**可以支援非觸屏智慧型手機和觸屏智慧型手機,適合側重移動裝置或專門針對移動裝置的**,使用移動瀏覽器訪問。

百度在2023年底開啟「輕舟計畫」,該計畫旨在達到資源百分百移動化的目標,從而實現百度搜尋的移動化轉型公升級,移動搜尋將不具有唯一價值的pc頁面排除在外,這對於**站長來說,盡快將**移動化就得提上議程。

很多blog、cms建站程式都有桌面的移動頁面入口,**只需將移動裝置使用者引導到這個入口即可。通常有wap或html5等方式的建站方式。wap頁面主要針對老式手機瀏覽器和2g使用者,例如諾基亞手機使用者,頁面簡潔,很省流量,但目前正處於淘汰過程中,下圖是利用z-blog自帶的wap模組建造的月光部落格移動**。

wap建站的月光部落格移動**

html5的技術門檻較高,單獨開發會有不少難度,很多站長採用移動建站工具來生成基於html5的移動**。目前使用較多的移動建站工具是百度site app,該工具使用位址參見這裡,百度移動搜尋會將大部分**進行轉碼,轉碼後的內容比較適合手機移動等小螢幕裝置訪問,百度site app這個工具可以支援站長將自己**轉碼後的頁面進行定製,並部署到自己獨立子網域名稱的**,同時還支援通過百度聯盟的方式在網頁上加入針對移動裝置的專用廣告,以獲得廣告收益。下圖是利用百度site app來建立的月光部落格移動**。

百度site app建站的月光部落格移動**

三、移動app應用

移動app應用指的是專門在蘋果和安卓應用商店裡發布移動app應用,安裝後可以直接使用。移動app應用的開發成本較高,針對蘋果和安卓需要兩套開發api,不過,移動app可以允許使用者離線使用,還可以訪問移動裝置的硬體資訊,對於互動性強的應用來說較為適合。對於普通內容類**來說,使用移動app應用的好處並不明顯。

由於移動app應用開發門檻較高,因此站長可以使用相關工具來自動生成應用,百度site app裡也有這種功能,可以一鍵生成ios和android應用檔案,但是需要**站長自己去蘋果和安卓應用商店提交應用。

百度site app**

對於**站長來說,通過這三種形式都可以打造適合移動裝置訪問的**,自適應網頁設計的開發難度小,手機瀏覽體驗好,還支援自適應adsense廣告,但是目前百度搜尋還不能很好地識別自適應網頁,部分自適應頁面會被百度移動搜尋進行轉碼(主要是由於未攜帶移動網頁特徵),使得原有的頁面設計和adsense廣告都無法顯示。對於期待從百度移動搜尋獲取流量的**,應該優先做單獨的移動**,百度對於移動**的支援較好,在移動搜尋結果中會優先顯示移動**,不過,隨著智慧型手機的迅速普及,百度已經逐步開始支援自適應網頁在移動搜尋中的展現。對於google來說,其沒有對網頁進行轉碼,因此對於自適應**來說能夠有較好的顯示效果,但是對於未經改造的網頁來說,會在移動裝置展示桌面**,可能會耗費更多的手機流量。

因此,對於**站長來說,較為穩妥的移動化方案是,既能提供**的自適應設計,同時又提供乙個單獨的移動**,這樣既能讓使用者得到良好的瀏覽體驗,又能讓搜尋引擎較好收錄。

本文標題: 移動建站的方法和指南

本文位址: /news/exp/52872.html

個人建站的幾點方法

不少,總結一下個人 建設發展的幾點中肯建議 怎麼做,才會成功呢?從個人的經驗和思考,認為有以下幾點 1 做乙個為顧客創造價值的 建設的目標,毫無疑問,是為顧客提供方便和價值。在顧客使用了你的 後,是否讚好,才是 建設者真正要關注的地方。乙個優秀的 是乙個為顧客提供價值的 是不愁推廣的,顧客使用了你的...

建站平台原始碼 詳解模板建站和定製建站的不同之處

很多新手在建站前,都拿不準到底是使用模板建站好,還是找外包團隊定製開發好。這兩種建站方法差異還是蠻大的,下面就給大家說說模板和定製的幾個主要不同之處,你可以根據這些來判斷適合自己的建站方式 定製建站的製作週期比較長,你需要先找乙個開發團隊,然後商議簽訂雙方合作協議,讓開發團隊明白你的訴求 然後是中期...

雲速建站 雲速建站 雲建站的最初動機和試探之路

一直想寫一篇華為雲的文章,今天就描述下我的華為雲體驗之旅。華為雲是乙個比較新出的國產產品。我立馬註冊了乙個賬號,並開始陸陸續續關注最新推出的產品,dev cloud,社群。華為雲搜尋 沒有華為雲,資料量大,分詞隨機,我乙個人如何完成搜尋業務,簡直天方夜譚,然而他提供了一種非常美妙的體驗,我看看有這些...