Mobile Content Presented by: Rupali Shah GroupM
In the next 15 minutes… <ul><ul><li>What do the stats show? </li></ul></ul><ul><ul><li>Latest news on mobile usage </li></...
What do the statistic show?
 
Consider Just iPhone Data from Industry Standard
The Math  <ul><li>84% of 7,000,000 = 5,800,000 </li></ul><ul><li>Potential viewers of your website content </li></ul>
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 <ul><li>Use valid XHTML Code </li></ul><ul><li>W3C Compliance </li></ul><ul><ul><li>http...
Accessible Mobile Content <ul><li>Uncluttered – less is more </li></ul><ul><li>Page size – small  </li></ul><ul><li>Simple...
General Sizes of Screens
Accessible Mobile Content Default Delivery Context defined by the W3C’s Best Practice Working Group <ul><li>Usable Screen ...
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 <ul><li>Check your content on an emulator for accessibility and usability </li></ul><ul><ul><li>http:...
Google Mobile Sitemap
Yahoo Mobile Content Submission
Thank you!
Upcoming SlideShare
Loading in …5
×

real_world_winning_tactics_for_c-rupali_shah.ppt

487 views
473 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
487
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

real_world_winning_tactics_for_c-rupali_shah.ppt

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

×