Your SlideShare is downloading. ×
0
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
real_world_winning_tactics_for_c-rupali_shah.ppt
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

real_world_winning_tactics_for_c-rupali_shah.ppt

424

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
424
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
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… <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. What do the statistic show?
  • 4. &nbsp;
  • 5. Consider Just iPhone Data from Industry Standard
  • 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>
  • 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 <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>
  • 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>&lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; media=&amp;quot;handheld&amp;quot; href=&amp;quot;file_name.css“&gt; </li></ul></ul><ul><ul><li>&lt;link rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot; media=&amp;quot;only screen and (max-device-width:480px)” href=&amp;quot;iPhone.css&amp;quot; /&gt; </li></ul></ul><ul><li>Div tags not tables </li></ul><ul><li>Optimized images – include ALT text </li></ul>
  • 12. General Sizes of Screens
  • 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>
  • 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 <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>
  • 22. Google Mobile Sitemap
  • 23. Yahoo Mobile Content Submission
  • 24. Thank you!

×