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
-
Lost Rankings Late April Even Though We Have A Mobile Site
I have noticed a significant drop in rankings since late April. It is about a 30% drop in organic from Google. This is despite the fact that we launched a mobile site before the update. What gives? Any thoughts or suggestions would be appreciated.
Web Design | | inhouseseo0 -
Mobile Friendly Issue
2 days ago I saw my site listed with the 'mobile friendly' text in the Mobile searches. Today it has vanished. I have checked my site using the Google tool and it shows my site as Mobile Friendly. Has anyone had a similar experience?
Web Design | | dynamyt1000 -
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 -
Mobile subdomain?
Hi, We are setting up our mobile website. Should we use a Subdomain ie m.mysite.com or should we display different content under the same domain? We are worried that we are stripping out some content and images from the mobile version that could adversly affect our SEO. Thankyou
Web Design | | ryanryan0 -
Best method to stop crawler access to extra Nav Menu
Our shop site has a 3 tier drop down mega-menu so it's easy to find your way to anything from anywhere. It contains about 150 links and probably 300 words of text. We also have a more context-driven single layer of sub-category navigation as well as breadcrumbs on our category pages. You can get to every product and category page without using the drop down mega-menu. Although the mega-menu is a helpful tool for customers, it means that every single page in our shop has an extra 150 links on it that go to stuff that isn't necessarily related or relevant to the page content. This means that when viewed from the context of a crawler, rather than a nice tree like crawling structure, we've got more of an unstructured mesh where everything is linked to everything else. I'd like to hide the mega-menu links from being picked up by a crawler, but what's the best way to do this? I can add a nofollow to all mega-menu links, but are the links still registered as page content even if they're not followed? It's a lot of text if nothing else. Another possibility we're considering is to set the mega-menu to only populate with links when it's main button is hovered over. So it's not part of the initial page load content at all. Or we could use a crude yet effective system we have used for some other menus we have of base encoding the content inline so it's not readable by a spider. What would you do and why? Thanks, James
Web Design | | DWJames0 -
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 -
Separate .mobi site or make .com site mobile friendly?
Our website now has enough mobile traffic to justify going mobile friendly, which it is not at this time. I am in favor of making a separate .mobi site designed specifically for mobile phones and smart phones for several reasons. It is cheaper, faster, and easier to accomplish. I think our mobile users will have a good experience though obviously not as much info as our full site. I would use ourdomain.mobi with link or a redirect for mobile users from from the main site. My top three choices for implementing that are http://allwebcodesign.com/setup/mobi-templates.htm#detailsarea
Web Design | | zharriet
Template that can be viewed by mobile or desktop. http://www.onbile.com/ http://www.networksolutions.com/mobile-website/index.jsp Does this seem like a good solution?1