【SEO】行动网站SEO.png

讲师: 连启佑老师

上课笔记者: 翁仔

 

手机趋势,相关连结

2015年Google全球行动搜寻已经超越桌机

Internet Trends 2015 - code conference

    -> 知名趋势分析者 - Mary Meeker

※ Nomophobia

行动版网站搜寻引擎最佳化

 

 

【SEO】架构图.PNG

DAO (Digital Asset Optimization)

数位资产优化, 除了网站外, EX: 图片、影片、其他档案、域名等优化

-> 2007年改成全面式搜寻 (Universa search), 同一个域名只会有一页显示在搜寻引擎

    相关连结: Optimizing Your Digital Assets To Boost Rankings & Branding
 

ASO (App Store Optimization)

->相关介绍: en.wikipedia.org/wiki/App_store_optimization

 

Wearable SEO (穿戴式SEO)

网站如何在穿戴式装置被搜寻到

->影片介绍: www.youtube.com/watch?v=7bXJ_obaiYQ

 

APP Indexing

行动搜寻时, 可以在网页打开相关APP

Ex: 在Google搜寻到FB内容时, 点击该网址就会打开手机里的FB APP到此内容

      (若没有APP, 仍然可以使用行动网站, 但会鼓励你下载APP)

->相关介绍: https://developers.google.com/app-indexing/?hl=en

    影片介绍: https://www.youtube.com/watch?v=aISUYHTkTOU

 

Local SEO (地名+关键字)

->相关介绍: https://moz.com/ugc/category/local-seo

【SEO】Local Seo.png

 

ORM (线上口碑管理)

负评较难消除, 用正评去操作

->相关介绍: https://en.wikipedia.org/wiki/Reputation_management

 

 

Mobile与Desktop搜寻的不同

1. 查询方式不同

   ※ 输入较困难、语音

       -> 长尾关键字、自然语言关键字

       -> 搜寻关键字呈现M字型, 奇怪的关键字冒出

2. 搜寻结果不同

   ※ 同一个关键字在手机与PC搜寻结果不同   

   ※ 多本地搜寻 ( Local Search) -> 因为知道你位置所在

   ※ 未来社交讯号会影响 -> 手机时常会登入google帐号

3. 显示方式不同

   ※ 图片和影片的搜寻结果变少

       -> 模拟手机大小工具  Firefox User Agent Switcher

   ※ Mobile Friendly

4. 点击行为不同

   ※ 手机点击率更高

       -> SEOCLARITY CTR STUDY: MOBILE VS. DESKTOP

5. 内容呈现不同

   ※ 频宽

   ※ 萤幕尺寸 -> 手机模拟器MobileEmulator

6. 转换率不同

   ※ 目前手机转换率较低, 原因: (1) 使用者体验

                                          (2) 使用者习惯

                                          (3) 金流、物流机制目前较不完善

 

 

行动网站的三种配置

1. 回应式网页设计 (RWD)

【SEO】响应式网页.png

    ※ 根据装置同一个URL、同一个HTML、不同的CSS

    ※ Google 建议设计

    ※ 优点:

         * 一个网址两种版本的网页, 避免重复性内容问题

         * 整合反向连结资源

              -> 相关外部连结只需要做一次

         * 容易维护

         * 无须转址

         * 提高索引效率

    ※ 缺点:

         * 网站可能需要重新设计

         * 桌面、行动版网页差异较少

         * 较难聚焦在行动使用者体验

         * CSS需要不断调整

         * 开发弹性较差

2. 动态服务

【SEO】动态服务网页.png

    ※ 根据装置同一个URL、不同HTML、不同的CSS

    ※ 做SEO也可

    ※ 优点:

         * 一个网址两种版本的网页, 避免重复性内容问题

         * 整合反向连结资源

              -> 相关外部连结只需要做一次

         * 能够提供较具差异的桌机、行动版网页

         * 较佳的行动使用者体验

         * 比RWD开发弹性高

    ※ 缺点:

         * 导入复杂

         * 较高维护成本

3. 大小网 (独立网址)

    ※ 根据装置不同URL、不同HTML、不同的CSS

    ※ 做SEO不易

    ※ 优点:

         * 较容易导入

         * 能够提供较具差异的桌机、行动版网页

         * 较佳的行动使用者体验

    ※ 缺点:

         * 重复性内容问题

              -> 容易出现技术上的问题

         * 分散反向连结资源

         * 较高的维护成本

 

 

行动网站SEO健诊

-> 手机优化大体上与桌机相同,只有30%不同

1. 让搜寻引擎得知您的网站配置 (相关连结)

【SEO】让搜寻引擎得知您的网站配置.PNG

    (1) 各种配置通用

          ※ 检查行动网站在搜寻引擎抓取和索引情形

          ※ 模拟Google Mobilebot抓取行动网页

【SEO】Google Mobilebot.PNG

          ※ 检查搜寻引擎在抓取行动网站时所遇到的错误

          ※ 检查行动网页下载速度

              -> Google Page Speed

          ※ 使用 User Agent Switcher

              -> 观察关键词在行动装置与桌机搜寻结果的不同

          ※ 测试影片是否可在行动装置拨放

          ※ 使用者介面测试  

              -> Mobile Fridenly

    (2) 回应式网页

          ※ 使用中继检视点(meta name = "viewport")标记

              -> 指示浏览器如何调整内容

【SEO】回应式网页SEO-Viewport标记.PNG

          ※ 如需使用回应式图片, 请加入<picture>元素

    (3) 动态服务

        ※ 使用Vary HTTP标头, 依据使用者代理程式指名变更

【SEO】动态服务网页SEO-Vary HTTP标头.PNG

    (4) 大小网 (独立网址)

         ※ 使用rel="canonical", rel="alternate"标记说明两个网址间关系

           电脑版网页(http://www.example.com/page), 加入"alternate"替代 标记

【SEO】大小网网页SEO-电脑版网页alternate标记.PNG

           行动版网页(http://m.example.com/page) 加入"canonical"指向 标记

【SEO】大小网网页SEO-行动网页canonical标记.PNG

         ※ 其他重要检测

            ->测试PC到行动网址是否有转址与404错误

            ->检查是否提供访客版本切换选项

【SEO】切换版本.png

            ->检查是否提交行动版网页XML Sitemaps

            ->检查"Robots.txt"和"Meta No-Index"

【SEO】robotstxt.PNG

【SEO】Meta index.PNG

2. 手机网页常见错误 (相关连结)

     ※ JavaScript、CSS 和图片档案遭到封锁

     ※ 无法播放的内容 -> Flash

     ※ 重新导向错误

     ※ 只有行动装置上显示 404 错误

         -> 大小网 (独立网址) 容易发生

     ※ 应用程式下载插页广告

     ※ 不相关的交叉连结

         -> 桌机不能连结设到手机, 手机不能连结设到桌机 (大小网)

     ※ 行动网页载入速度缓慢

        -> 手机开网页, Google建议1秒内, 但实际10秒内开启是标准值

        -> 可以用jQuery的lightbox, 解决图片loading过重问题

3. Mobile Friendly

     (1) Mobilegeddon

           ※ Google公告: Finding More Mobile-Friendly Search Results

           ※ 预期影响层面将比Google Panda与Penguin合起来还大

           ※ 预期对品牌企业的冲击大于一般企业

           ※ 全球、全语言、即时反应

           ※ 有 "mobile-friendly" tag代表过关

           ※ Google目前不处罚没有Mobile Friendly的网站, 但会有效提升

           ※ 演算法是Page-by-Page, 不是Site-Wide

           ※ 目前网页下载速度使用Google Page Speed桌面版, 很快就会有手机版

     (2) 三宝工具

           ※ Google Mobile-Friendly

【SEO】Mobile-Friendly.PNG

           ※ Google PageSpeed Insights

【SEO】Google Page Speed.PNG

           ※ Google Mobile Usability Report

【SEO】Google Mobile Usability Report.PNG

 

4. 绩效分析 -> GA里可看到

     ※ 行动装置占网站总流量比例

【SEO】行动装置占网站总流量比例.PNG

     ※ 使用者主要上网行动装置

【SEO】主要上网行动装置.PNG

     ※ 行动搜寻流量

【SEO】行动搜寻流量.PNG

     ※ 使用手机模拟器观察行动网站在各种尺寸装置下如何呈现

          -> 手机模拟器MobileEmulator

     ※ 观察行动装置主要引进流量的搜寻关键词和网页有哪些

          -> 主要引进流量的搜寻关键词

【SEO】行动装置主要引进流量的关键字.PNG

          -> 主要引进流量的网页

【SEO】行动装置主要引进流量的网页.PNG

 

 

 

相关文章