<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="http://mmbiz.qpic.cn/mmbiz/eyc4ReGTQLibU1FuL2xUSuV5ibwQzH1R3ibkxEibpgiapqfXyfwtIQvnRa4A2wu9rltb0r7iaGLWehFH4ZPwoeCnj6hQ/0?wx_fmt=gif&tp=webp&wxfrom=5&wx_lazy=1" style="width: 50%; margin-bottom: 20px;"></p><span style="color: black;"><strong style="color: blue;">实 | 战 | 篇</strong></span>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">说到移动端手机网站的建设及优化,估计<span style="color: black;">非常多</span>读者要说了,“<span style="color: black;">咱们</span>是做工程(<span style="color: black;">或</span>批发、大型设备之类)的,客户是企业都是上班的时候在电脑上搜,手机网站简单copy一下PC网站就好了。”真是<span style="color: black;">这般</span>吗?下面是<span style="color: black;">南宁桂之邦工程机械有限<span style="color: black;">机构</span>在百度刚<span style="color: black;">调节</span>时候的聊天截图:</span></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><img src="http://mmbiz.qpic.cn/mmbiz/eyc4ReGTQLib0WrpC7vVo49GnbAtEt8cmAv9U9uUvupZribmYXMxZMjaaUWichaMKOJnp1z0IMGdhsDBZx9oS64Hg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">“其实PC端减少<span style="color: black;">宣传</span>位对我影响不大,<span style="color: black;">咱们</span><span style="color: black;">重点</span>还是靠移动端的,移动没变的话都不怕。”<span style="color: black;">想不到吧,</span>做挖掘机配件的<span style="color: black;">机构</span><span style="color: black;">重点</span>的询盘都来自移动端。咱先不说<span style="color: black;">越来越多的用户从PC端转向移动端,<span style="color: black;">为何</span>要做移动端优化,下面3个理由分分钟让人不得不花心思在移动端了:</span></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">1.</span><span style="color: black;">百度<span style="color: black;">调节</span>竞价<span style="color: black;">宣传</span>位数量后,</span><span style="color: black;"><span style="color: black;">因为</span>移动端的<span style="color: black;">宣传</span>本来就少,推广效果并<span style="color: black;">无</span>受到太大的影响。<span style="color: black;">因此</span>,在PC端<span style="color: black;">宣传</span>位<span style="color: black;">海量</span>下架的时候,移动端是一个机会。</span></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">2.企业开通百度推广<span style="color: black;">必定</span>要有手机网站;</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">3.百度<span style="color: black;">再也不</span>对开通竞价推广的企业赠送手机网站(其实百度之前送的手机网站,<span style="color: black;">亦</span>只是PC网站转码来的)。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">因此</span>请务必加强移动端网站的建设优化!牛牛今天就给<span style="color: black;">大众</span>讲讲手机网站该怎么去优化,<span style="color: black;">无</span>手机网站的<span style="color: black;">能够</span>借鉴,<span style="color: black;">已然</span>建设手机网站的对比<span style="color: black;">检测</span>:</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;">首要</span><span style="color: black;">咱们</span>从外观上说,<span style="color: black;">意见</span>老板对比<span style="color: black;">检测</span>:</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">1、定位和页面设计</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">①</span>无论是PC端还是移动端,网站都要<span style="color: black;">思虑</span>清楚<span style="color: black;">目的</span>客户的定位问题。这个<span style="color: black;">能够</span>参考之前老牛讲到过的多次网站定位问题,<span style="color: black;">例如</span>搞清楚“<span style="color: black;">目的</span>客户”和“<span style="color: black;">目的</span>客户的客户”分别要的是什么。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">②</span>在页面设计时,要<span style="color: black;">思虑</span>到用户打开网页的时长,<span style="color: black;">避免<span style="color: black;">运用</span>弹窗、flash、javascript等技术</span>。<span style="color: black;">这</span><span style="color: black;">不仅</span>是影响用户体验,<span style="color: black;">同期</span></span><span style="color: black;"><span style="color: black;">针对</span>搜索引擎而言,基本理解不了。<span style="color: black;">咱们</span>要<span style="color: black;"><span style="color: black;">尽可能</span>减少百度索引抓取的工作,让百度蜘蛛尽可能多的爬行和收录页面。</span></span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">在技术层面来讲,Apple<span style="color: black;">制品</span>不支持Flash功能,</span><span style="color: black;"><span style="color: black;">同期</span>Flash会占用<span style="color: black;">海量</span>的流量和网速,<span style="color: black;">日前</span><span style="color: black;">已然</span><span style="color: black;">处在</span>边缘化,地位<span style="color: black;">逐步</span>被HTML5所替代。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">2、网站尽可能简洁</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"> ①手机网站比PC端网站的页面下载速度要慢得多,<span style="color: black;">因此呢</span><span style="color: black;">尽可能</span>把页面数和页面<span style="color: black;">体积</span><span style="color: black;">掌控</span>到最低。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"> ②<span style="color: black;">另外</span>,手机用户浏览网页的时间是零碎的,不可能耐心点击<span style="color: black;">非常多</span>的页面,<span style="color: black;">况且</span>浏览习惯是纵向(上下)滑动。<span style="color: black;">因此呢</span>,网站首页<span style="color: black;">能够</span>多屏设计,<span style="color: black;">然则</span>要尽可能的减少网站页面层级。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">③咨询探头尽可能精简再精简,从客户进入网站到询盘尽可能<span style="color: black;">供给</span>最直接的方式,<span style="color: black;">例如</span><span style="color: black;">tel</span>咨询,杜绝在线留言、发邮件等。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><span style="color: black;">而后</span>放大招,内容<span style="color: black;">触及</span>到专业术语,<span style="color: black;">意见</span>专业优化以站长对比<span style="color: black;">检测</span>:</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">3、域名和robots设置。</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"> ①域名尽可能简短易记,大部分手机版网站的域名是PC端网站的二级域名,当然这个<span style="color: black;">亦</span>很好,与传统网站保持一致,更让<span style="color: black;">注重</span>用户信赖。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">②robots设置上最好不要任何限制,让所有搜索引擎抓取。<span style="color: black;">另一</span>小生在<span style="color: black;">这儿</span>纠正一个<span style="color: black;">非常多</span>站长想当然的误区,百度官方声明百度spider的爬虫UA是Baiduspider(www 和wap 一致),个别站长经常会误认为百度手机爬虫的UA是baiduspider-mobile,其实没这回事。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">4、页面细节优化。</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">①专属的手机网站头部标签。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">针对</span>手机网站的首页<span style="color: black;">或</span>频道首页的网页代码中的keywords、description最好加上与PC端有所区别的meta标签和关键词,在<span style="color: black;">每一个</span>页面的关键字及描述像做传统PC端网站一 样,做好针对性的填写工作。对搜索结果的展现(摘要)以及优化工作大有<span style="color: black;">帮忙</span>。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">②减少死链。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">倘若</span><span style="color: black;">无</span>内容,最好用状态码指定,<span style="color: black;">例如</span>404、403 等;<span style="color: black;">倘若</span>内容死链<span style="color: black;">期盼</span>重定向到首页,最好<span style="color: black;">经过</span>302重定向<span style="color: black;">转</span>,不要<span style="color: black;">运用</span>javascript的动态请求方式<span style="color: black;">转</span>。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">5、<span style="color: black;">运用</span>规范化的协议,做好浏览器兼容调试工作。</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">通常</span><span style="color: black;">来讲</span>手机建站有xhtml、html5、wml 三种协议,最好<span style="color: black;">运用</span>规范化、标准化的协议格式,避免<span style="color: black;">导致</span>不必要的麻烦。当然<span style="color: black;">亦</span><span style="color: black;">能够</span>做多个版本的站点,站点进行<span style="color: black;">区别</span>版式的自动适配。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">6、url链接规范化。</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">①<span style="color: black;">针对</span>多个板块的二级域名<span style="color: black;">或</span>目录<span style="color: black;">来讲</span>,<span style="color: black;">运用</span>规范、简单的url,<span style="color: black;">尽可能</span>去除与页面内容无关的参数,如用来区分手机型号、区分<span style="color: black;">拜访</span>用</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">户,方便统计参数。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"> ②</span><span style="color: black;">页面url链接<span style="color: black;">转</span>最好是正常格式的<span style="color: black;">目的</span>url,不要有太多的参数夹在在url中间进行<span style="color: black;">转</span>。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">7、做好移动版与PC版网站的转换。</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">①<span style="color: black;">保证</span>在手机网站<span style="color: black;">或</span>PC端网站各个页面上有相应的导航<span style="color: black;">或</span>提示链接,让用户<span style="color: black;">能够</span>在手机版和PC版进行切换,<span style="color: black;">亦</span>便于搜索引擎更好的收录。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">②百度官方曾声明,<span style="color: black;">针对</span>移动站点,当baiduspider ua<span style="color: black;">或</span>其它<span style="color: black;">没法</span>确定<span style="color: black;">源自</span>的ua<span style="color: black;">拜访</span>时,<span style="color: black;">意见</span>默认<span style="color: black;">状况</span>下直接返回html5 或xhtml 类型的移动页面,不要重定向到PC页面。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">8、其它优化事项。</span></strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">其它<span style="color: black;">有些</span>优化要点与传统PC端网站优化<span style="color: black;">同样</span>。如网站结构要用<span style="color: black;">恰当</span>的树形结构,最好采用树形和扁平相结合;清晰的面包屑导航,方便搜索引擎爬行抓取和用户体验;title写法要<span style="color: black;">尽可能</span><span style="color: black;">包括</span>关键字,首页、频道页、内容页写法要有所侧重。</span></p>以上<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">从技术<span style="color: black;">方向</span>出发来做手机网站优化,可能对<span style="color: black;">非常多</span>读者<span style="color: black;">来讲</span>难度比<span style="color: black;">很强</span>。<span style="color: black;">意见</span>专业的事交给专业的人来做,有一个最利于优化的手机网站最重要。</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"> 我深感你的理解与共鸣,愿对话长流。 期待更新、坐等、迫不及待等。
页:
[1]