The Future of Mobile - Presented at SMX Munich

Post on 21-Mar-2017

1.024 views 3 download

Transcript of The Future of Mobile - Presented at SMX Munich

FUTURE OF MOBILE

EXECUTIVE TEAMERIC ENGE, CEO

NOTABLE SPEAKER, BOOK AUTHOR & ENTREPRENEUR 2016 US Search Awards Search Personality of

the Year2016 Landy’s Search Marketer of the Year

STATE OF THE WEBDesktop Vs. Mobile

Eric Enge @stonetemple www.stonetemple.com

Desktop vs. Mobile Visits

Eric Enge @stonetemple www.stonetemple.com

Desktop vs. Mobile Page Views Per Visitor

Eric Enge @stonetemple www.stonetemple.com

Desktop vs. Mobile Bounce Rate

Eric Enge @stonetemple www.stonetemple.com

Desktop vs. Mobile Total Time Spent

Eric Enge @stonetemple www.stonetemple.com

Your Prospects Screen Looks a Bit Like This …

Eric Enge @stonetemple www.stonetemple.com

Your Normal Desktop Page Looks Like This, and…

Eric Enge @stonetemple www.stonetemple.com

Does it Make Sense to Shove 10 LBS of *** Into a 5 LB Bag?

Eric Enge @stonetemple www.stonetemple.com

Consider Deferred Conversions

Eric Enge @stonetemple www.stonetemple.com

Problems with the Mobile Web

Proliferation of

devicesCrawl bloat

Programming

complexity

Eric Enge @stonetemple www.stonetemple.com

From Google’s Mobile First Announcement

Eric Enge @stonetemple www.stonetemple.com

Mobile Subdomain orDynamic Serving Responsive Web Design

Different HTML, Based On Device Same HTML to Each Device

Eric Enge @stonetemple www.stonetemple.com

Dynamic Serving – Responsive Design Comparison

Eric Enge @stonetemple www.stonetemple.com

• Content Served on the Same URL as Desktop

• Web Server Relies on User Agent Detection

• Different Page Code Served to Each Device Type

• Easy to Serve a Significantly Different Experience to Desktop and Smartphone Users

• Content Served on the Same URL as Desktop

• Same Page Code Served to Each Device Type

• Up to the Device to Use Media Queries to Select the Right Style Sheet to Render Page

• More Difficult to Serve a Significantly Different Experience to Desktop and Smartphone Users

Eric Enge @stonetemple www.stonetemple.com

Google’s Accelerated Mobile Pages (AMP)

Eric Enge @stonetemple www.stonetemple.com

Why AMP?

martinlugton.com

Eric Enge @stonetemple www.stonetemple.com

Why AMP – Ringier.ch case study

Open System

Participants Include:• Google• Twitter• Pinterest• Wordpress• The Guardian

Limited HTML/JS Elements Allowed

Limited HTML

Elements

• Limited JavaScript• Can Only Use AMP Provided

JS Library• All Content is Pre-rendered

Eric Enge @stonetemple www.stonetemple.com

AMP Image Tags

Eric Enge @stonetemple www.stonetemple.com

AMP Animated GIFs

Eric Enge @stonetemple www.stonetemple.com

AMP Video Tags

Eric Enge @stonetemple www.stonetemple.com

AMP Audio Tags

Eric Enge @stonetemple www.stonetemple.com

AMP Switchboard Tags

Eric Enge @stonetemple www.stonetemple.com

Normal

Version of Page

Eric Enge @stonetemple www.stonetemple.com

Smartphone

Version (AMP)

Tablet Version (AMP)

Eric Enge @stonetemple www.stonetemple.com

71% Reduction in Page

Size

Source: SmallSEOTools.com

AMP Impact on Page Size

Eric Enge @stonetemple www.stonetemple.com

This Will Speed Up the

Page Even Further

AMP Partners Can Cache the Page

Eric Enge @stonetemple www.stonetemple.com

How Caching Works

Eric Enge @stonetemple www.stonetemple.com

AMP Impact With Caching Included

Amp Plugins

Eric Enge @stonetemple www.stonetemple.com

Wordpress• https://wordpress.org/plugins/amp/• https://wordpress.org/plugins/accelerated-mobile-pages/Drupal• https://www.drupal.org/project/amp

Importance of Speed

Eric Enge @stonetemple www.stonetemple.com

Faster Pages ARE a big deal

Continuing Rise of Mobile Devices Only Drives More Demand

Your Competitor Will Do it, Whether or Not You Do

Can’t Ignore the Importance of Mobile Performance

Mobile First Indexing & Crawling

Eric Enge @stonetemple www.stonetemple.com

Short Summary of Mobile First Impact

Your Crawl Path May Be Broken

Key Content May Be Missing From Your Pages

You Should Implement Structured Markup on Your Mobile Pages

Shows which pages are getting the most emphasis in your link structure

Summary of a Crawl of a Travel Site

Eric Enge @stonetemple www.stonetemple.com

Length of Crawl Path on the Travel Site

Eric Enge @stonetemple www.stonetemple.com

Travel Site Crawl – Other Site Issues

Eric Enge @stonetemple www.stonetemple.com

No category Navigation – this is why click depth is

217 clicks

Most mobile pages have 2 canonicals

Blog comments each have their own URLs

No structured markup on the mobile pages

Transportation Site Crawl – Basic Data

Eric Enge @stonetemple www.stonetemple.com

Transportation Site Problems

Mobile site is all forms

No crawl path to critical content

Info on pricing missing from mobile site

Missing information includes all their services info!

Game Retail Site Crawl – Basic Data

Eric Enge @stonetemple www.stonetemple.com

Game Retail Site Crawl – Page Data

Eric Enge @stonetemple www.stonetemple.com

Small Retail Site Crawl – Critical Issues

Eric Enge @stonetemple www.stonetemple.com

No Category Pages

Lots of Thin Content Pages

No Basic Navigation

Large Retail Site – Basic Data

Eric Enge @stonetemple www.stonetemple.com

Most Installed iPhone Apps in Germany(SimilarWeb)

Eric Enge @stonetemple www.stonetemple.com

Most Installed Android Apps in Germany(SimilarWeb)

Eric Enge @stonetemple www.stonetemple.com

44% of ALL

Digital Media Time(US

Data)

Eric Enge @stonetemple www.stonetemple.com

Progressive Web Apps

Enable Site Designers to

Access Phone

Hardware

Eric Enge @stonetemple www.stonetemple.com

Air Berlin Demonstrate

d PWA at Google I/O

2016https://m.airberlin.com/en/pwa

Eric Enge @stonetemple www.stonetemple.com

https://flights.airberlin.com/en-DE/progressive-web-app

Eric Enge @stonetemple www.stonetemple.com

How Air Berlin Built Their PWA

Advantages of Progressive Web Apps

Eric Enge @stonetemple www.stonetemple.com

• Access to entire web ecosystem

• No need to maintain backwards compatibility

• Easier to deploy and maintain

• Discoverable in search engines

Progressive Web Apps Still Can’t …

Eric Enge @stonetemple www.stonetemple.com

• Perform Inter-app communication

• Trigger on user proximity• Access the address book• Access Bluetooth API• Detect network type /

speed• Detect ambient light

intensity

Gary Illyes - 2016the number of mobile voice searches have

more than doubled than the year before

we get 30 times as many action queries by voice as by typing

Eric Enge @stonetemple www.stonetemple.com

13% of People are Likely or Very Likely to Speak Commands to Their Phone in a Public Restroom

Eric Enge @stonetemple www.stonetemple.com

Men More Likely to Speak Commands

13% of Men are Likely or Very Likely to Speak Commands to Their Phone in a Theatre

Eric Enge @stonetemple www.stonetemple.com

23% of People With 100K+ Income are Likely or Very Likely to Speak Commands to Their Phone in a Public Restroom

Eric Enge @stonetemple www.stonetemple.com

High income are more likely to get annoyed by other

using voice commands (50.8%

vs. 41.8% for all responses),

Eric Enge @stonetemple www.stonetemple.com

FUTURE’S COMING FAST

Eric Enge @stonetemple www.stonetemple.com

Eric Enge @stonetemple www.stonetemple.com

75% of the Devices Will be Something

OTHER than a Smartphone, Tablet, or PC

Eric Enge @stonetemple www.stonetemple.com

Eric Enge @stonetemple www.stonetemple.com

Death of the Search Box

Eric Enge @stonetemple www.stonetemple.com

Death of the

Browser Too!

Eric Enge @stonetemple www.stonetemple.com

Google Assistant Answers the Most

Questions Correctly

Eric Enge @stonetemple www.stonetemple.com

Cortana Pushing Featured Snippets Aggressively

Eric Enge @stonetemple www.stonetemple.com

Siri Strong on Direct Answers

Eric Enge @stonetemple www.stonetemple.com

Thank You!THANK YOU!Eric Engeeenge@stonetemple.com@stonetemple+Eric Enge(508) 962-8474www.stonetemple.com