Mobile Accessibility?
-
How can I check whether my website is accessible on mobile phones? Is there a tool that allows you to check if your website is opening on different mobiles? Also, is it better to have a dedicated website for mobiles or the original developed in a manner that it appears ok on mobiles as well?
Cheers!
-
hi dears
i have some accessibility for mobile in my search console
my site in keywords "اخذ رتبه پیمانکاری" or "اخذ رتبه مشاور" urls have some accessibility problem
for example Text too small to read or Clickable elements too close together
please help me to fix it
my site name is : "https://sabtorotbe.ir/"
-
Very insightful comments. Thanks you al!
-
Hey, mobile is getting larger and I know that half of my web browsing (at least) is done on my smartphone and with android bringing smartphone features to the wider market then, it's just a matter of time before the world has the web in their pocket.
We tend to use Wordpress for most of our sites and if possible when we develop for clients. It is pretty SEO friendly out of the box and can easily be tweaked further if needs be. For mobile there are (free) plugins that allow you to serve a unique, simplified version of your site to mobile users and it takes about 5 minutes to download and install it.
For mobile device (apple/android/ipad etc) you can use WPTouch - it has a free version that does the job and then a pro version that provides even more features. It has a load of AJAX and HTML5 goodness and is easily customised by non technical sorts through the control panel.
For those who are willing to dig into the code, it provides the same sort of foundation as a good theme and you can easily do more to brand it up and serve a spinky mobile version of your site with maybe a days worth of development. There are a bunch of others as well, onswipe is great for iPad so take a look around see what works best for you.
WPTouch Pro is the best one I have seen but there are similar plugins for Joomla, Drupal, Expression Engine etc so again, take a look and see what you can find.
Working on a bespoke site? Well, you could always take one of these solutions as a starting point, pick it apart and learn from it. Saves reinventing the wheel and some of these solutions are quite mature and robust now so again, there are options.
Hope it helps & give me a shout if any questions, I have been through the mill with this so happy to help.
Marcus -
I find that a lot of quality sites will actually determine what my mobile platform is and then ask if I'd like the mobile version of the website. I prefer this to automatically taking me to a mobile version.
In my opinion, mobile sites are going to become less relevant as users move to better phones and better phones move to better browsers.
-
Yeah, you might even want to show mobile users some different content for example
-
Try this, I hope it helps: http://ready.mobi/launch.jsp?locale=en_EN
-
A good tutorial to CSS for desktop and CSS for mobile on the same page is available at http://www.adobe.com/devnet/dreamweaver/articles/dw_html5_pt1.html.
-
I like App dev (I learned a bit of objective C to write my own iPhone apps), but one thing you learn very quickly in that space is that many have come before you, and this becomes more true every day. Simply making another "me too" app won't cut it. However, if you have something of value to offer your audience, something that requires (or would benefit) the native hooks that app development provides to you, than I would say (budget permitting), yea go for it. With Apples change in policy on what can generate an app, there may even be cheaper options avilable.
-
Owing to the increasing popularity and usage of mobile devices worldwide, it's better to have a site developed for mobile phones with domain name m.example.com. Also, emphasis should not be on design but content. Mobile phone users are more interested in the content and design only supplements it. Having a contact form is of no value but a link to call the business is much more sensible.
As far as investing in mobile applications is concerned, you should come up with something innovative and should not do it just for the sake of doing it. You should plan something which engages user andif that's not possible due to the nature of your business, tie-up with some other business is an option.
-
What would you say about investing in Mobile Applications for most popular platforms like Iphone, Ipad etc?
-
Here is how we handle mobile: Check site stats, and if combined they don't total more % wise then the cut-off for traditional browser testing in general (5%, 10%, etc.), then treat mobile like you would any sub-threshold browser... that is, keep it in mind, test if you have the opportunity, but don't waste resources on it (caveat here obviously being a site that targets mobile, but if that were the case something tells me there would be a desk drawer full of devices to test with already). That being said, the mobile hits we see of any significance come in the form of iPhones, iPads, Andriod devices and rarely a Blackberry. Good news is, most of those devices have a browser that will render something close to a desktop browser. So it seems as these (still somewhat elusive) days of mobile approach, I think the days of thinking of mobile as a different beast that needs separate sites or exhaustive testing come closer to an end. Good news all around
-
Regarding the question of testing a site on various mobile platforms, see this article about mobile emulators:
-
Honestly, mobile implementations can be tricky depending upon your website and what kind of content you serve up and how.
However, the best solution in my mind is to check what internet browser your users are using and if it detects a mobile browser, have it display a specific CSS stylesheet that modifies the existing website for mobile users. This is easy to do and in my opinion is the best solution because by creating a separate website you have to create double content, more sites to manage/maintain, you split rankings/possible links, etc...
It works the same way websites do that have IE6 or IE7 or IE8 special stylesheets, it detects what browser is requesting the website and displays the appropriate files based on that.
I hope this helps.
-
Try this http://validator.w3.org/mobile/
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
'Security error' for links accessed via Facebook on Android phones
Hi, This is not strictly a SEO/inbound marketing question, so please excuse me for that--- but I think this awesome community could certainly help 🙂 We recently migrated a client website to https (SSL from Godaddy; the hosting provider is a different one). All that went fine. The problem though is that when a link from the website is shared on Facebook or sent via Whatsapp, and a user tries to open the page on any Android device, it throws up a Security Error. On the Facebook app, it doesn't allow the user to go any further. It seems that this problem is not unique and many others have raised it in various forums -- we've tried many of the options mentioned; have tried to work with Godaddy support as well ---- but the problem persists. Any solution(s)/fixes will be greatly appreciated. Thanks, Manoj
Web Design | | ontarget-media0 -
Dealing with the impending Google mobile compliance update - is bMobilized any good as a temporary measure?
We've been caught a bit off guard with the upcoming Google mobile compliance issue and received the warnings in webmasters about fixing mobile usability issues. It will still be some time before we can have the site re-coded as responsive. I have stumbled upon a converter tool (which turns any site into one that's mobile friendly) called bMobilized, which essentially turns your site into one that's mobile friendly. Have you used bMobilized? Is it a safe idea to use this service temporarily until our new responsive site is ready in a few months? Do you have any suggestions for temporarily getting around the mobile compliance issue while our new responsive site is being built? Thanks
Web Design | | Martin_S0 -
Is there an issue if we show our old mobile site to Google & new site to users
Hi, We have our existing mobile site that contains interlinking in footer & content and new mobile site that does not have interlinking. We will show existing mobile site to google crawler & new mobile site to users. Will this be taken as black hat by Google. The mobile site & desktop site will have same url across devices & browsers. Regards
Web Design | | vivekrathore0 -
Show new mobile site to 60% users & old mobile site to 40% users
Hi, We are planning to show new mobile site to 60% users & old mobile site to 40% users. We will show the old site to google crawler. Our old site has some interlinking through footer & content whereas the new site does not has it. We wanted to do this since our new site does not supports some browsers. Will there be an issue with Google on showing the site like this. The mobile site & desktop site will have same url across devices & browsers. Regards
Web Design | | vivekrathore0 -
Is it cloaking/hiding text if textual content is no longer accessible for mobile visitors on responsive webpages?
My company is implementing a responsive design for our website to better serve our mobile customers. However, when I reviewed the wireframes of the work our development company is doing, it became clear to me that, for many of our pages, large parts of the textual content on the page, and most of our sidebar links, would no longer be accessible to a visitor using a mobile device. The content will still be indexable, but hidden from users using media queries. There would be no access point for a user to view much of the content on the page that's making it rank. This is not my understanding of best practices around responsive design. My interpretation of Google's guidelines on responsive design is that all of the content is served to both users and search engines, but displayed in a more accessible way to a user depending on their mobile device. For example, Wikipedia pages have introductory content, but hide most of the detailed info in tabs. All of the information is still there and accessible to a user...but you don't have to scroll through as much to get to what you want. To me, what our development company is proposing fits the definition of cloaking and/or hiding text and links - we'd be making available different content to search engines than users, and it seems to me that there's considerable risk to their interpretation of responsive design. I'm wondering what other people in the Moz community think about this - and whether anyone out there has any experience to share about inaccessable content on responsive webpages, and the SEO impact of this. Thank you!
Web Design | | mmewdell0 -
How important is w3c validation for mobile sites???
So mobile sites are all the rave, but how many are doing it correctly and with all the different options which is correct or the best? For example I have a guy telling me that the mobile site must validate here http://validator.w3.org/mobile/ or here http://ready.mobi/launch.jsp?locale=en_EN However I have run many so called mobile sites like nike (m.nike.com) and those built by dudamobiles and all dramatically fail the above tests! Responsive is another key element of web design and the guys at twitter came up with bootstrap, so I ran these sites through the above validators and all have failed. I take this site as an example from ilovebootstrap.com, please note this is not my site but was top of thelist on here. Mobi Ready 2 / 5 - result poor mobile experience Results from google pagespeed Mobile 62 / 100 Desktop 83 / 100 So while it looks good on mobile devices it does not score well If you look at the google site: http://www.howtogomo.com/en-gb/d/why-get-mo/ The case studies listed all fail the validation tests, so my question is is it worth getting our mobile sites validated and will this affect rankings?
Web Design | | iprosoftware0 -
How to serve a Mobile & Full Site using one URL?
Hello, Does anyone know of any resources or tutorials that outline how to serve a smartphone-formatted website using the same URL as the full site? I know that one solution is using media-queries to serve a seperate CSS stylesheet, but you still have the full HTML source code. In other words, I might want to serve a smartphone & desktop user different content, but under one URL. WP Touch (Wordpress Plugin) is a perfect example of what I mean, but how is it technically achieved? It serves two different sets of HTML for smartphone & full, but using one URL http://www.bravenewcode.com/store/plugins/wptouch-pro/
Web Design | | petecampbell-bmi0 -
Are slimmed down mobile versions of a canonical page considered cloaking?
We are developing our mobile site right now and we are using a user agent sniffer to figure out what kind of device the visitor is using. Once the server knows whether it is a desktop or mobile browser it will deliver the appropriate template. We decided to use the same URL for both versions of the page rather than using m.websiteurl.com or www.websiteurl.mobi so that traffic to either version of these pages would register as a visit to the page. Will search engines consider this cloaking or is mobile "versioning" an acceptable practice? The pages in essence are the same, the mobile version will just leave out extraneous scripts and unnecessary resources to better display on a mobile device.
Web Design | | TahoeMountain400