• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
real_world_winning_tactics_for_c-rupali_shah.ppt
 

real_world_winning_tactics_for_c-rupali_shah.ppt

on

  • 523 views

 

Statistics

Views

Total Views
523
Views on SlideShare
523
Embed Views
0

Actions

Likes
0
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

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

    real_world_winning_tactics_for_c-rupali_shah.ppt real_world_winning_tactics_for_c-rupali_shah.ppt Presentation Transcript

    • Mobile Content Presented by: Rupali Shah GroupM
    • In the next 15 minutes…
        • What do the stats show?
        • Latest news on mobile usage
        • Mobile Search Optimization
        • Tips for creating accessible mobile content
        • Good and bad examples
    • What do the statistic show?
    •  
    • Consider Just iPhone Data from Industry Standard
    • The Math
      • 84% of 7,000,000 = 5,800,000
      • Potential viewers of your website content
    • Technology is not a barrier. Study by dotMobi and AKQA, May 2008
    • Have you checked your website?
    • Mobile SEO
    • How to Optimize for Mobile Search
      • Use valid XHTML Code
      • W3C Compliance
        • http://www.w3.org/WAI/
        • http://www.w3.org/Mobile/
      • Keywords
      • Metadata
      • Linking
      • Sitemaps
    • Accessible Mobile Content
      • Uncluttered – less is more
      • Page size – small
      • Simple design – text
      • Style sheets
        • <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;handheld&quot; href=&quot;file_name.css“>
        • <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;only screen and (max-device-width:480px)” href=&quot;iPhone.css&quot; />
      • Div tags not tables
      • Optimized images – include ALT text
    • General Sizes of Screens
    • Accessible Mobile Content Default Delivery Context defined by the W3C’s Best Practice Working Group
      • Usable Screen Width
      • 120 pixels minimum 480 pixels maximum
      • Mark-up Language Support
      • XHTML Basic 1.1 delivered with content type application/xhtml+xml
      • Character Encoding UTF-8
      • Image Format Support JPEG
      • GIF 89a
      • Maximum Total Page Weight
      • 20 kilobytes
      • Colours
      • 256 Colours, minimum
      • Style Sheet Support
      • CSS Level 1
      • CSS Level 2 @media
      • HTTP
      • HTTP/1.0 or more recent [HTTP1.1]
      • Script
      • No support for client side scripting
    • Examples
    • Bad Mobile Experience Page design, banners and images not optimized
    • Bad Mobile Experience Long scroll with heavy images
    • Good Mobile Experience Top level links presented
    • Good Mobile Experience Minimal optimized images
    • Good Mobile Experience Categorized browsing
    • Other Tips
    • Use Online Emulators
      • Check your content on an emulator for accessibility and usability
        • http://iphonetester.com
        • http://wampad.com/
        • http://www.operamini.com/demo/
    • Google Mobile Sitemap
    • Yahoo Mobile Content Submission
    • Thank you!