(1)由于现在用户使用移动设备访问网页的频率越来越高,个别行业的移动搜索次数已经超过PC,所以没有移动站点,会丢失大批量的用户。
(2)没有移动站点,用户在使用搜索引擎搜索时,展现给用户的页面可能是转码页(搜索引擎提取网页主题内容重排后展现给用户)或者是PC页面。对用户使用造成困难,跳出率会非常高。
网站设计移动站优化注意事项
1.URL定义
具有良好描述性、规范、简单的URL,有利于用户更方便地记忆和直观判断网页内容,也有利于搜索引擎更有效地抓取和理解网页。网站设计之初,就应该有合理的URL规划。
(1)对于移动站首页一般采用m.exemple.com,最好不要使用目录www.exemple.com /a/作为移动站
(2) 频道页采用m. exemple.com/n1/、m. exemple.com/n2/(其对应于PC站点的频道n2. exemple.com),当然,n1、n2直接可读更佳;
(3)详情页的URL尽量短,减少无效参数,例如统计参数,地址偏移参数等,保证同一页面只有一套URL地址,不同形式的URL301跳转到正常URL上;
(4)Robots封禁蜘蛛抓取您不想展示给用户的URL。
(5)移动站URL结构最好和PC结构相似(方便进行适配文件制作)
2.TDK注意事项
(1)title最好不要过长
(2)不要罗列关键词
(3)重要内容往左放
(4)保持语义通顺(尤其是description)
(5)使用用户经常搜索的关键词
(6)知名品牌品牌词最好要露出
3. 页面加载性能
(1)页面响应时间最好不要超过3s,由于搜索蜘蛛在网站停留时间有限,为了更可能的让蜘蛛多抓取页面,对页面性能最好进行监控和优化。
(2) 移动互联网上,网站的打开速度对用户体验的影响更加凸显。实验表明一个页面的打开时间超过4~5s,绝大部分用户选择关闭,大大增加了跳出率。
4. 页面加载方式
(1)对于页面主题内容(文字,图片,a链接)一定要使用同步加载,不要使用ajax异步加载(无法解析页面内容)
(2) 对于不想搜索蜘蛛抓取的内容可以使用异步加载
5. 页面源码移动标识添加
(1)移动标签:
移动站:<meta name="applicable-device" content="mobile">
自适应:<meta name="applicable-device" content="pc,mobile">
(2)title上添加移动版,手机版,触平版,mobile等字样
(3)禁止转码:<meta http-equiv="Cache-Control“ content=”no-transform“/>
(5)尽量减少具有强PC标识的html标签(iframe,object等)
6.内链布局
不同类型的页面最好有链接交叉布局:
(1)比如产品页可以推荐一些相同类型或者其他类型的产品,城市类列表页推荐一些周边城市页面
(2)可以在非重要位置添加面包屑
7.sitemap提交
观察下来各家搜索引擎对移动站点的URL抓取量和收录量都较少,所以建议最好制作xml格式的文件在站长后台进行提交,帮助搜索蜘蛛尽快抓取URL。具体制作方法参考各家站长平台提供的文件格式。
三、如何进行适配
目前较流量的PC站与移动站配置方式有三种,分别为跳转适配、代码适配和自适应,以下为这三种配置方式的名词解释和注意事项:
1.跳转适配
该方法会利用单独的网址向每种设备提供不同的代码。这种配置会尝试检测用户所使用的设备或ua,然后使用 HTTP 重定向和 Vary HTTP 标头重定向(302)到相应的页面。
注意事项:在此配置中,每个pc版网址都具有一个对应的不同网址,用于提供针对移动设备进行优化的内容。
在pc版网页上,添加指向对应移动版网址的特殊链接 rel="alternate" 标记。这有助于发现网站的移动版网页所在的位置。
在移动版网页上,添加指向对应pc版网址的链接 rel="canonical" 标记。
2.代码适配
该方法使用相同的网址(不考虑用户所使用的设备),但会根据服务器对用户所用浏览器的了解(ua),针对不同设备类型生成不同版本的 HTML。
3.自适应
通过同一网址提供相同 HTML 代码的网站设计方法。该方法不考虑用户所使用的设备(pc、平板电脑、移动设备),但可以根据屏幕尺寸以不同方式呈现(即适应)显示屏。
说明:以上三种方法可以根据自己站点情况进行选择(选择一种即可),建议使用跳转适配(各家移动搜索引擎会抓取大量的PC页面,跳转适配可以在使用户在移动端访问PC页面时自动跳转到移动页面,提高用户浏览体验),响应式网站设计一般使用自适应适配。