专栏名称: 亮总分享
从事 SEO 行业 擅长 SEO 方案和策略,分享 seo 的观点,seo 趋势。 有搜索的地方就有 SEO,比如 ASO
目录
相关文章推荐
51好读  ›  专栏  ›  亮总分享

连载4:从Apple官网谈移动端适配和优化

亮总分享  · 公众号  ·  · 2017-05-06 10:41

正文

      我个人,比较喜欢苹果官网—包括且不局限于它的精美产品图片,它极致的体验视频,甚至还有一些小LOGO以及它代码设计,我是个轻度果粉,同时也是个苹果官网的重度果粉。所以,个人闲下来的时候,跟大家一起看看苹果官网的SEO,我打算以连载,一次分享一个小技巧的形式跟大家一起来分析苹果官网的SEO,希望大家发表自己的看法,有不同理解也可以私信我跟我探讨。


2016年说好的要分享最少4次的,这次终于抽出时间,对苹果官网SEO进行最后一次分享,也是应很多读者需求,主要分析移动端方面

我称之为:SEO之移动标准化。

问题描述,前三次的分享,都集中讨论了很多细节,PC端优化的一些技巧,那么移动端的SEO,苹果是否也做的足够好或者有哪些地方是可以借鉴学习的,有哪些地方是需要改进的?附上前面三次的分享链接

连载3:从Apple官网谈SEO   谈的是网站结构标准化  17年2月份

连载2:从Apple官网谈SEO   谈的是网站地图sitemap标准化  16年9月份

连载1:从Apple官网谈SEO   谈的是标签标准化  16年9月份


先从简单的开始,在移动搜索优化之前,我们先看看移动端的一些主要做法和名称解释。

1 AMP(Accelerated Mobile Pages 翻译成中文就是“移动页面加速”),最早是谷歌提出的概念,简单的一句话解释就是:快照结果预览结果页,不用另外在服务器端加载这个页面。我在之前的文章有专门分析过AMP的实施,详情参考:Google SEO分享-啥是AMP

2 MIP(Mobile Instant Page翻译成中文就是“移动网页加速”),这是百度提出的移动端解决方案(你可以简单理解为百度版本的AMP)两者本质上都是一样的,而且实现方法都很类似,具体的我就不去详细解释了,放上一个解释的比较清楚的链接 www.mipengine.or

3 移动适配,百度的说法就是这个,而谷歌有咩有移动适配 ?也是有的,于是我们一起来对比看看,两者有什么不同

先看谷歌的,三种移动适配方法(谷歌推荐使用第一种,自适应设计



再看百度的三种移动适配方法(百度目前测试效果最好的是跳转适配,即移动和PC网页的URL地址是不一致最好,所以要独立建一个m.XXX.com



所以,前面铺垫了三个基础概念,就不要嫌弃我啰嗦了,这个是聊移动SEO必须要先了解的。从上面提到的概念我们首先可以认识到:

1 从苹果本身了解的SEO来说,肯定优先考虑谷歌,所以苹果官网是采用的自适应的移动适配方法。

2 从检索结果来看,苹果本身并没有采用谷歌提倡的AMP技术

3 从百度角度来说,苹果更不可能采用百度的MIP技术

所以,我们有一个大致的结论以及今天的讨论方向,苹果是如何用Google提倡的自适应适配来进行官网移动SEO的优化的。



补一张截图,证明苹果没有在谷歌SEO做AMP(结果里有闪电logo并且有AMP字眼)




好了,确认了主题,接下来说说具体的苹果官网的移动SEO的一些细节吧,同样的,这次会一样会提及很多细节,所以请大家耐心看,学到一个细节,对大家来说我这篇文章就是有价值的。

1   苹果的自适应到底做的如何?怎么判断?在Google的移动适配指导文档里,我们可以找到最基本的一个点:

要向浏览器表明您的网页会自行调整以适应所有设备,请向文档的标头添加以下元标记:

谷歌推荐的自适应设计,必须使用viewport这个标签,否则就无法算作是移动自适应了



苹果官网的源代码里确实明确的使用了自适应的meta标记,所以这个没毛病,确实用了自适应的方式去做的,我们再检查了中国官网,确实也是用了谷歌的自适应


我知道你们要问的下一个问题是:谷歌的自适应,是不是能适用于百度?我的回答是,有用,百度也能识别viewport标签,但是,需要注意的是,百度官方提示,你必须要配合以下行为才能很好的做到适配(而且也不一定真的100%能实现,是不是很坑爹?)


a,applicable-device标注应该怎么写
  有了自适应设计的网页,还要照顾到对百度友好的设计,即告诉百度“我是自适应页面”方便百度进行识别校验。方法也很简单,只要在上面viewport标签下面再添加一个applicable-device标签就行:

表示页面同时适合在移动设备和PC上进行浏览。

b, 在使用百度站长平台链接提交工具的sitemp进行提交时,要做mobile type标记,具体取值:


其他网页取值如下: 
:移动网页
:移动网页
:代码适配
无该上述标签表示为PC网页


2   苹果除了自适应以外,其实没有对网站进行AMP技术改造的,所以它的官网SEO应该还有继续提升的空间的。百度的MIP改造也是一样的道理,所以,做SEO也挺不容易的,既要考虑谷歌,又要考虑百度,还要改造最新的一些算法改进,SEO也是在于折腾!所以,很遗憾,AMP和MIP,都没法在今天的案例分析中做分析和对比了,有心的读者和粉丝不妨自己去找已经改造过的一些网站进行分析和比较。但是,我的分享不能就这么草草结束了,接着会谈谈我从苹果官网看到的另一面的东西。


3 大家在苹果官网看到的文案(之前风靡朋友圈的苹果文案大家已经领教过),从SEO的角度去理解的话,我觉得值得很多SEOer去学习和参考研究,我简单的总结我看到的细节和注意的点,当然,也许这种写TDK(title Description keywords)方式可能不适用于你的网站,但是可以给大家不同的思路,而我觉得,有时候简单未必不是一种最好的优化方式

a , 苹果官网的所有标题里的文字描述,都讲究“极简” 和“情景化”

比如,苹果7的页面标题

iPhone 7 - Apple (中国)     

比如,忘记苹果ID 密码 的页面标题

如果您忘记了自己的 Apple ID 密码 - Apple 支持    

为什么举这个例子,其实类似的还有,以旧换新

</span><span style="font-family: monospace; white-space: pre-wrap;">以旧换新,升级换购新 iPhone - Apple (中国)</span><span class="html-tag" style="font-family: monospace; white-space: pre-wrap;"/></span></p><p><span style="color: rgb(136, 136, 136); font-size: 14px;">苹果在设置标题的时候,应该是沿用了他们的文案团队的风格,尽量把关键词控制在一个简单,尽量短的表示方式,有时候会根据情景来设置相应情形下的标题。而且不会出现重复关键词的情况,比如我们平常用的多的一种写标题的方式:</span></p><p><span style="color: rgb(136, 136, 136); font-size: 14px;"><span style="font-size: 14px; color: rgb(0, 209, 0);"> iphone7,iphone 7手机,iphone 7购买价格-Apple(中国)</span></span></p><p><span style="color: rgb(136, 136, 136); font-size: 14px;">而苹果的方式,就是</span></p><p><span style="color: rgb(136, 136, 136); font-size: 14px;"><span style="font-size: 14px; color: rgb(0, 209, 0);"> iphone7 <span style="font-size: 14px;">-Apple(中国)</span></span></span></p><p><span style="color: rgb(136, 136, 136); font-size: 14px;">b,苹果官网的所有页面,都统一使用了h标签,而且绝大多数的页面(估计有90%)都用足了h1,h2,h3,h4,4个h标签,最少的页面,也有h1,h2 两个h标签,可见在苹果的官网SEO优化里,他们还是有非常成体系的一套SEO原则的(不一定是有专人负责,但是绝对是有严格的标准的。)我之所以强调这个细节,不是鼓励大家一定要所有页面都凑足这么多h标签,而是给大家传递一个理念,一个网站的SEO应该有一些原则,这个原则可以是日常性质的,也可以是一种规律性质的,对于整个SEO项目来说,应该是有利的,最简单的一个理解就是:不会错过或者漏掉什么,也不会犯错,反而会帮助搜索蜘蛛更好的理解你的网站,理解整个网站的表达方式,会更加有利于帮助蜘蛛进行学习和人工智能。而且,未来这也应该是一个趋势。</span></p><p><span style="color: rgb(136, 136, 136); font-size: 14px;">c,苹果官网另外一个在Google比较突出的地方,就是itunes这个二级域名下的所有APP下载链接页面,而恰恰移动端的APP下载和搜索都是巨大的,苹果在这方面,在Google表现非常好,但是在百度表现就很一般。</span></p><p><span style="color: rgb(136, 136, 136); font-size: 14px;">我们搜“快手”“美图”的时候,Google都是排名第一的,但是百度几乎都没有apple的排名。原因,其实也很简单,Google的app indexing(我之前也做过分享的,文章请查看<a href="http://mp.weixin.qq.com/s?__biz=MjM5Nzk2MDc2MQ==&mid=204735944&idx=1&sn=b0d647ed5e2eef5eee2755b4d44f6ca3&scene=21#wechat_redirect" target="_blank" data_ue_src="http://mp.weixin.qq.com/s?__biz=MjM5Nzk2MDc2MQ==&mid=204735944&idx=1&sn=b0d647ed5e2eef5eee2755b4d44f6ca3&scene=21#wechat_redirect">新一代SEO到来【App indexing API】</a>)苹果应该是处理过的,但是百度的APP调取SDK设计文档,苹果应该也没有针对性的去做研究,所以百度自然也不会调取这个结果吧(其实我也只是猜测,具体有没有调取,如果有技术牛人可以去验证,可以告知我具体情况),而且,我实际搜索了一些APP,发现,百度也有很多结果是有给排名的,但是总体上还是都没有排名的。所以,这一点,也是百度跟Google不一样的地方吧。</span></p><p><span style="color: rgb(136, 136, 136); font-size: 14px;"><br/></span></p><p><span style="font-size: 14px;">       最后,收个尾,关于苹果官网的SEO,分了4篇文章进行分析讲解,我觉得应该还是可以再说几个回合的,但是最近确实比较没时间写文章,所以,原计划我要写8篇的关于苹果官网SEO,今天就以第四篇文章做结尾了,所以,苹果官网的SEO连载到此就算告一告段落。如果读者有其他方面的问题,欢迎私下跟我讨论,最后,我想总结一句话,苹果的官网的SEO其实是配合产品来做的,产品上领先太多,导致苹果官网即使做简单的SEO也能获得巨大的搜索流量,所以,产品做的好再配合SEO来锦上添花,绝对是一件事半功倍的事情。祝愿大家都能给好的产品做好的SEO!</span><br/></p> </div> </div> </div> </div> <div class="topic_buttons"> <div class="fr gray f11" style="line-height: 12px; padding-top: 3px; text-shadow: 0px 1px 0px #fff;"> </div> </div> </div> <div class="sep5"></div> <div class="box"> <div class="cell"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- jintian_wenzhi --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1837452791782084" data-ad-slot="8042312523" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="sep5"></div> <div class="sep10"></div> <div class="box"> <div class="cell"> <span class="gray">推荐文章</span> </div> <div class="cell"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tbody> <tr> <td width="32" valign="top" align="center"> <img src="http://img2.jintiankansha.me/get?src=http://mmbiz.qpic.cn/sz_mmbiz_jpg/TWTeiaAEGYyibNeB9N5Z2RXiaxST7LBNXIOCh79WHPATcVmL8Xxo0yJtrvr5744Ge5L4GgRXTO8tLHrMcGXxQRv3g/0?wx_fmt=jpeg" referrerpolicy="no-referrer" class="avatar" style="max-width: 32px; max-height: 32px;" border="0" align="default"> </td> <td width="10" valign="top"></td> <td width="auto" valign="top" align="left"> <span class="item_hot_topic_title"> <span>科技美学</span>  ·  <a href="/t/UVY4RDhxNWJmUA==">仰望U9纽北测试意外爆胎,11月初再次包场测试</a> </span> <div class="sep5"></div> <span class="fade">6 天前</span> </td> </tr> </tbody> </table> </div> <div class="cell"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tbody> <tr> <td width="32" valign="top" align="center"> <img src="http://img2.jintiankansha.me/get?src=http://mmbiz.qpic.cn/sz_mmbiz_jpg/TWTeiaAEGYyibNeB9N5Z2RXiaxST7LBNXIOCh79WHPATcVmL8Xxo0yJtrvr5744Ge5L4GgRXTO8tLHrMcGXxQRv3g/0?wx_fmt=jpeg" referrerpolicy="no-referrer" class="avatar" style="max-width: 32px; max-height: 32px;" border="0" align="default"> </td> <td width="10" valign="top"></td> <td width="auto" valign="top" align="left"> <span class="item_hot_topic_title"> <span>科技美学</span>  ·  <a href="/t/UVY4RDhxNWJmUA==">仰望U9纽北测试意外爆胎,11月初再次包场测试</a> </span> <div class="sep5"></div> <span class="fade">6 天前</span> </td> </tr> </tbody> </table> </div> <div class="cell"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tbody> <tr> <td width="32" valign="top" align="center"> <img src="http://img2.jintiankansha.me/get?src=http://mmbiz.qpic.cn/mmbiz_jpg/ur8ldomcUppDW1YW5ENVFEQJJCKQ1qicYHWzRFOzzubxggY5pnJoH3Xic5nRfibzq8K0ORCG3m33CLsXkyZz8FQicA/0?wx_fmt=jpeg" referrerpolicy="no-referrer" class="avatar" style="max-width: 32px; max-height: 32px;" border="0" align="default"> </td> <td width="10" valign="top"></td> <td width="auto" valign="top" align="left"> <span class="item_hot_topic_title"> <span>英国那些事儿</span>  ·  <a href="/t/cUlYWG5YNXRNRA==">生活不止眼前的恋人,还要知道谁在暗恋你</a> </span> <div class="sep5"></div> <span class="fade">7 年前</span> </td> </tr> </tbody> </table> </div> <div class="cell"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tbody> <tr> <td width="32" valign="top" align="center"> <img src="http://img2.jintiankansha.me/get?src=http://mmbiz.qpic.cn/mmbiz_jpg/OVAmd6VfEiaP44wEVYm4ibMco7NNyzTXNvuL8Kic0rQwlmgjNVINw8hroHxrCZxicCd5xpmvtV13lDdrfgxwWlFUBg/0?wx_fmt=jpeg" referrerpolicy="no-referrer" class="avatar" style="max-width: 32px; max-height: 32px;" border="0" align="default"> </td> <td width="10" valign="top"></td> <td width="auto" valign="top" align="left"> <span class="item_hot_topic_title"> <span>华尔街见闻</span>  ·  <a href="/t/cl!DZk9uNElDbg==">百姓需要被教育,房价腰斩一次,他才知道痛</a> </span> <div class="sep5"></div> <span class="fade">7 年前</span> </td> </tr> </tbody> </table> </div> <div class="cell"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tbody> <tr> <td width="32" valign="top" align="center"> <img src="http://img2.jintiankansha.me/get?src=http://mmbiz.qpic.cn/mmbiz_png/w91mibbGb3RnTD8SSr63icdrqqSrCUibCBvMgT3cU4HUHeZTRGLWMdVOm2KCh0jDllhRaBdjfThelxPCnS8h7QVjQ/0?wx_fmt=png" referrerpolicy="no-referrer" class="avatar" style="max-width: 32px; max-height: 32px;" border="0" align="default"> </td> <td width="10" valign="top"></td> <td width="auto" valign="top" align="left"> <span class="item_hot_topic_title"> <span>风和日丽</span>  ·  <a href="/t/Qjha!0FFTkJEMQ==">高育良塑造了“太极型人格”,你身边这种领导多么</a> </span> <div class="sep5"></div> <span class="fade">7 年前</span> </td> </tr> </tbody> </table> </div> <div class="cell"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tbody> <tr> <td width="32" valign="top" align="center"> <img src="http://img2.jintiankansha.me/get?src=http://mmbiz.qpic.cn/mmbiz_jpg/HKOy4YsExrvsvaeyu4rZJxmYpUM9agMm4RBJKBrtPU2PwsNCny0wkMMCWCNkicTicziaaCgNCib5eSXfyJhWiaT5KZQ/0?wx_fmt=jpeg" referrerpolicy="no-referrer" class="avatar" style="max-width: 32px; max-height: 32px;" border="0" align="default"> </td> <td width="10" valign="top"></td> <td width="auto" valign="top" align="left"> <span class="item_hot_topic_title"> <span>米内网</span>  ·  <a href="/t/T29kTUlZWFVRMg==">【IPO】重资产打造医疗闭环,瑞慈体检赴港上市</a> </span> <div class="sep5"></div> <span class="fade">7 年前</span> </td> </tr> </tbody> </table> </div> <div class="cell"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tbody> <tr> <td width="32" valign="top" align="center"> <img src="http://img2.jintiankansha.me/get?src=http://mmbiz.qpic.cn/mmbiz_jpg/TDibbtkXdqUiaw4PdvWuqH92UvHS4icmVry8eBcZUmRiaQzlkpl8XuQEN8YaL48Uiab6KJHQGbEe9me4PYj78icOqdyg/0?wx_fmt=jpeg" referrerpolicy="no-referrer" class="avatar" style="max-width: 32px; max-height: 32px;" border="0" align="default"> </td> <td width="10" valign="top"></td> <td width="auto" valign="top" align="left"> <span class="item_hot_topic_title"> <span>ICExpo</span>  ·  <a href="/t/blpX!WlDbHg1TA==">主力产品进入第一期量产 这家厂商成大陆硅晶圆产业的希望</a> </span> <div class="sep5"></div> <span class="fade">7 年前</span> </td> </tr> </tbody> </table> </div> </div> <div class="sep5"></div> <div class="box"> <div class="cell"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- jintian_wenzhi --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1837452791782084" data-ad-slot="8042312523" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="sep5"></div> </div> </div> <div class="c"></div> <div class="sep20"></div> </div> <div id="Bottom"> <div class="content footer"> <div class="inner"> <div class="sep10"></div> <div class="fr"> </div> <strong> <a href="http://www.sov5.org" class="dark" target="_blank">Sov5搜索</a>   <span class="snow">·</span>   <a href="http://baike.sov5.org" class="dark" target="_blank">小百科</a>   <span class="snow">·</span>   <a class="go-mobile" href="javascript:;">移动版</a> </strong> <div class="sep20"></div> 51好读 - 好文章就要读起来! </div> </div> </div> <script type="text/javascript" src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/highlight.js/9.2.0/highlight.min.js"></script> <script type="text/javascript" src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/jqueryui/1.9.2/jquery-ui.min.js"></script> <script type="text/javascript" src="/static/js/vendors/jquery/jquery.autosize.js?v=ac4d62e3842f55aa2b78d2c2ef1af833"></script> <script type="text/javascript" src="/static/js/vendors/lscache/lscache.min.js?v=bf403ab76d287d394375662defac76c3"></script> <script type="text/javascript" src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/select2/3.0.0/select2.min.js"></script> <script type="text/javascript" src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery.selectboxit/3.8.0/jquery.selectBoxIt.min.js"></script> <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery.textcomplete/0.3.3/jquery.textcomplete.min.js" type="text/javascript"></script> <script type="text/javascript" src="/static/js/site/base/common.js?v=97646d06e4a04b2bf43b7b467cfd321e"></script> <script type="text/javascript" src="/static/js/site/base/v2ex.js?v=d41d8cd98f00b204e9800998ecf8427e"></script> <script type="text/javascript" src="/static/js/site/base/base.js?v=edcfd5298fe2acdc62d7fb498c373f99"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-0SBZ564CXS"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-0SBZ564CXS'); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?55a854de13a9633b2937a3c24817fc7b"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <!-- 多条广告如下脚本只需引入一次 --> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer"> </script> <script type="text/javascript" src="/static/js/site/post/post.js?v=e7935b685b5f2aef4de680492fd620cf"></script> <script type="text/javascript"> jQuery.browser = {}; (function () { jQuery.browser.msie = false; jQuery.browser.version = 0; if (navigator.userAgent.match(/MSIE ([0-9]+)\./)) { jQuery.browser.msie = true; jQuery.browser.version = RegExp.$1; } })(); </script> <script type="text/javascript" src="/static/js/site/post/post_common.js?v=15968870dc6780d5664012d59b217894"></script> <script type="text/javascript" src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery-hashchange/1.3/jquery.ba-hashchange.min.js"></script> <script type="text/javascript" src="/static/js/site/post/post_folder.js?v=d3abab84fa5b19533d2131bf98e690f7"></script> </body> </html>