Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mobile SEO by Jon Henshaw (Raven Tools)

926 views

Published on

Presentation by Jon from online SEO Conference 6th of November "WebPromo SEOday"

Published in: Marketing
  • Be the first to comment

Mobile SEO by Jon Henshaw (Raven Tools)

  1. 1. On-Page SEO for Mobile How to future proof your site for Mobile and Google
  2. 2. On-Page SEO for Mobile means…
  3. 3. 3 Speed
  4. 4. 4 User Experience (UX)
  5. 5. 5 Structured Data
  6. 6. 6 Device Responsiveness
  7. 7. If it makes sense to
  8. 8. 8 HTTPS = Ranking Factor
  9. 9. 9 Speed = Ranking Factor
  10. 10. 10 Mobile = Ranking Factor
  11. 11. What can we assume moving forward?
  12. 12. Step 1: Responsive ALL THE THINGS!
  13. 13. 13 +
  14. 14. 14 Uses Bootstrap
  15. 15. 15 Customizable
  16. 16. 16 Hooks & Child Themes
  17. 17. 17 Great plugins
  18. 18. 18 Foundation
  19. 19. 19 Custom download
  20. 20. 20 Simple, nestable column system
  21. 21. 21 Forms and buttons are awesome!
  22. 22. 22 Easy to implement mobile navigation
  23. 23. 23 Semantically named CSS
  24. 24. 24 Great documentation
  25. 25. 25 It’s free!
  26. 26. Step 2: Reduce ALL THE THINGS!
  27. 27. 27 Start with images
  28. 28. @RavenJon | raventools.com 28 http://raven.link/onpageseo
  29. 29. 29 Reduce the size of all images
  30. 30. 30 Use SVG for simple images
  31. 31. 31 Use ImageOptim for JPG and PNG
  32. 32. 32 EWWW Image Optimizer plugin for WordPress
  33. 33. 33 Create smaller versions for mobile 1024px 800px 550px 360px
  34. 34. 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. 35. 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. 36. 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. 37. 37 Create different versions for the best UX Mobile Desktop
  38. 38. 38 WordPress Plugin for SRCSET SrcSet Responsive Images for WP http://raven.link/srcsetwp
  39. 39. Step 3: Structure ALL THE THINGS!
  40. 40. 40 Use schema.org to enhance listings
  41. 41. 41 http://schema.org/Recipe
  42. 42. 42
  43. 43. 43 WordPress plugin for schema.org Schema Creator http://raven.link/schemawp
  44. 44. 44 HTML attributes for mobile
  45. 45. 45 type="number"
  46. 46. 46 type="date"
  47. 47. 47 type="tel"
  48. 48. Step 4: Speed Up ALL THE THINGS!
  49. 49. 49 Use PageSpeed Insights
  50. 50. 50 You will never see a perfect score
  51. 51. 51 What it looks like
  52. 52. 52 The winning code
  53. 53. 53 Can’t win with offsite code
  54. 54. 54 WordPress plugins will ruin your day
  55. 55. 55 If you did everything I said before then you’re in good shape…mostly
  56. 56. 56 Fix your size-tap targets
  57. 57. 57 Go nuts and use inline CSS
  58. 58. Presented by Jon Henshaw @RavenJon slideshare.net/raventools Thanks!

×