Date post: | 12-May-2015 |
Category: |
Technology |
Upload: | zach-browne |
View: | 412 times |
Download: | 0 times |
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="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
General Sizes of Screens
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
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!