On-Page SEO for MobileHow to future proof your site for Mobile and Google

On-Page SEO for Mobile means…

3

Speed

4

User Experience (UX)

5

Structured Data

6

Device Responsiveness

If it makes sense to

8

HTTPS = Ranking Factor

9

Speed = Ranking Factor

10

Mobile = Ranking Factor

What can we assume moving forward?

12

cares about time

13

cares about actions

14

knows ALL THE THINGS!

@RavenJon | raventools.com

15

http://raven.link/onpageseo

Step 1: Responsive ALL THE THINGS!

17

+

18

Uses Bootstrap

19

Customizable

20

Hooks & Child Themes

21

Great plugins

22

Foundation

23

Custom download

24

Simple, nestable column system

25

Forms and buttons are awesome!

26

Easy to implement mobile navigation

27

Semantically named CSS

28

Great documentation

29

It’s free!

Step 2: Reduce ALL THE THINGS!

31

Start with images

@RavenJon | raventools.com

32

http://raven.link/onpageseo

33

Reduce the size of all images

34

Use SVG for simple images

35

Use ImageOptim for JPG and PNG

36

EWWW Image Optimizer plugin

for WordPress

37

Create smaller versions for mobile

1024px800px

550px360px

38

Use SRCSET to deliver the correct image

<img alt="my awesome cat" src="image.png" srcset="cat-hd.png 2x, cat-med.png 640w, cat-med-hd.png 640w 2x" />

39

Specify device width

<img alt="my awesome cat" src="image.png" srcset="cat-hd.png 2x, cat-med.png 640w, cat-med-hd.png 640w 2x" />

40

Specify High DPI

<img alt="my awesome cat" src="image.png" srcset="cat-hd.png 2x, cat-med.png 640w, cat-med-hd.png 640w 2x" />

41

Create different versions for the best UX

Mobile Desktop

42

WordPress Plugin for SRCSET

SrcSet Responsive Images for WP http://raven.link/srcsetwp

Step 3: Structure ALL THE THINGS!

44

Use schema.org to enhance listings

45

http://schema.org/Recipe

46

47

WordPress plugin for schema.org

Schema Creator http://raven.link/schemawp

48

HTML attributes for mobile

49

type="number"

50

type="date"

51

type="tel"

Step 4: Speed Up ALL THE THINGS!

53

Use PageSpeed Insights

54

You will never see a perfect score

55

What it looks like

56

The winning code

57

The tool is actually a cruel joke

58

Can’t win with offsite code

59Can’t control what you don’t host

60

WordPress plugins will ruin your day

@RavenJon | raventools.com

Stages of PageSpeed Insights Grief61

• Denial

• Anger

• Bargaining

• Depression

• Acceptance

62

If you did everything I said before then you’re in good shape…mostly

63

Fix your size-tap targets

64

Go nuts and use inline CSS

65

Consider drinking more

Presented by Jon Henshaw @RavenJon

slideshare.net/raventools

Thanks!