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?

Step 1: Responsive ALL THE THINGS!

13

+

14

Uses Bootstrap

15

Customizable

16

Hooks & Child Themes

17

Great plugins

18

Foundation

19

Custom download

20

Simple, nestable column system

21

Forms and buttons are awesome!

22

Easy to implement mobile navigation

23

Semantically named CSS

24

Great documentation

25

It’s free!

Step 2: Reduce ALL THE THINGS!

27

Start with images

@RavenJon | raventools.com

28

http://raven.link/onpageseo

29

Reduce the size of all images

30

Use SVG for simple images

31

Use ImageOptim for JPG and PNG

32

EWWW Image Optimizer plugin

for WordPress

33

Create smaller versions for mobile

1024px800px

550px360px

34

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" />

35

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" />

36

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" />

37

Create different versions for the best UX

Mobile Desktop

38

WordPress Plugin for SRCSET

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

Step 3: Structure ALL THE THINGS!

40

Use schema.org to enhance listings

41

http://schema.org/Recipe

42

43

WordPress plugin for schema.org

Schema Creator http://raven.link/schemawp

44

HTML attributes for mobile

45

type="number"

46

type="date"

47

type="tel"

Step 4: Speed Up ALL THE THINGS!

49

Use PageSpeed Insights

50

You will never see a perfect score

51

What it looks like

52

The winning code

53

Can’t win with offsite code

54

WordPress plugins will ruin your day

55

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

56

Fix your size-tap targets

57

Go nuts and use inline CSS

Presented by Jon Henshaw @RavenJon

slideshare.net/raventools

Thanks!