search friendly mobile sites

45
Search-Friendly Mobile Sites Search-Friendly Mobile Sites Improving your mobile site

Upload: ido-green

Post on 14-Jul-2015

456 views

Category:

Technology


0 download

TRANSCRIPT

Search-FriendlyMobile Sites

Search-FriendlyMobile Sites

Improving your mobile site

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?

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?

Configurations for mobile-friendly sites

Responsive web design

Separate mobile siteDynamic Serving

Responsive web design Dynamic serving Separate mobile site

Does my URL stay the same?

Does my HTML stay the same?

How Google identifies mobile-friendly sites

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)

Read & use primary content without horizontal swiping

Mobile misconfigurations: Big mistakes on small devices

Blocked contentBlocked content

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

Check if robots.txt or related files are

blocking Googlebot from crawling

JavaScript and CSS content

Use the Fetch as Google & Render tool

to see how Google views a site

JS

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.

User-agent: *Disallow: /template/

/template/

CSS default robots.txt

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

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)

Misdirected contentMisdirected content

www.nationalworldwide.com/news 404 Not Foundm.nationalworldwide.com/news

Mobile-specific 404s

www.nationalworldwide.com/

www.nationalworldwide.com/shop

www.nationalworldwide.com/aboutus

m.nationalworldwide.com/

m.nationalworldwide.com/shop

m.nationalworldwide.com/aboutus

Faulty redirects

Use examples in Webmaster Tools to debug where issues are with your

server configuration

https://www.google.com/webmasters/tools

Unplayable contentUnplayable content

Test videos on your phone for

incompatible software such

as Flash

Add summaries or transcripts below videos

The ‘Mobile SEO in 2014’ checklist

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

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?

● 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?

Create mobile-friendly and fast theme.

DNS Lookup TCP Connection HTTP Request & Response Server Response Time Client-Side Rendering

200 ms 200 ms 200 ms 200 ms 200 ms

Rendering a mobile page in 1 second on a 3G connection

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?

Testing a site for mobile-friendliness

● Personal devices

● Chrome Emulation (ctrl+shift+i or cmd+opt+i > )

● Webmaster Tools Fetch as Google and Render

● PageSpeed Insights

Resources to help your users

https://developers.google.com/webmasters/smartphone-sites/

https://www.google.com/webmasters/tools/

Two essential links to remember

@googlewmc

/user/GoogleWebmasterHelp

+GoogleWebmastersg.co/webmasteracademyWebmaster Product Forums

http://googlewebmastercentral.blogspot.com/Webmaster Help Center

Additional resources for support and interaction

A new tool for mobile usability

Takeaways

● Help search engines understand sites are mobile

● Make it easy for users to go mobile

● Let us know how we can help!