Upload
anton-shulke
View
731
Download
0
Embed Size (px)
Citation preview
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
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
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!
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!