前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >移动搜索SEO分享:利用Meta声明来做百度开放适配

移动搜索SEO分享:利用Meta声明来做百度开放适配

作者头像
张戈
发布2018-03-26 13:56:08
1.5K0
发布2018-03-26 13:56:08
举报
文章被收录于专栏:张戈的专栏

前天,张戈博客终于搞定了网站静态缓存下的移动端站点切换,从而也多了一个移动二级域名。于是又开始纠结这个 2 二级域名是否需要屏蔽搜索引擎的收录,毕竟内容一摸一样。

听 SEOer 们说,搜索引擎会将二级域名视为不同的 2 个站点,如此一来,我的移动站点是否要做相应的处理,就值得深思了。(如有清楚的站长,请告知,多谢~)

然而,就在今天百度搜索相关资料的时候,发现百度开放适配居然有三种方法......

之前只注意到了百度开放适配的 sitemap 提交方法,张戈前后折腾了如下几篇文章:

1、百度开放适配专用 sitemap 制作说明

2、360 站长平台移动适配文件制作说明

3、百度开放适配&360 移动适配专用 Sitemap 格式转换工具

事实上,百度提供了三种移动开放适配的方法:

①、 自主适配 ②、 标注 Meta 声明

③、提交对应关系 Sitemap

看完介绍发现,原来【标注 Meta 声明】才是最简单的百度开放适配办法!真是后知后觉...

如何通过标注 Meta 声明来进行百度开放适配?

请看来自百度官方的方法:

站点如果自行适配有困难,可以在 PC 页面中做简单改造,百度协助实现适配效果。

即:站长在站点 PC 页的源代码头部嵌入一行或多行 Meta 信息,由 Meta 信息来指明该 PC 页对应的手机页的 URL,以及该 URL 对应页面的格式,百度将根据用户终端类型选择最适合展示的页面。(无对应关系的 PC 页面无需添加 Meta )

  1. Meta 声明格式:
代码语言:javascript
复制
<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">

Meta 声明示例:

代码语言:javascript
复制
<meta name="mobile-agent" content="format=xhtml;url=http://m.zhangge.net/">
<meta name="mobile-agent" content="format=html5;url=http://m.zhangge.net/">

2. 站长需要将 Meta 声明放在 PC 页源代码内部,如下:

代码语言:javascript
复制
<head>
<meta name="mobile-agent" content="format=xhtml;url=http://m.zhangge.net/">
  ……
</head>

生效情况:

标注 Meta 声明这一适配方案仅在百度移动搜索中生效,即只有当用户通过百度移动搜索访问站点时,适配才会生效;

通过其他渠道则不生效。在标注准确对应关系无误的情况下,大约需要七天左右的时间生效,老旧页面会有延迟。但百度不保证一定能在移动搜索结果中按照您标注的对应关系进行替换。

下面分享一下张戈的做法: 仔细看了下,百度官方方法中的那个图解说明:

“....url=url——后者是代表当前 PC 页所对应的手机页 url,两者必须是一一对应关系....”

这样看来,如果按照百度官方提供的代码,那只能适配首页了。。。文章、分类等页面就完全没关照到。

结合了下这两天在博客文章中写的代码,张戈在 header.php 模板中新增如下代码,实现整站的标注 Meta 声明:

代码语言:javascript
复制
<!--载入UA判断js-->
<script src="<?php bloginfo('template_directory'); ?>/js/uaredirect.js" type="text/javascript"></script>
<!--首页移动端访问自动跳转及百度开放适配Meta标注-->
<?php wp_reset_query();if ( is_home()){ ?>
<script type="text/javascript">uaredirect("http://m.zhangge.net");</script>
<meta name="mobile-agent" content="format=xhtml;url=http://m.zhangge.net/">
<?php } ?>
<!--文章页移动端访问自动跳转及百度开放适配Meta标注-->
<?php wp_reset_query();if ( is_single()){ ?>
<script type="text/javascript">uaredirect("http://m.zhangge.net/<?php the_ID(); ?>.html");</script>
<meta name="mobile-agent" content="format=xhtml;url=http://m.zhangge.net/<?php the_ID(); ?>.html">
<?php } ?>
<!--单页面移动端访问自动跳转及百度开放适配Meta标注-->
<?php wp_reset_query();if ( is_page()){ ?>
<script type="text/javascript">uaredirect("http://m.zhangge.net/<?php echo the_slug(); ?>");</script>
<meta name="mobile-agent" content="format=xhtml;url=http://m.zhangge.net/<?php echo the_slug(); ?>">
<?php } ?>
<!--分类页移动端访问自动跳转及百度开放适配Meta标注(仅支持一、二级分类)-->
<?php wp_reset_query();if ( is_category()){ ?>
<script type="text/javascript">uaredirect("http://m.zhangge.net/<?php $catArray = get_the_category();
    $cat=$catArray[array_rand($catArray,1)];
    $cat_parent = get_category($catArray[0]->category_parent);
    if (!empty($cat_parent->slug)) {
        echo $cat_parent->slug."/";
    }
    echo $cat->category_nicename;?>");
</script>
<meta name="mobile-agent" content="format=xhtml;url=http://m.zhangge.net/<?php $catArray = get_the_category();
    $cat=$catArray[array_rand($catArray,1)];
    $cat_parent = get_category($catArray[0]->category_parent);
    if (!empty($cat_parent->slug)) {
        echo $cat_parent->slug."/";
    }
    echo $cat->category_nicename;?>">
<?php } ?>

以上代码会根据不同的页面打印不同的地址,完成所有页面的百度开放适配 Meta 标注声明,而且还结合了移动端访问自动跳转的机制,可谓一举两得!

如果对移动端跳转存在疑难,请查看张戈前两天的文章:《完美实现移动主题在 360 网站卫士缓存全开情况下的切换如果不需要做移动端跳转的话,请删除以上代码中所有的 javascript 语句即可。

另外,此代码的应用,需要新增以下 function.php 函数代码:

代码语言:javascript
复制
/* 获取当前文章或页面别名的函数*/
function the_slug() {
    $post_data = get_post($post->ID, ARRAY_A);
    $slug = $post_data['post_name'];
    return $slug;
}
/* 获取当前文章所属第一个分类别名的函数*/
function the_category_slug(){
 $category = get_the_category();
 return ($category ? $category[0]->slug : "");
}

添加方法:编辑主题目录的 function.php 模板,找个位置新增以上代码 (怕放错就直接放到最后一个 ?> 的前面)。

哦了,如何使用标注 Meta 声明的方法来做百度开放适配就介绍到这了,张戈也是刚实施,而百度又是出了名的傲慢和拖沓,之前用 sitemap 提交的开放适配,几个月都没生效:

所以,一切看人品了。。。。

最新消息:张戈博客已推出最简单的适配方法,请移步查看=>

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2014年05月27日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 如何通过标注 Meta 声明来进行百度开放适配?
相关产品与服务
网站建设
网站建设(Website Design Service,WDS),是帮助您快速搭建企业网站的服务。通过自助模板建站工具及专业设计服务,无需了解代码技术,即可自由拖拽模块,可视化完成网站管理。全功能管理后台操作方便,一次更新,数据多端同步,省时省心。使用网站建设服务,您无需维持技术和设计师团队,即可快速实现网站上线,达到企业数字化转型的目的。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档