移動站點儼然已經成為了互聯網的一個重要組成部分。如關鍵詞、網站樹形結構、URL設計、原創文章及常見的PC端站點優化同樣適用于WAP站點的優化。因此沒有必要將WAP站點優化當成一個全新的領域,只要做好基本的
SEO優化,創造利于用戶體驗的內容,WAP站點其實也可以有很好的排名。
我們除了要創造更多利于用戶體驗的內容之外,也要減少一些因為WAP站點與PC端站點的不同而對用戶訪問造成的困擾。成都創新互聯科技有限公司這里總結一些WAP站點優化的注意事項,有效地規避這些問題,將大大提高用戶體驗的滿意度。
一、精簡內容 一定要記住這個觀點:WAP是一個相對來說很小的網站,所以網絡上的數據能精簡就精簡,能刪除就刪除,留下太多沒有必要的信息反而會使網站打開速度過慢,導致用戶瀏覽不到想要的信息,或者因信息加載時間太長而使用戶沒有興趣繼續瀏覽下去。
1.隱藏導航欄
PC端站點因為數據龐大,經常會添加各種子導航欄,但是手機屏幕如果堆積了很多的導航欄反而不利于用戶瀏覽網站。所以WAP站點要大幅度地減少導航欄,或者隱藏導航欄,將重要、核心的幾個導航欄放在顯眼的位置即可,然后添加一個類似可以展開的按鈕,以方便用戶尋找其他導航欄目。
2.刪減硬廣告
硬廣告是指一眼就能看出來是廣告宣傳,這在許多PC端站點很容易看到。因為PC端站點排版起來相對復雜,為了方便用戶區分層級,在每一個層級中間往往會放入一個硬廣告作為過渡,就像寫文章會用小標題區分是一樣的。但是在手機端就不行了,因為手機端的內容有限,無法加入太多的硬廣告,否則會影響手機的加載進度,用戶體驗也不好,所以直接加入一個聊天工具更適宜。
3.其他刪減
PC端站點上擁有太多的引導性標簽,如相關文章、推薦、Tag(標簽)等。這些在手機上都是可以刪減的,刪減這些沒有必要的內容可以減少因代碼過多而導致網站打開速度過慢的問題。
4.能刪則刪
在WAP站點就不要做PC端站點那樣多的特效了,這種特效如果沒有必要可以直接刪除。對于CSs代碼也一樣,如果隱藏的信息太多,那么不如不要了。這樣的隱藏只是讓用戶不用一次瀏覽太多的信息,卻并不能給搜索引擎帶來好感。
二、尺寸定位 尺寸定位用專業的術語可以叫做兼容性,當然兼容性包括很多方面,并不是尺寸定位這一點。由于PC端站點的尺寸一般可以是固定的,而固定的點也體現在寬度上。例如PC端站點常用的寬度尺寸為1024像素(px),不需要前端人員在這個頁面的基礎上耗費功夫。但是對于WAP站點就要特別注意了,如果我們用640pX作為標準的話,那么當用戶用320px的手機訪問的時候,就會使網站只能顯示一半大小。這種情況的出現,會使用戶直接跳出網站。所以當我們做WAP站點的時候,尤其是前端技術人員,必須要清楚地了解目前主流手機所使用的尺寸大小。而目前主流的手機是Os系統和Android系統,所以我們只需要了解這兩個系統下的手機的各種尺寸即可。
1.iOS系統
iOs系統的iPhone手機,從iPhone4開始到iPhone7Plus及iPhone8,尺寸是越來越大。對于i0S系統的手機,一般考慮兩個尺寸,即320px和640pX。如果是平板電腦的話,也可以通過跳轉識別,但是大多數公司都會重新建立一個以iPad為首的網站,方便iPad用戶的訪問。
2.Android系統
Android系統常見的手機尺寸有480、720和1080px3種。
3.主流尺寸
在我所從事的行業中,對于WAP站點的搭建,更多針對的是320、480和640px.所以前端技術只需要進行一段簡單的判斷即可。當然如果其他行業存在其他尺寸,也可以進行再次識別。
4.識別
一個WAP網站之所以會出現半屏或者超屏的現象,完全是因為字體大小的原因。所以在WAP站點中更多的時候不會使用px(像素)來寫代碼,而會使用em或者rem進行種自適應的區分。切記em和rem不能同時出現在同一個頁面中,否則會出現一大一小的加載停留情況。
三、按需加載 按需加載功能曾經是非常火爆的一款功能,許多網站程序員都會使用這一功能。按需加載的意思是,當用戶通過下拉網頁到達某個區塊的時候才開始加載。這種加載功能主要是不用一次加載完成,而是通過用戶訪問到哪里就加載到哪里。一般來說大型的網站因為數據龐大,加載時間往往會過長。由于網站采用的都是全局加載,但是全局加載往往會出現如果不能一次加載完成,那么網站就會因為打不開而導致用戶流失的問題。
1.影響
之所以要進行按需加載,是因為目前來說手機的性能相比計算機弱一點,利用按需加載則可以加快手機用戶的訪問速度。而且手機網站也需要加大數據的填充,一個特別簡單的網站是無法滿足用戶需求的。當WAP網站頁面不斷添加內容的時候,網頁會越來越大,當手機訪問WAP網站的時候往往會出現延遲,而延遲現象也會導致網站加載速度過慢。
2.好處
使用按需加載進行
網站優化的時候,往往需要合理地進行動作的觸發。按需加載大的好處就是減少不必要的資源請求,節省流量,并真正實現了需要才展現的原理。如果使用下拉滾動條來實現按需加載功能,那么我們最好以一個與屏幕相同的距離進行按需加載。例如,以手機屏幕的大小為標準距離,每滾動一屏則加載一次。這樣可以大大減少資源損耗,并且能對用戶進行友好展現
3.小結
按需加載體現在代碼技術上,主要分為文字按需加載和圖片按需加載兩種。當然在實際使用過程中按需加載更多的是表現在HTML的按需加載,只需要前端人員在編寫DⅣ代碼的時候,加入相應的按需加載代碼即可。
分享文章:WAP站點優化注意事項
當前URL:http://vcdvsql.cn/news19/8969.html
成都網站建設公司_創新互聯,為您提供外貿建站、移動網站建設、ChatGPT、軟件開發、商城網站、全網營銷推廣
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯