Download as PDF, PPTX
Uploaded byRaven Tools
On-Page SEO for Mobile
This document provides tips for optimizing websites for mobile through on-page SEO techniques. It recommends making sites responsive, reducing file sizes like images, using structured data to enhance listings, and optimizing page speed. Specific techniques include using frameworks like Bootstrap, optimizing images with srcset, adding schema.org markup, and using PageSpeed Insights to identify optimizations while accepting its limitations. The overall message is to structure, optimize and speed up content for all devices.
More Related Content
Similar to On-Page SEO for Mobile
On-Page SEO for Mobile
- 1. On-Page SEO forMobile How to future proof your site for Mobile and Google
- 2. On-Page SEO forMobile means…
- 3.
- 4.
- 5.
- 6.
- 7. If it makessense to
- 8. 8 HTTPS = RankingFactor
- 9. 9 Speed = RankingFactor
- 10. 10 Mobile = RankingFactor
- 11. What can weassume moving forward?
- 12.
- 13.
- 14. 14 knows ALL THETHINGS!
- 15.
- 16. Step 1: ResponsiveALL THE THINGS!
- 17.
- 18.
- 19.
- 20. 20 Hooks & ChildThemes
- 21.
- 22.
- 23.
- 24.
- 25. 25 Forms and buttonsare awesome!
- 26. 26 Easy to implementmobile navigation
- 27.
- 28.
- 29.
- 30. Step 2: ReduceALL THE THINGS!
- 31.
- 32.
- 33. 33 Reduce the sizeof all images
- 34. 34 Use SVG for simpleimages
- 35. 35 Use ImageOptim for JPGand PNG
- 36. 36 EWWW Image Optimizer plugin forWordPress
- 37. 37 Create smaller versionsfor mobile 1024px 800px 550px 360px
- 38. 38 Use SRCSET todeliver 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. 39 Specify device width <imgalt="my awesome cat" src="image.png" srcset="cat-hd.png 2x, cat-med.png 640w, cat-med-hd.png 640w 2x" />
- 40. 40 Specify High DPI <imgalt="my awesome cat" src="image.png" srcset="cat-hd.png 2x, cat-med.png 640w, cat-med-hd.png 640w 2x" />
- 41. 41 Create different versionsfor the best UX Mobile Desktop
- 42. 42 WordPress Plugin forSRCSET SrcSet Responsive Images for WP http://raven.link/srcsetwp
- 43. Step 3: StructureALL THE THINGS!
- 44. 44 Use schema.org toenhance listings
- 45.
- 46.
- 47. 47 WordPress plugin forschema.org Schema Creator http://raven.link/schemawp
- 48. 48 HTML attributes formobile
- 49.
- 50.
- 51.
- 52. Step 4: SpeedUp ALL THE THINGS!
- 53.
- 54. 54 You will neversee a perfect score
- 55. 55 What it lookslike
- 56.
- 57. 57 The tool isactually a cruel joke
- 58. 58 Can’t win withoffsite code
- 59. 59 Can’t control whatyou don’t host
- 60. 60 WordPress plugins willruin your day
- 61. @RavenJon | raventools.com Stagesof PageSpeed Insights Grief 61 • Denial • Anger • Bargaining • Depression • Acceptance
- 62. 62 If you dideverything I said before then you’re in good shape…mostly
- 63. 63 Fix your size-taptargets
- 64. 64 Go nuts anduse inline CSS
- 65.
- 66. Presented by JonHenshaw @RavenJon slideshare.net/raventools Thanks!