• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Mobile SEO 2013
 

Mobile SEO 2013

on

  • 2,264 views

If your website doesn’t render correctly on mobile devices, you need to consider whether you make it responsive, dynamically serve content or build a parallel mobile version. ...

If your website doesn’t render correctly on mobile devices, you need to consider whether you make it responsive, dynamically serve content or build a parallel mobile version.
1. Google recommends webmasters follow the industry best practice of using responsive web design, namely serving the same HTML for all devices and using only CSS media queries to decide the rendering on each device.
2. Dynamic Serving: server responds with different HTML (and CSS) on the same URL depending on the user agent requesting the page. The contents of the response will vary depending on the user agent that requests the page.
3. Parallel mobile version: each desktop URL has an equivalent different URL serving mobile-optimized content. A common setup would be pages on www.example.com serving desktop users having corresponding m.example.com pages serving mobile.

Statistics

Views

Total Views
2,264
Views on SlideShare
1,847
Embed Views
417

Actions

Likes
0
Downloads
31
Comments
0

14 Embeds 417

http://mohammedalami.blogspot.ca 233
http://mohammedalami.blogspot.com 90
http://mohammedalami.blogspot.fr 69
http://mohammedalami.blogspot.de 8
http://www.mohammedalami.blogspot.ca 3
http://mohammedalami.blogspot.gr 3
https://twitter.com 3
http://mohammedalami.blogspot.in 2
http://mohammedalami.blogspot.com.es 1
http://mohammedalami.blogspot.ru 1
http://mohammedalami.blogspot.be 1
http://mohammedalami.blogspot.se 1
http://translate.googleuser 1
http://mohammedalami.blogspot.com.ar 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial LicenseCC Attribution-NonCommercial License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Mobile SEO 2013 Mobile SEO 2013 Presentation Transcript

    • Mobile SEO StrategyMohammed ALAMI Google+ Twitter Linkedin2013/01/19 - About.me/mohammedalami Quora
    • AGENDA• 01. Introduction• 02. The 3 options• 03. Pros and Cons• 04. Best practices for 3• 05. How to chose• 06. Mobile SEO Challenges• 07. Mobile site best practices• 08. Extra 2
    • Mobile SEOIntroductionMobile Traffic Has Quadrupled :1. Apple iOS holds majority of mobile traffic at 52%, with Android OS at 43 percent of traffic2. actual traffic from Apple’s iPad grew 140 percent from the end of 2011 to the end of 2012
    • Mobile SEO – 3 options• Google recommends responsive web design : same HTML for all devices and CSS media queries to decide rendering on each.• Dynamic Serving: server responds with different HTML (and CSS) on the same URL depending on the user agent.• Parallel mobile version: each desktop URL has an equivalent different URL serving mobile-optimized content. 4
    • Mobile SEO – Pros and Cons Responsive design Dynamic serving Parallel Mobile versionPros  1 Url for both versions,  1 Url for both versions,  Easier implementation no duplication no duplication  Capacity to differentiate  Easier and cheaper to  Popularity consilidation mobile content maintain  Capacity to differentiate  Better mobile experience  Popularity consilidation mobile content  Tests can occur on both  No need for redirection  Better mobile experience separatly..Cons  Possible redesign  Complexity of technical  Content duplicate risk needed implementation  Split of link popularity  Less differentiation of  Higher cost of mobile content maintenance  Higher cost of maintenance  Lower mobile  Standard can change focused user content as browsers evolve.  Need of simultaneous content updates 5
    • Mobile SEO – Best PracticesResponsive design Dynamic serving Parallel Mobile version Allow search engines to  Server need to respond  Enable a consitent mobile URL crawl page’s assets (css, with different html on the structure under a “m” subdomain. js, images..) same url depending on the user-agent requesting the  Use HTTP 302/301 directions to Beware of elements that page. Mobile users and refer mobile users and bots to the might not display bots should see a different mobile version. effectively on mobiles mobile specific version. (large images, javascript,  Add link rel=”alternate” tags videos..)  Use the vary HTTP header pointing to the corresponding “User Agent” to help mobile URL and link Use a CMS or Googlebot discover your rel=”canonical” tags to Desktop Framework to facilitate mobile optimized content URLs the implementation. faster.  Include a link to the relevant Desktop page.  Generate an XML mobile sitemap Make sure to optimize page speed, especially important for mobile due to bandwidth restrictions. Validate that your mobile users see the same than the mobile search bots and avoid cloaking. Do not block your mobile site from desktop or mobile crawlers with robots.txt. 6
    • Mobile SEO –How to chose • Aleyda Solis created this flowchart to help decide which of the 3 design options is best for your mobile site. 7
    • Mobile SEO – Challenges• Keywords : in 2009, Research from Google showed that feature phone searches are slightly shorter than computer-based searches (2.44 vs. 2.93). Recently in 2011, studies showed that search query strings, on average, are 25 percent shorter than desktop searches.• Mobile content : Because of the reasons above, mobile web sites shall adapt their content. In the best practices on the Go Mo site, Google advise creating extraordinary mobile experiences that add to the brand value. The premise is to create desktop content for desktop users, mobile content for mobile and Smartphone users, and tablet-optimized content for tablet users.• Duplicate content : Duplicate content is a challenging issue as we should typically deliver same Desktop content but wrapped in a way mobile users will be able to consume. Adding both tags Alternate + Canonical will provide search engines with the relationship between Desktop and Mobile pages. 8
    • Mobile SEO – Challenges• Code compliance : We should address code compliance, create unique CSS files, expand on the CSS files and minimize page code. W3C released MobileOK (level 1.0) standard to help webmasters ensure that their web sites would be accessible to mobile devices.• Meta tags: Optimizing the Meta data, heading tags, alt tags…, is the same as we would do for the desktop, but as we have different keywords for mobile, we’ll use those instead. Mobile pages have so little space for content, so titles matter even more than on a desktop.• Site Load Speed : Google said this is an important ranking factor. Mobile website speed will drive search engines’ decisions on what mobile content to index and present. Google has compiled a bunch of tools and introduced Site Speed reports by Google Analytics. 9
    • Mobile SEO - Site Navigation & URL OptimizationCitations and Links. (According to Matt Cutts)
    • Mobile SEO – Best Practices• Link to Desktop version must be visible on mobile to allow switch.• Link for Mobile via Link in page Header (Switchboard Tag) <link rel="alternate" media="only screen and (max-width: 640px)" href="http://mob ile.bell.com/page-english" /> (Source)• Canonical: <link rel="canonical" href="Desktop canonical URL" > (on Mobile pages)• Redirect: redirect 302 desktop pages to mobile on user agent. if (preg_match("/(mobile|webos|opera mini)/i", $_SERVER[HTTP_USER_AGENT])) {…. Googlebot-Mobile now crawls with a smartphone user-agent. Treat Googlebot-Mobile request as it would do for a human user. 11
    • Mobile SEO – Sitemap XML• Verify domain on Google /Bing• Upload your sitemap• Link into Robots.txt <?xml version="1.0" encoding="UTF-8" ?> <urlset xmlns=http://www.sitemaps.org/schemas/sitemap/0.9 xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0"> <url> <loc>http://mobile.example.com/article100.html</loc> <mobile:mobile/> </url> </urlset> Source : Google Support 12
    • Mobile SEO – Meta Tags• HTML5 is most powerful language to develop mobile versions for Smartphone, but most of mobile pages are developed using XHTML.Meta tags we’ll be using and optimizing for search engines are :• Language : <meta http-equiv=”content language” content=”en- CA”> (fr-CA for french)• Title: less than 55c, it must include Top keywords with “Mobile” and branding. Create unique and keyword-rich title tags for mobile that doesn’t exist on the desktop.• Description: less than 100c, it’s used to encourage visitor to click• Keywords: try to find most relevant keyword on targeted device... 13
    • Mobile SEO – ContentContent optimization• Put emphasis on mobile Keywords• Ensure mobile pages relevance to search engines• Be consistent with Desktop alternate pagesSite speed• Heavy images, lot of JavaScript and CSS make the user experience poor by providing a slow site, Google will degrade the site. Monitor performance using site speed tools. 14
    • Mobile SEO – Code• We would prefer using HTML5 for coding.• Try to validate the site using Ready.mobi or the W3C Mobile OK validator. Validation by itself is not a significant factor in ranking, but can make the site more usable.• Iframe: better to avoid using it, but we learned that Google can crawl iFramed pages and follow the links within them. If iFrame is used, we may add alternate content: <iframe src="source"><p>alternate text</p></iframe>• Avoid drop down boxes without text equivalent. 15
    • Mobile SEO – OthersRobots.txt• Do not block the mobile site from desktop or mobile crawlers with robots.txt. Blocking a mobile site from traditional Googlebot with robots.txt could make it invisible to Smartphone searchers.Go further• Advertise mobile content to mobile specific audience on mobile sites.• Link out to mobile content to increase awareness and incent organic reciprocation.• Build links from other mobile sites and desktop sites that discuss mobile content.• Use Bell.mobi with redirect 301 to mobile website.• Promote QR code when appropriate in offline advertising in mobile context 16
    • Have questions ? Mohammed ALAMI Master E-commerce About.me/mohammedalami SEO Strategist http://blog.mediative.com/en/author/mohammedalami/ Marketing Speaker http://www.youtube.com/MEDING42