These slides focus on: 1. How you can build friendly mobile sites, and what type of advice and resources are best. 2. As the web is going mobile. You will want to assure that the sites you are building are search friendly. === Campus TLV - Launch pad event - Nov 2014.

1. Search-Friendly
Improving your
mobile site
Mobile Sites

2. How can you help your users go mobile?
1
2
3
How do you make mobile-friendly sites?
How can Google help your users go mobile?

3. How can you help your users go mobile?
1
2
3
How do you make mobile-friendly sites?
How can Google help your users go mobile?

4. Configurations for
mobile-friendly sites

6. Responsive web design
Dynamic Serving Separate mobile site

7. Responsive web design Dynamic serving Separate mobile site
Does my URL stay
the same?
Does my HTML
stay the same?

8. How Google identifies
mobile-friendly sites

9. Primary content not in Flash
Viewport must be configured (meta-tag)
Readable font size
No fixed-width viewport
Content sized to viewport
Tap targets clickable (not too close)

10. Read & use primary content without horizontal swiping

11. Mobile misconfigurations:
Big mistakes on small devices

12. BBlloocckkeedd ccoonntteenntt

13. We can't render your
site and recognize
the mobile version!

14. Check if robots.txt
or related files are
blocking Googlebot
from crawling
JavaScript and
CSS content

15. Use the Fetch as
Google & Render tool
to see how Google
views a site

16. Don’t block CSS, JavaScript, and other resource
files by default. This prevents us from properly
rendering the page and understanding that it's
optimized for mobile.
CSS JS
default robots.txt
User-agent: *
Disallow: /template/
/template/

17. Treat Googlebot as a
regular user (not as a
specific user-agent)

18. Treat Googlebot as a
regular user (not as a
specific user-agent)
Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like
Mac OS X) AppleWebKit/536.26 (KHTML, like
Gecko) Version/6.0 Mobile/10A5376e
Safari/8536.25 (compatible; Googlebot/2.1;
+http://www.google.com/bot.html)

19. MMiissddiirreecctteedd ccoonntteenntt

20. Mobile-specific 404s
www.nationalworldwide.com/news 404 Not Found
m.nationalworldwide.com/news

21. Faulty redirects
www.nationalworldwide.com/
www.nationalworldwide.com/shop
www.nationalworldwide.
com/aboutus
m.nationalworldwide.com/
m.nationalworldwide.com/shop
m.nationalworldwide.
com/aboutus

22. Use examples in Webmaster Tools to
debug where issues are with your
server configuration
https://www.google.com/webmasters/tools

23. UUnnppllaayyaabbllee ccoonntteenntt

24. Test videos on your
phone for
incompatible
software such
as Flash
Add summaries
or transcripts
below videos

25. The ‘Mobile SEO in 2014’ checklist

26. Have a mobile-friendly site
Allow crawling of all CSS, JS and other resources
Use modern technologies like HTML5
Check your redirects
Don’t serve errors for smartphone users
Treat Googlebot for smartphones like other smartphones

27. How can you help your users go mobile?
1
2
3
How do you make mobile-friendly sites?
How can Google help your users go mobile?

28. ● How many of your most popular themes
are mobile-friendly?
● Out of your current user-base,
what's the version distribution?
● What percentage of installations
are mobile-friendly?

29. Create mobile-friendly and
fast theme.
Rendering a mobile page in 1 second on a 3G connection
DNS Lookup TCP Connection HTTP Request &
Response Server Response Time Client-Side Rendering
200 ms 200 ms 200 ms 200 ms 200 ms

30. How can you help your users go mobile?
1
2
3
How do you make mobile-friendly sites?
How can Google help your users go mobile?

31. Testing a site for mobile-friendliness

32. ● Personal devices
● Chrome Emulation (ctrl+shift+i or cmd+opt+i > )

34. ● Webmaster Tools Fetch as Google and Render
● PageSpeed Insights

35. Resources to help your users

36. Two essential links to remember
https://developers.google.com/webmasters/smartphone-sites/
https://www.google.com/webmasters/tools/

37. Additional resources for support
@googlewmc
and interaction
g.co/webmasteracademy +GoogleWebmasters
/user/GoogleWebmasterHelp
Webmaster Product Forums
Webmaster Help Center http://googlewebmastercentral.blogspot.com/

38. A new tool for mobile usability

43. Takeaways

44. ● Help search engines understand sites are mobile
● Make it easy for users to go mobile
● Let us know how we can help!

45. Thank you!
+GreenIdo
@greenido