Flipboard Launches Market
Tips to Optimize your Website for iPad Users
So what does it take to make your web site iPad-ready and SEO friendly?
1. HTML-only fundament
Make a basic (X)HTML page that any browser from any era can display. <head>, <title>, <body>, <h1>, <p>
structures. Don't bold, italicize or underline. <a href> for
links. Don't think about, consider or use images at this stage yet.
With this in place you have a web site that will work anywhere, anytime. That includes a text-only browser from the early 1990's but also a beloved search engine like Google. From here on you can only make things better.
2. Mark up your (X)HTML with CSS
Go through your structure and sections and add CSS classes and especially CSS ID's. The CSS will help you to style your content and structure; give it color and dimensions. Not only that – CSS ID's and structures are a great way to target very specific parts of your web page, something that will come in handy in the next step.
3. Add Unobtrusive JavaScript
This is where you'll add everything else; from JavaScript to Flash. The key approach here is: "cool to add" vs. "need to have to display/use the page". Tell your web designer to test for everything, to never expect and certainly never rely on. Your web designer will thus write code that will first check if the browser can do what we want it to.
Two practical examples: menu's & Flash.
- Menu: Because you've made the whole page in basic XHTML, your menu will always work – and if the browser can handle JavaScript, your script can turn that basic HTML menu into an animated mouse-over dropdown one.
- Flash: because your page's JavaScript is responsible for inserting that Flash video (vs.
just dropping it there anyway…) and your JavaScript in turn checks if
Flash is something this browser can handle, nothing goes wrong when an
iPad, iPhone or iPod Touch user comes along.
Elvis Arias
Automotive Advertising
Views: 4
Tags: css, html, ipad, java, javascript, optimization, seo, tips
Comment
© 2012 Created by Brian Pasch.
Powered by
You need to be a member of iPad Social Media Magazine to add comments!
Join iPad Social Media Magazine