織夢(mèng)模板手機(jī)版和電腦站與手機(jī)站的跳轉(zhuǎn)適配地址的代碼

2024-07-12 09:04:33

字體：大中小

供稿：網(wǎng)友

織夢(mèng)自從升級(jí)了手機(jī)端功能之后，用織夢(mèng)系統(tǒng)做電腦站跟手機(jī)站共存的網(wǎng)站就越來(lái)越容易了，而且還可以做到數(shù)據(jù)的同步，維護(hù)起來(lái)也十分的方便，而且手機(jī)端也可以實(shí)用通用的織夢(mèng)標(biāo)簽調(diào)取內(nèi)容，真的特別好用。
但是，還有一個(gè)就是手機(jī)站跟電腦站的適配問(wèn)題，跳轉(zhuǎn)適配什么的就不說(shuō)了，說(shuō)下官方新出的標(biāo)簽，alternate跟canonical，這個(gè)標(biāo)簽是指定百度手機(jī)站跟電腦站對(duì)應(yīng)關(guān)系的。
在此配置中，每個(gè)pc版網(wǎng)址都具有一個(gè)對(duì)應(yīng)的不同網(wǎng)址，用于提供針對(duì)移動(dòng)設(shè)備進(jìn)行優(yōu)化的內(nèi)容。為了幫助我們的算法了解單獨(dú)的移動(dòng)版網(wǎng)址，我們建議您使用以下注釋?zhuān)?/span>
在pc版網(wǎng)頁(yè)上，添加指向?qū)?yīng)移動(dòng)版網(wǎng)址的特殊鏈接 rel="alternate" 標(biāo)記。這有助于發(fā)現(xiàn)網(wǎng)站的移動(dòng)版網(wǎng)頁(yè)所在的位置。
在移動(dòng)版網(wǎng)頁(yè)上，添加指向?qū)?yīng)pc版網(wǎng)址的鏈接 rel="canonical" 標(biāo)記。
具體的寫(xiě)法是 pc端：<link rel="alternate" media="only screen and(max-width: 640px)" href="" >
手機(jī)端：<link rel="canonical" href="" >
織夢(mèng)跳轉(zhuǎn)適配-電腦端的寫(xiě)法：

首頁(yè)：<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.mokuge.com/" >
列表頁(yè)：<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.mokuge.com/list.php?tid={dede:field.id/}" >
內(nèi)容頁(yè)：<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.mokuge.com/view.php?aid={dede:field.id/}" >
頻道封面：<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.mokuge.com{dede:type}[field:typelink /]{/dede:type}" >

織夢(mèng)跳轉(zhuǎn)適配-手機(jī)端的寫(xiě)法：
首頁(yè)：<link rel="canonical" href="http://www.CUOxin.com" >
列表頁(yè)：<link rel="canonical" href="http://www.CUOxin.com{dede:type}[field:typelink /]{/dede:type}" >
內(nèi)容頁(yè)：<link rel="canonical" href="http://www.CUOxin.com{dede:type}[field:typelink /]{/dede:type}{dede:field.id/}.html" >
頻道封面：<link rel="canonical" href="http://www.CUOxin.com{dede:type}[field:typelink /]{/dede:type}" >

上一篇：dedecms織夢(mèng)模板實(shí)現(xiàn)調(diào)用不同的文件標(biāo)簽作為橫幅圖

下一篇：織夢(mèng)模板給圖集圖片{dede:productimagelist}加自增函數(shù)的教程