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.

Search friendly mobile sites

1,275 views

Published on

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.

Published in: Technology
  • Be the first to comment

Search friendly mobile sites

  1. 1. Search-Friendly Improving your mobile site Mobile Sites
  2. 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. 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. 4. Configurations for mobile-friendly sites
  5. 5. Responsive web design Dynamic Serving Separate mobile site
  6. 6. Responsive web design Dynamic serving Separate mobile site Does my URL stay the same? Does my HTML stay the same?
  7. 7. How Google identifies mobile-friendly sites
  8. 8. 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)
  9. 9. Read & use primary content without horizontal swiping
  10. 10. Mobile misconfigurations: Big mistakes on small devices
  11. 11. BBlloocckkeedd ccoonntteenntt
  12. 12. We can't render your site and recognize the mobile version!
  13. 13. Check if robots.txt or related files are blocking Googlebot from crawling JavaScript and CSS content
  14. 14. Use the Fetch as Google & Render tool to see how Google views a site
  15. 15. 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/
  16. 16. Treat Googlebot as a regular user (not as a specific user-agent)
  17. 17. 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)
  18. 18. MMiissddiirreecctteedd ccoonntteenntt
  19. 19. Mobile-specific 404s www.nationalworldwide.com/news 404 Not Found m.nationalworldwide.com/news
  20. 20. Faulty redirects www.nationalworldwide.com/ www.nationalworldwide.com/shop www.nationalworldwide. com/aboutus m.nationalworldwide.com/ m.nationalworldwide.com/shop m.nationalworldwide. com/aboutus
  21. 21. Use examples in Webmaster Tools to debug where issues are with your server configuration https://www.google.com/webmasters/tools
  22. 22. UUnnppllaayyaabbllee ccoonntteenntt
  23. 23. Test videos on your phone for incompatible software such as Flash Add summaries or transcripts below videos
  24. 24. The ‘Mobile SEO in 2014’ checklist
  25. 25. 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
  26. 26. 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?
  27. 27. ● 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?
  28. 28. 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
  29. 29. 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?
  30. 30. Testing a site for mobile-friendliness
  31. 31. ● Personal devices ● Chrome Emulation (ctrl+shift+i or cmd+opt+i > )
  32. 32. ● Webmaster Tools Fetch as Google and Render ● PageSpeed Insights
  33. 33. Resources to help your users
  34. 34. Two essential links to remember https://developers.google.com/webmasters/smartphone-sites/ https://www.google.com/webmasters/tools/
  35. 35. Additional resources for support @googlewmc and interaction g.co/webmasteracademy +GoogleWebmasters /user/GoogleWebmasterHelp Webmaster Product Forums Webmaster Help Center http://googlewebmastercentral.blogspot.com/
  36. 36. A new tool for mobile usability
  37. 37. Takeaways
  38. 38. ● Help search engines understand sites are mobile ● Make it easy for users to go mobile ● Let us know how we can help!
  39. 39. Thank you! +GreenIdo @greenido

×