Upcoming SlideShare
On-Page SEO for Mobile
- On-Page SEO for Mobile How 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 1024px 800px 550px 360px
- 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
- 59 Can’t control what you don’t host
- 60 WordPress plugins will ruin your day
- @RavenJon | raventools.com Stages of PageSpeed Insights Grief 61 • 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!
Login to see the comments