20th
Making a Non-Mobile Site Mobile Friendly
I especially liked the mobile phone emulator link - useful to see what your asset will look like to others
Question: What market is going to grow in double digits through 2014?
Answer: The mobile market.
Next Question: Do you have a mobile presence?
Answer: If you have a “regular” website you also have a mobile presence.
That’s right: your existing site is a player in the mobile market, but chances are it’s not too mobile friendly. So, what easy changes can you make right now to better serve a mobile market? Keep reading and we’ll walk you through some.
How Desktop and Mobile Sites Differ
- Coded specifically for smaller mobile browsers. The most common languages for mobile sites are: cHTML (compressed HTML), XHTML Basic 1.1 XHTML MP 1.2 and WML 1.3 (wireless markup language).
- Less page content
- Fewer images
- Less navigation
- Designed with specific user-tasks in mind
Desktop Site
- Designed to be viewed on a desktop/laptop computer
- More images
- More content
- Flash
- More navigation
Mobile Searches Return Non-Mobile Pages
Google dominates mobile search leaving Bing and Yahoo! with about 2% of that market, so we’re going to focus on Google SERPs only. Google has a unique bot for mobile sites (Mobile Bot), but not a different index. The pages (mobile vs. non-mobile) are just treated differently. Due to the lack of mobile specific pages, Google is “borrowing” desktop sites for mobile SERPs. That means if you don’t have a dedicated mobile page, you’ll still show up in mobile searches.
Google is about relevancy, so if a non-mobile page is the best result it will rank for now. Google will also adapt your desktop page to render in a mobile browser. Many desktop pages render decently in mobile browsers, but issues include overlapping navigation, non-functioning flash, pop up windows that cause browsing issues, and a page width that requires too much scrolling.
Does This Browser Make My Site Look Big?
View your desktop pages in a mobile emulator so you can see how it looks on different smartphones screen sizes/browsers. Compare this to the PC version of your site.
Mobile Phone Emulator is an excellent tool that lets you view pages on different screen sizes for different mobile phones/browsers. It shows you a working version of your site in mobile form. Click the links and navigate your site just as a mobile user would.
Read more at blog.seorevolution.comEasy changes to make your site mobile friendly.
After viewing your pages on different platforms you’ll begin to see page changes you can make that will improve mobile browsing without hurting desktop browsing. These may include: