移動網(wǎng)站如何做搜索引擎優(yōu)化移動標簽優(yōu)化
第一個是元標簽標簽。以及在網(wǎng)頁的頂部和底部插入手機、移動終端和wap版本等移動文字,并多次插入網(wǎng)頁,以加強對移動網(wǎng)頁的識別。博客花園里的一篇文章以天貓Taobao.com為例進行了詳細解釋,我直接摘錄了它。感謝原作者。
我是貓
Title cat觸摸屏版本/title元內(nèi)容=' text/html;charset=utf-8 ' http-equiv=' Content-Type ' meta charset=' utf-8 ' meta Content=' width=設備寬度,initial-scale=1.0,maximum-scale=1.0,user-scale=0 ' name=' viewport ' meta Content=' yes ' name=' apple-mobile-web-app-capable ' meta Content=' black ' name=' apple-mobile-web-app-status-bar-sty le ' meta Content=' phone=no ' name=' format-detection '
第二,淘寶
Title淘寶觸摸屏版/title meta charset=' utf-8 ' meta content=' yes ' name=' apple-mobile-web-app-capable ' meta content=' yes ' name=' apple-Touch-full Screen ' meta content=' teleph one=no ' name=' format-detection ' meta content=' black ' name=' apple-mobile-web-app-status bar-style ' meta property=' WB :站長' content=' c 51923015 ca 19 EB 1 ' meta name=' author版權(quán)所有'元名稱='重訪后'內(nèi)容=' 1天'元名稱='密鑰'內(nèi)容='元名稱='描述'內(nèi)容='在m.taobao.com
3.京東
1 title jingdong-mobile phone version/title 2 meta name=' viewport ' content=' width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scale=0;'3 meta name=' format-detection ' content=' telephone=no ' 4 meta name=' keywords ' content='手機購物,WAP商城,日用百貨,3C電器,汽車用品'
4.網(wǎng)易
移動netease.com/title元數(shù)據(jù)集=' utf-8 '元內(nèi)容=' width=設備寬度。user-scalable=no ' name=' viewport ' meta name=' apple-itunes-app ' content=' app-id=425349261 ' meta name=' apple-mobile-web-app-capable ' content=' yes '
五、百度
元http-equiv='內(nèi)容-類型'內(nèi)容='文本/html;charset=utf-8 ' meta name=' viewport ' content=' width=設備寬度,minimum-scale=1.0,maximum-scale=1.0,user-scale=no ' meta name=' format-detection ' content=' telephone=no '
元意味著元素可以提供關(guān)于頁面的元信息,比如搜索引擎的描述和關(guān)鍵詞以及更新頻率。標簽位于文檔的開頭,不包含任何內(nèi)容。標簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對。
手機端特有的有哪些?
meta content=' width=設備寬度,initial-scale=1.0,maximum-scale=1.0,user-scale=0 ' name=' viewport ' meta content=' yes ' name=' apple-mobile-web-app-capable ' meta content=' black ' name=' apple-mobile-web-app-status-bar-sty le ' meta content=' telephone=no ' name=' format-detection '
第一個元標簽表示:強制文檔寬度和設備寬度保持1:1,文檔最大寬度比為1.0,不允許用戶點擊屏幕放大瀏覽;
寬度-視口寬度高度-視口高度初始-比例-初始最小-比例-最小-允許用戶縮放的比例-最大-允許用戶縮放的比例-用戶-可縮放-用戶是否可以手動縮放
第二個meta標簽是safari在iphone設備中的私有meta標簽,它表示:允許全屏瀏覽;
第三個meta標簽也是iphone的私有標簽,它指定了iphone中safari頂部狀態(tài)欄的樣式。
web應用程序下的狀態(tài)欄(屏幕的頂部欄)的顏色;默認值為default,可以設置為黑色和半透明。注意:如果該值為“黑色-半透明”,它將占據(jù)頁面px的位置并浮在頁面上方(它將覆蓋頁面20px的高度iphone 4的視網(wǎng)膜屏幕,itouch4為40px)。
第四個元標簽表示:告訴設備忽略將頁面中的號碼識別為電話號碼。
其次,百度對字體大小間距的規(guī)定應該嚴格遵守。
百度用戶體驗部關(guān)于手機頁面瀏覽體驗的研究成果;
1.當主要內(nèi)容包含文本段落時,文本字體大小建議為14px,行距建議為(0.42~0.6)*字號,文本字體大小不小于10px,行距不小于0.2 *;
2.當主要內(nèi)容包含多張圖片時,除圖片質(zhì)量外,圖片寬度應設置一致,位置應統(tǒng)一。
3.當主要內(nèi)容包含多個文本鏈時,建議文本鏈的字體大小為14px或16px當字體大小為14px時,建議垂直間距為13px當字體大小為16px時,建議垂直間距為14px字符鏈的整個可穿孔區(qū)域不得小于40px
4.主要內(nèi)容中其他可穿孔區(qū)域的寬度和高度應大于40px
5.此外,應注意互動的一致性。同一頁面不應該使用相同的手勢來完成不同的功能。
第三,減少使用js、大圖片、flash等豐富的媒體資源,甚至在不特別需要的時候使用純靜態(tài)的文本資源,訪問速度快,主題集中,減少了蜘蛛工作。使用與否,可以在每一頁策略中仔細體現(xiàn)出來,富媒體無非是利用人們的右腦功能來增強記憶力和增強吸引力。但是,在移動端,它會嚴重降低加載速度,并占用有限的手機空間。這不是一個很好的選擇,除了對圖片和flash或交互要求很高的網(wǎng)站,但通常他們有強大的加速技術(shù)支持??梢杂行У窒焕绊?。
第四,像m.jiaodaseo.com和wap.jiaodaseo.com這樣的普通標簽被用來多次重復標簽,技術(shù)手段可以用來拒絕個人電腦用戶訪問?;蛘邚娭铺D(zhuǎn)到電腦頁面。如果它是自適應的,則該方法不適用。它可以加強上述關(guān)鍵詞標記,提高識別度。
第五,百度的定制標簽用于幫助識別個人電腦移動站。
它是用來向百度蜘蛛解釋這個網(wǎng)址頁是適合顯示在個人電腦端還是移動端。說白了,就是幫助百度提交驗證和識別結(jié)果,減少百度蜘蛛把PC站當成M站或者把M站當成PC站來抓取。
2.代碼位置:
代碼放在中間,規(guī)則和對應關(guān)系如下所示:
如果是個人電腦工作站,代碼:元名稱='適用設備'內(nèi)容='個人電腦'
對于電臺m,代碼:元名稱='適用設備'內(nèi)容='移動'
如果是自適應的或代碼自適應的,則代碼:元名稱='適用設備'內(nèi)容='個人電腦,移動設備'。
總之,快速穩(wěn)定的移動接入體驗是好的,搜索引擎得到高度認可,移動站和pc站之間可以建立一對一的通信。