Build Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
•Download as PPSX, PDF•
2 likes•955 views
Let’s start with the premise that, given the growing demand and popularity of mobile sites you decide it’s time to consider a mobile website for your business. However, you remain a somewhat skeptical whether you need a mobile website for ‘your’ business and the prospect of building one leaves you even more puzzled.
Recommended
More Related Content
Viewers also liked
Recently uploaded
Recently uploaded (20)
Build Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
- 1. Mobile Sites and Mobile SEO Mobile Sites & Mobile SEO www.ClickTecs.com
- 2. Did you know? • 90% of mobile users in US and Western Europe have a web-enabled phone- Source Comscore 2010 Mobile Year in review • Mobile Web use is growing faster than application use – Source Clickz.com • The current industries seeing the most growth in mobile searches are business, entertainment, and travel (30% in Restaurant category) • Mobile Searchers tend to use the same search engine on their mobile device as they use on their PC
- 3. 70/20/10 Traditional Online Emerging Platforms Future Investment Mobile Social Media Website Landing Pages Paid Advertising SEO
- 4. Solve a Need… Mobile Problems Mobile users face four main usability hurdles: • Small screens • Awkward input • Download delays • Poorly-designed sites
- 5. In the past 1900 - innovation 1983 - portability 2010+ – smart phone
- 6. Today– a 3 screen future
- 7. Types of Activities • Communication (including email, social network sites, forums, using a camera application to send a picture to a friend), • Information seeking (examples include finding business hours, stores, locations, directions, checking news, sport information, movie times), • Data handling (e.g., uploading a picture, installing an application), • Entertainment (e.g., watching video), • Transactions (e.g., shopping, banking)
- 8. Mobile Sites vs Full Sites 1. If your budget allows for a mobile site, build one: your users will do better with it. 2. Use site analytics to determine how much your site is accessed from mobile devices and to decide whether it’s worth building a mobile site and which platform to prioritize 3. Build a mobile site if people do small, quick transactions on your site under time pressure. 4. Build a mobile site if people use your site to communicate with each other. 5. Build a mobile site if people come to your site to kill time and browse. 6. Do not build a mobile site if your full site has a shallow information structure and limited functionality (1–4 possible tasks).
- 9. Mobile Website • Auto-Detect Mobile Phones. Mobile-friendly websites automatically detect that users are on a mobile device and then display the appropriate version of the site. • Clear Calls to Action. The most important features of the site should be at the top of the page and should include clear calls to actions. • Avoid Mobile-Unfriendly Elements. The design should avoid mobile-unfriendly elements such as flash, large images, video, and complex layouts.
- 10. Mobile Websites Continued Fluidity. Design with a fluid layout that will gracefully adapt to a range of typical mobile screen resolutions. Touch Interface. Touch screens don’t have hover states — it’s all about fingers tapping, so don’t build a site that requires users to move their mouse over menus or other elements. Also, make sure links and other clickable elements are big enough to tap with a fingertip. Scrolling. Limit scrolling to one direction — the site should only scroll vertically. Having to manage a page that scrolls horizontally and vertically is difficult to navigate.
- 11. Mobile Sites One Window. Avoid pop-ups and new windows. A user’s entire experience should take place in a single window. Simple Navigation. Simplify your navigation. Typically, a site’s traditional navigation is too complex for a mobile site. Clean Code. Most desktop web browsers allow a lot of leeway when rendering HTML and will usually display a site correctly, even if the code has flaws. Mobile browsers usually have less room for error, so there is an added value to having clean, simple code.
- 12. Mobile Sites Cont’d Use Alt Tags. Sometimes images won’t load, either because of issues with the mobile browser or because a user’s connection is too slow. Always include descriptive alt tags for images, in case they don’t appear. Label Forms. Some modern websites embed form labels inside the form field. On mobile, it’s much more difficult to keep track of the fields, and users often make use of “next/previous” buttons built into they keyboard. Without clear labels alongside the form fields, it might be impossible to know what information is supposed to be in which field.
- 13. Last but not least –Mobile Sites Escape Hatch. Sometimes users just need to use your normal site. If possible, always have a link back to the original, Full site and from your Desktop site to your mobile site
- 14. Did you know… 1 in 7 searches on Google are performed on a mobile device Google’s keyword tool provides mobile keywords and volume
- 15. Keyword Query Context Google’s research: • 59% of smartphone users report using the mobile Internet while waiting in line • 48% report using it while eating • 44% report using it while shopping.
- 16. Mobile Search vs Desktop Local results are more likely in mobile Image search optimization and video SEO often have a low priority in enterprise SEO, but will play a crucial role in Mobile Search
- 17. Like me, Like me Not No Google Plus One in mobile results (yet) Fewer places to filter in Mobile may mean a higher CTR in mobile search
- 18. Mobile SEO 1. Validating the page with the .Mobi Validator or the W3C Validator Low Competition 2. Following ‘traditional’ on-site SEO Best in Mobile Practices such as: SEO means * Major keywords in the title tagging big * H1′s and body text opportunity * Rich keyword Meta Titles and Descriptions for your * Keyword-rich anchor text for internal links client! 3. Have dedicated Link building Campaign for the Mobile Site
- 19. Mobile SEO Continued 3. Mobile Search results tend to reflect ‘Local Search results’ – your site must be optimized for local type searches. Also submit your business info to local directories making sure your site is verified and included in sites like Google’s Local Business Center. 4. Get the Mobile Site spidered and indexed – submit to major search engines: * Google Sitemaps * Yahoo! Submit Your Mobile Site 5. Standard domain names and URLs (m.site.com, mobile.site.com, site.mobi, www.site.com/mobile) should all point to your mobile site. If you can afford only one of these domains, use m.site.com
- 20. Mobile Keyword Research Tool
- 21. Great Tools to use • www.ipadpeek.com - see how your site looks on an ipad – Note: Flash works so not fully accurate (disable the flash plugin) • www.iphonetester.com - how your site looks on an iphone • www.iphoney.com • http://validator.w3.org/mobile/ - Sees how mobile friendly your site is and checks against W3C Compliance • http://www.google.com/gwt/n - makes the page mobile- web-friendly by trimming the content down to its bare essentialshttp://www.gomez.com/mobile-readiness- instant-test- mobile readiness test gives you a score between 1 and 5 based on an analysis of over 30 proven mobile web development techniques
- 22. ‘The Market doesn’t know what it wants until it sees it.’ ~JK Rowling, Author
- 23. Next Steps • Look for a blog post on Mobile Sites vs Mobile SEO • Review Analytics of existing sites for Mobile Traffic and see if a Mobile Site is required • Upgrade SEO to include Mobile SEO
- 24. Questions? Jamshaid (Jam) Hashmi 1888 678 7588 x 1278 Toll Free jhashmi@clicktecs.com Connect with me on Linkedin http://ca.linkedin.com/in/jamshaidhashmi Follow me on Facebook: www.facebook.com/jamshaidhashmi
Editor's Notes
- Small screens. For something to be mobile, it must be easy to carry and thus relatively small. Small screens mean fewer visible options at any given time, requiring users to rely on their short-term memory to build an understanding of an online information space. This makes almost all interactions harder. It’s also difficult to find room for multiple windows or other interface solutions that support advanced behaviors, such as comparative product research.• Awkward input, especially for typing. It’s hard to operate GUI widgets without a mouse: menus, buttons, hypertext links, and scrolling all take longer time and are more error-prone, whether they’re touch-activated or manipulated with a teensy trackball. Text entry is particularly slow and littered with typos, even on devices with dedicated mini-keyboards.• Download delays. Getting the next screen takes forever — often longer than it would on dial-up, even with a supposedly faster 3G service.• Mis-designed sites. Because websites are typically optimized for desktop usability, they don’t follow the guidelines necessary for usable mobile access.
- Local results are more likely in mobile, so Google Places listings sometimes appear higher in mobile results than they do in desktop, and domains with local intent are more likely to appear. If you have a local business that you’re interested in optimizing, this makes Google Places optimization essential, and may even call for domains with geo-modified keywords, depending on your situation. This tactic may conflict with a desktop SEO strategy that would consolidate link equity into one canonical domain; but it may be most effective for mobile visibility. Positions of vertical results likely different in smartphone results. For example, video results are broken up on second line instead of placed on same line. Image results often appear higher in mobile search results. Image search optimization and video SEO often have a low priority in enterprise SEO, but if mobile is important to the business goals, this may change the overall priority.
- No Google Plus One in mobile results (yet). Google will show +1 buttons next to all search results and ads, while encouraging other sites to include the buttons. All +1's are public and they're tied to Google Profiles. The goal is to use this data to personalize search results and ads by recommending sites +1'd by your friends. Google Social Search already does this, but there's no support for Facebook likes, so Google had to come up with a substitute. Smartphone results have different filters at the top (Web, Images, Places, more versus Web, Images, Videos, Maps, News, Shopping, Gmail, more). Fewer places to filter may mean a higher CTR in mobile search.
- Your customers are searching the Internet on their mobile phones. But what are they searching for? Google has a new Keyword Tool so you can find out and optimise your site for mobile phones.The Google Mobile Keyword Tool gives you the data you need to work out which words people are using to discover you when they’re browsing on a mobile. Whether you want to target smartphone users with full internet browsers, people using mobile (WAP) browsers or all mobile web users, this tool will only show you stats for the devices that you are interested in.To keep things simple, Google has integrated this new information into their existing keyword tool.Simply click on “Advanced Options” for access to the mobile search data:
- When you talk to providers of the tools we all use and ask them about features to track the impact of mobile on search and social revenue, you are probably likely to hear that the market isn’t yet asking for these innovations.If the market isn’t yet asking for these innovations, I think part of the reason is that marketers don’t yet understand why they should care.ThinkIpad – did people create a demand for a screen larger then the iphone and not quiet as large as the lap top?? NO, however when Steve Jobs launched it, everyone wanted one (well almost everyone LOL)