18 Action Points to Build a Mobile Website Visitors Love

18 ACTION ITEMS TO BUILD A SITE MOBILE USERS LOVE @PolePositionMkg

18 Ways to Build a Mobile Site Users

LOVE#SEJThinkTank

@PolePositionMkg


• @StoneyD• +StoneydeGeyter• linkedin.com/in/stoneygd

Web PresenceOptimization

Stoney deGeyter

THIS IS ME I do this

Follow me here

Check out my book

Hire my te

am

WebM

arketingChecklist.comPolePositionMarketing.com

@StoneyDStoney deGeyer

@polepositionmkg

WHY MOBILE-FRIENDLY DESIGN IS IMPORTANT

#SEJThinkTank

@PolePositionMkg


Mobile internet usage now exceeds desktopWHY MOBILE-FRIENDLY DESIGN IS IMPORTANT

#SEJThinkTank


More searches are performed on mobile devicesWHY MOBILE-FRIENDLY DESIGN IS IMPORTANT

More Google searches take place

on mobile devices than PCs in 10

countries, including the US and Japan.

http://adwords.blogspot.com/2015/05/building-for-next-moment.html

#SEJThinkTank


The multi-screen experience is the new normalWHY MOBILE-FRIENDLY DESIGN IS IMPORTANT

#SEJThinkTank


Mobile-friendly design is critical for local search


Nearly half of U.S. mobile users use mobile exclusively for their product research

80% of local searches performed on mobile devices convert to purchase

- Search Engine Watch#SEJThinkTank


Mobile visitors get easily frustrated and leave . . .


. . . If they find you AT ALL!

#SEJThinkTank


MOBILEGEDDONWHY MOBILE-FRIENDLY DESIGN IS IMPORTANT

#SEJThinkTank


Mobile isn’t the future, it’s nowWHY MOBILE-FRIENDLY DESIGN IS IMPORTANT

#SEJThinkTank


Poll Question #1Were you impacted by Mobilegeddon?

A) I died in mobilegeddon and all I got was this lousy website.B) Mobilegeddon was a huge wakeup call for me.C) I think I felt a few tremors--and then fell back to sleep.D) It was business as usual for me.


@polepositionmkg

START WITH A MOBILE FOUNDATION


Mobile can no longer be an afterthoughtSTART WITH A MOBILE FOUNDATION

#SEJThinkTank


Plugins and addons are a band-aid solutionSTART WITH A MOBILE FOUNDATION

#SEJThinkTank


Responsive designSTART WITH A MOBILE FOUNDATION

#SEJThinkTank


Other mobile configurationsSTART WITH A MOBILE FOUNDATION

Dynamic Serving

• Same url• Different HTML/CSS• Tricky – have to

immediately change setup that alters CSS & HTML for mobile users.

Separate URLS

• Two different URLS for viewing mobile & desktop versions.

• Different HTML/CSS

#SEJThinkTank


Google recommends responsive design because . . .

You only have to maintain one site

It works with virtually every device and platform

Google can crawl your site more efficiently

START WITH A MOBILE FOUNDATION

#SEJThinkTank


@polepositionmkg

ACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

#SEJThinkTank @PolePositionMkg


#1 – Design buttons and links for fat fingersACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

#SEJThinkTank


#2 – Collapsible navigationACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

Click here To get this

#SEJThinkTank


#3 – Less text (is more)ACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

#SEJThinkTank


#4 – Chunk contentACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

#SEJThinkTank


#5 – Large (readable) fontsACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

#SEJThinkTank


#6 – Text label above field entryACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

this

above this

#SEJThinkTank


#7 – Remove placeholder text in form fieldsACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

no

nope

nada

nee

nein

non

nyet

#SEJThinkTank

noooooooooooooooooooooo


Poll Question #2How mobile ready is your website?

A) 100% - I’m all over thisB) 75% - Almost thereC) 50% - Well on my wayD) 25% - I just startedE) 0% - Mobile what?


#8 – Use selection boxesACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

#SEJThinkTank


#9 – Eliminate pop-upsACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

#SEJThinkTank


#10 – On demand social sharingACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

this

not this

#SEJThinkTank


#11 – Utilize horizontal scrolling (swiping)ACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

#SEJThinkTank


#12 – Optimize imagesACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

Mobile displays images much smaller than desktop. Don’t force the device to shrink images for you – that can increase load time.

#SEJThinkTank


#13 – Reduce HTTP requestsACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

#SEJThinkTank


#14 – Reduce scripts and inline stylesACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

#SEJThinkTank


#15 – Use CSS instead of JavascriptACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

#SEJThinkTank


#16 – Tie address to GPS coordinatesACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

#SEJThinkTank


#17 – Link to full websiteACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

#SEJThinkTank


@polepositionmkg

IF YOU MISSED MOBILEGEDDON…

Think of Mobilegeddon as a delayed impact.

If you didn’t have a chance to prepare, you

still have time.

But Mobilegeddon may still be coming for you!

I’ll be back

https://www.flickr.com/photos/yortw/5191097421

#SEJThinkTank

@PolePositionMkg


WebMarketingChecklist.com

Thank You!

http://ppmkg.com/mobile-web#SEJThinkTank


ACTION TIPS TO BUILD A MOBILE-FRIENDLY SITE

#SEJThinkTank

Internet

18 Action Points to Build a Mobile Website Visitors Love