• Like
real_world_winning_tactics_for_c-rupali_shah.ppt
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

real_world_winning_tactics_for_c-rupali_shah.ppt

  • 384 views
Published

 

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
384
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
1
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Mobile Content Presented by: Rupali Shah GroupM
  • 2. 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
  • 3. What do the statistic show?
  • 4.  
  • 5. Consider Just iPhone Data from Industry Standard
  • 6. The Math
    • 84% of 7,000,000 = 5,800,000
    • Potential viewers of your website content
  • 7. Technology is not a barrier. Study by dotMobi and AKQA, May 2008
  • 8. Have you checked your website?
  • 9. Mobile SEO
  • 10. 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
  • 11. 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
  • 12. General Sizes of Screens
  • 13. 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
  • 14. Examples
  • 15. Bad Mobile Experience Page design, banners and images not optimized
  • 16. Bad Mobile Experience Long scroll with heavy images
  • 17. Good Mobile Experience Top level links presented
  • 18. Good Mobile Experience Minimal optimized images
  • 19. Good Mobile Experience Categorized browsing
  • 20. Other Tips
  • 21. Use Online Emulators
    • Check your content on an emulator for accessibility and usability
      • http://iphonetester.com
      • http://wampad.com/
      • http://www.operamini.com/demo/
  • 22. Google Mobile Sitemap
  • 23. Yahoo Mobile Content Submission
  • 24. Thank you!