+ All Categories
Home > Technology > real_world_winning_tactics_for_c-rupali_shah.ppt

real_world_winning_tactics_for_c-rupali_shah.ppt

Date post: 12-May-2015
Category:
Upload: zach-browne
View: 412 times
Download: 0 times
Share this document with a friend
Popular Tags:
24
Mobile Content Presented by: Rupali Shah GroupM
Transcript
Page 1: real_world_winning_tactics_for_c-rupali_shah.ppt

Mobile Content

Presented by:Rupali Shah

GroupM

Page 2: real_world_winning_tactics_for_c-rupali_shah.ppt

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

Page 3: real_world_winning_tactics_for_c-rupali_shah.ppt

What do the statistic show?

Page 4: real_world_winning_tactics_for_c-rupali_shah.ppt
Page 5: real_world_winning_tactics_for_c-rupali_shah.ppt

Consider Just iPhone

Data from Industry Standard

Page 6: real_world_winning_tactics_for_c-rupali_shah.ppt

The Math

• 84% of 7,000,000 = 5,800,000

• Potential viewers of your website content

Page 7: real_world_winning_tactics_for_c-rupali_shah.ppt

Technology is not a barrier.

Study by dotMobi and AKQA, May 2008

Page 8: real_world_winning_tactics_for_c-rupali_shah.ppt

Have you checked your website?

Page 9: real_world_winning_tactics_for_c-rupali_shah.ppt

Mobile SEO

Page 10: real_world_winning_tactics_for_c-rupali_shah.ppt

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

Page 11: real_world_winning_tactics_for_c-rupali_shah.ppt

Accessible Mobile Content

• Uncluttered – less is more• Page size – small • Simple design – text• Style sheets

<link rel="stylesheet" type="text/css" media="handheld" href="file_name.css“> <link rel="stylesheet" type="text/css" media="only screen and (max-device-

width:480px)” href="iPhone.css" />

• Div tags not tables• Optimized images – include ALT text

Page 12: real_world_winning_tactics_for_c-rupali_shah.ppt

General Sizes of Screens

Page 13: real_world_winning_tactics_for_c-rupali_shah.ppt

Accessible Mobile ContentDefault Delivery Context defined by the W3C’s Best Practice Working Group

•Usable Screen Width120 pixels minimum480 pixels maximum

•Mark-up Language SupportXHTML Basic 1.1 delivered with content type application/xhtml+xml

•Character EncodingUTF-8

•Image Format SupportJPEGGIF 89a

•Maximum Total Page Weight20 kilobytes

•Colours256 Colours, minimum

•Style Sheet SupportCSS Level 1CSS Level 2 @media

•HTTPHTTP/1.0 or more recent [HTTP1.1]

•ScriptNo support for client side scripting

Page 14: real_world_winning_tactics_for_c-rupali_shah.ppt

Examples

Page 15: real_world_winning_tactics_for_c-rupali_shah.ppt

Bad Mobile Experience

Page design, banners and images not optimized

Page 16: real_world_winning_tactics_for_c-rupali_shah.ppt

Bad Mobile Experience

Long scroll with heavy images

Page 17: real_world_winning_tactics_for_c-rupali_shah.ppt

Good Mobile Experience

Top level links presented

Page 18: real_world_winning_tactics_for_c-rupali_shah.ppt

Good Mobile Experience

Minimal optimized images

Page 19: real_world_winning_tactics_for_c-rupali_shah.ppt

Good Mobile Experience

Categorized browsing

Page 20: real_world_winning_tactics_for_c-rupali_shah.ppt

Other Tips

Page 21: real_world_winning_tactics_for_c-rupali_shah.ppt

Use Online Emulators• Check your content on an emulator for

accessibility and usability– http://iphonetester.com– http://wampad.com/– http://www.operamini.com/demo/

Page 22: real_world_winning_tactics_for_c-rupali_shah.ppt

Google Mobile Sitemap

Page 23: real_world_winning_tactics_for_c-rupali_shah.ppt

Yahoo Mobile Content Submission

Page 24: real_world_winning_tactics_for_c-rupali_shah.ppt

Thank you!