Just for you: FREE 60-day trial to the world’s largest digital library.
The SlideShare family just got bigger. Enjoy access to millions of ebooks, audiobooks, magazines, and more from Scribd.
Cancel anytime.More Related Content
Related Books
Free with a 14 day trial from Scribd
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!