-
觸屏版
-
全國服務(wù)熱線：0571-87205688
- 云客網(wǎng)首頁
-
登錄
- |
-
注冊
- |
-
客戶中心
- |
-
關(guān)注云客
織夢的移動化適配
分享
評論
贊0
一、為了更好的實現(xiàn)pc端和移動端匹配效果，可在pc端模板增加類似如下代碼：
1、首頁
<meta http-equiv="mobile-agent"content="format=xhtml;url={dede:global.cfg_mobileurl/}/">
<scripttype="text/javascript">
if(window.location.toString().indexOf('pref=padindex')!= -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/";}elseif(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}
</script>
2、欄目頁
<metahttp-equiv="mobile-agent"content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}">
<scripttype="text/javascript">
if(window.location.toString().indexOf('pref=padindex')!= -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}elseif(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}
</script>
3、文章頁
<meta http-equiv="mobile-agent"content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}">
<script type="text/javascript">
if(window.location.toString().indexOf('pref=padindex') !=-1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) ||(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|WindowsPhone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}elseif(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}
</script>
代碼中的{dede:global.cfg_mobileurl/}部分要替換為包含“http://”的二級域名（即：http://m.nt090.com），如不想修改模板里的相關(guān)代碼，也可修改/include/common.inc.php中的$cfg_mobileurl變量賦值為二級域名。
以上代碼為dedecms新版模板所使用，第一行<meta>標(biāo)簽代碼為百度發(fā)現(xiàn)跳轉(zhuǎn)適配關(guān)系的方式（可同時使用）之一——“Meta標(biāo)記”，下面幾行javascript代碼的功能是識別是否移動端設(shè)備訪問，如是則將當(dāng)前pc端頁面自動跳轉(zhuǎn)到匹配的移動端頁面。
二、還可使用<link>標(biāo)簽以便于百度更好地發(fā)現(xiàn)PC站和移動站的移動適配關(guān)系，在模板的<head></head>標(biāo)簽內(nèi)加入如下代碼：
1、PC站首頁模板：
<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.nt090.com" >
2、PC站欄目頁模板：
<link rel="alternate" media="only screen and(max-width: 640px)"href="http://m.nt090.com/list.php?tid={dede:field.id/}" >
3、PC站文章頁模板：
<link rel="alternate" media="only screen and(max-width: 640px)" href=" http://m.nt090.com/view.php?aid={dede:field.id/}">
4、移動站首頁模板：
<link rel="canonical"href="http://www.nt090.com/ "/>
5、欄目頁模板：
<link rel="canonical"href="http://www.nt090.com{dede:type typeid='0' row=1}[field:typelink/]{/dede:type}"/>
6、文章頁模板：
<link rel="canonical"href="http://www.nt090.com/{dede:field.idrunphp='yes'}$id=@me;@me='';$url=GetOneArchive($id);@me=$url['arcurl'];{/dede:field.id}"/>
三、提交移動跳轉(zhuǎn)適配
1、URL對應(yīng)關(guān)系示例：
2、適配方式：
欄目頁的對應(yīng)關(guān)系沒有規(guī)律，且數(shù)量較少，使用URL適配 ；文章頁為有規(guī)律的網(wǎng)址，且數(shù)量多，使用規(guī)則適配。
提交文章頁規(guī)則適配（如圖）：
提交首頁和欄目頁URL適配（如圖）：
對于欄目較多的Dedecms網(wǎng)站，人工列出所有的欄目頁URL對顯然很費事，這里推薦一個方法可以輕松解決該問題：
※在模板中嵌入以下代碼，對應(yīng)前臺頁面中即可顯示所有欄目的URL對，復(fù)制粘貼即可：
{dede:channelartlist row=100 typeid='top'}
http://www.nt090.com{dede:field name='typeurl'/}http://m.nt090.com/list.php?tid={dede:field name='id'/}<br>
{dede:channel type='son' noself='true'}
http://www.nt090.com[field:typelink/]http://m.nt090.com/list.php?tid=[field:id/]<br>
{/dede:channel}
{/dede:channelartlist}
※提交完規(guī)則適配，等待百度審核。
如果所提交的適配關(guān)系有誤，處理狀態(tài)將很快會出現(xiàn)“校驗失敗”的提示。
很長一段時間以來，很多站長應(yīng)該都發(fā)現(xiàn)移動適配“校驗中”時間很長，對于此問題，目前官方已做了改進，校驗效率有了明顯提升，以前所提交的適配關(guān)系發(fā)現(xiàn)正在陸續(xù)通過。
以下為很早前提交、近期已通過適配的一個網(wǎng)站示例：
猜你喜歡
評論(0人參與，0條評論)
發(fā)布評論
最新評論