Optimizing for a Mobile First World

23
@cshel #SEJSummit

Transcript of Optimizing for a Mobile First World

@cshel #SEJSummit

@cshel #SEJSummit

Carolyn ShelbyDirector, SEO at tronc,Inc.

Organic, technical, enterprise, and news20+ years experience

@cshel #SEJSummit

Even if most of your traffic is

desktop, focus on MOBILE first

The mobile content IS the content now

Speed and https more important

than ever

@cshel #SEJSummit

@cshel #SEJSummit

Oh no! Our mobile version is heinous.

What am I going to do?

@cshel #SEJSummit

What we used to do is now wrong

Desktop content is no longer used to calculate relevancy, the mobile experience is now primary.

Mobile content – titles, meta desc, etc. –takes precedence.

@cshel #SEJSummit

Reasons to be concerned

• If you have no mobile site at all.

• If your mobile site contains FAR LESS content than your desktop site.

• If your mobile site has been heretofore treated as an after thought.

@cshel #SEJSummit

Options for a Mobile Solution

• Responsive

• Stand alone mobile site

• … but we have an app!

@cshel #SEJSummit

SEO is still SEO

• Meta data should match between the two versions.

• Content should be as close to the top of the page as possible.

• Responsive sites should “collapse” in the correct order.

• Mind your load times. Excessively large images, scripts and other items that aren’t visible in the mobile view anyway, etc.

@cshel #SEJSummit

Poor placement when “collapsing”

@cshel #SEJSummit

Fancy, but practically useless

at this size

@cshel #SEJSummit

On the desktop, this looks okay.

Here, it looks like there weren’t

enough listings to populate the field.

@cshel #SEJSummit

Do not make users scroll eternally to get to the content

Make sure navigation in both views connects to the same content

Ads should not overwhelm the small, single column mobile version

Any scripts or functionality must work in both mobile and desktop.

@cshel #SEJSummit

TOOLS TO HELP YOU IMPROVE

@cshel #SEJSummit

Check functionality and UX on all devices.

Beyond that, your usual SEO tools should be fine.

@cshel #SEJSummit

@cshel #SEJSummit

Tools for Page Speed and Load Times

• Google PageSpeed Insights https://testmysite.thinkwithgoogle.com/

– Follow guidance for both mobile and desktop

• Many SEO tools pull in PageSpeed and Yslow into their auditing tools.

@cshel #SEJSummit

@cshel #SEJSummit

@cshel #SEJSummit

Conversations to have…

• Fonts based on ease/speed of load vs what the designer used in the photoshopped mock up?

• Content to suppress on the mobile site? (Using detection to deliver only the pieces necessary to the UX)

• How many different tracking tools do you need? How many customer analytics/behavior monitoring beacons?

@cshel #SEJSummit

More Speed and Performance?

For more performance and speed advice (which is very applicable to mobile first), see my talk from last year.

@cshel #SEJSummit

Twitter @cshel

Linkedin linkedin.com/in/cshel

Google+ +CarolynShelby

@cshel #SEJSummit

Even if most of your traffic is

desktop, focus on MOBILE first

The mobile content IS the content now

Speed and https more important

than ever