1. 「柴叔SEO」首页
  2. SEO顾问

PC移动适配通用seo设置方法

在我的很多关于dedecms系统SEO优化教程的文章里面都特别注明过首页的优化方法,不过都不是太详细,本次决定把网站后台设置和代码相关的内容全部详细讲述出来。从独立移动端、PC端和自适应方面来分别说明。

自适应页面

dedecms网站后台设置

默认情况下网站的首页的标题使用的是“网站名称”,如果我们把网站名称改为优化标题,则在模板制作和后期维护都不方便,为此需要添加一个自定义标签来最为网站首页的标题。打开网站后台→系统→系统基本参数→点添加变量,相关设置如下:

首页SEO标题设置

变量名称:cfg_indexseo

变量值:留空不填内容

变量类型:选择“文本”

参数说明:首页seo标题

所属组:选择“站点设置”

设置好之后点保存。

这样我们就可以不用更改系统的其他设置了,在调用数据时也会非常方便。设置完之后在“站点设置”最后一栏可以看到刚添加的新标签,填写好首页的标题,关键词和描述使用系统默认的标签即可。

PC移动适配通用seo设置方法
PC移动适配通用seo设置方法

首页标题设置

打开网站根目录empletsdefaultindex.htm和index_m.htm这两个文件,分别搜索代码:

{dede:global.cfg_webname/}

将其替换为{dede:global.cfg_indexseo/}即可。在模板文件里面直接调用我们后台新加的标签,如果有需要修改维护直接在后台改即可,不用去修改代码,后台设置和模板调用标签就是这么简单,下面来说分开的多终端SEO优化设置。

独立PC端和移动m端首页SEO优化代码

如果将网站分开分别制作了PC模板和移动m端模板,那么需要进行pc-移动适配。相关的规则可在百度资源平台找到说明,为了方便一下子都说明白,就直接写出来。

PC网页模板

一、PC端添加移动适配代码

打开网站根目录empletsdefaultindex.htm文件,在head标签里面添加如下代码:

<meta name=”applicable-device” content=”pc”>

<meta name=”mobile-agent”content=”format=html5; url=m端首页网址/”>

<meta http-equiv=”mobile-agent” content=”format=xhtml; url=m端首页网址/” />

<link rel=”alternate” media=”only screen and (max-width: 640px)” href=”m端首页网址/” />

其中“m端首页网址”为绝对网址,要加http(s)前缀和顶级域名最后要加斜杠(/)结尾,上面第一句的意思是告诉百度蜘蛛本页面是PC模板页面,第二句和第三句的意思是告诉搜索引擎对应的移动端网址是什么,第四句是指明移动端设备,如果屏幕宽度小于640px则使用对应的移动端网址页面;这里的rel=“alternate”是百度特有的标签需要注意,同时也是PC-移动适配时才用的。

二、移动m端添加适配代码

上面写了PC端的适配代码,在m端的模板里面也需要添加对应的适配才能成功,打开网站根目录empletsdefaultindex_m.htm文件,在head标签里面添加如下代码:

<meta name=”applicable-device” content=”mobile” />

<link rel=”canonical” href=”完整的PC首页网址/” />

上面第一句的意思是告诉搜索引擎本页面是移动端模板,只适合在移动设备的屏幕上查看;第二句的意思是本页面的权威页面网址是PC端首页的网址,注意在移动m端要加canonical标签指向对应的PC页面网址,网址要填写带有http(s)前缀,如果是首页顶级域名则末尾加斜杠(/)结束。这样就完成了拥有独立PC和手机模板的代码配置。

自适应模板添加视频代码

前面是分开的模板适配方法,如果是自适应模板,仍然是需要做相关的设置,仍然打开网站根目录empletsdefaultindex.htm文件,在head标签里面添加如下代码:

<meta name=”applicable-device” content=”pc,mobile”>

<meta http-equiv=”mobile-agent” content=”format=html5;url={dede:global.cfg_basehost/}/”>

<meta http-equiv=”mobile-agent” content=”format=xhtml;url={dede:global.cfg_basehost/}/”>

其中第一句是指该模板页面适合在PC和m端同时浏览,即自适应页面;后面两句的意思是告诉搜索引擎移动端页面是什么,这里是同一个网址,但是要注意其中的html5和xhtml是不同的。对于自适应页面第一句加上就可以了,后面的可以不加!因为网址没有变化,为了防止搜索引擎对页面进行转码可以加上如下这一对代码。

<meta http-equiv=”Cache-Control” content=”no-transform” />

对于上面的代码非常好理解,如果不太明白可以留言评论。重点是搞清楚PC移动适配的规则,然后添加相应的代码,在dedecms后台设置对应的标签。

原创文章,作者:柴叔seo,如若转载,请注明出处:https://www.cxta.com/20423.html

发表评论

登录后才能评论

联系我们

13888888888

在线咨询:点击这里给我发消息

邮件:888888@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code