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
-
Duplicate Content Issue: Mobile vs. Desktop View
Setting aside my personal issue with Google's favoritism for Responsive websites, which I believe doesn't always provide the best user experience, I have a question regarding duplicate content... I created a section of a Wordpress web page (using Visual Composer) that shows differently on mobile than it does on desktop view. This section has the same content for both views, but is formatted differently to give a better user experience on mobile devices. I did this by creating two different text elements, formatted differently, but containing the same content. The problem is that both sections appear in the source code of the page. According to Google, does that mean I have duplicate content on this page?
Web Design | | Dino640 -
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 SEO vs. Usability - SinglePlatform
I have a restaurant client that we're setting up with SinglePlatform.com to distribute their menu and make sure all of the restaurant sites have updated information for their business. As part of SinglePlatform's service, they offer a mobile site. Normally we would just create a mobile site and make sure that it's optimized but this client isn't ready to invest in a customized mobile site yet. The mobile site we can get with SinglePlatform is very simple. Call, Menu, Address, View Full Website, Photos, General Info. I know this would make it much easier for mobile users to find information and contact them but it's not mobile best practices. Whatever main page they land on would redirect them to the home page of the mobile site (i.e. not a 1 to 1). We also won't have any Google Analytics information for this site. The question comes down to usability or SEO? I'm leaning toward the mobile site for now and sell them on a customized solution later. I guess I'm just looking for some verification or any insight. ZRVbARv
Web Design | | JaredDetroit0 -
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 -
Building a Mobile Site: Tools?
I've been tasked with re-building our company's mobile site and honestly have zero experience doing so. I know my way around HTML pretty well and have built several websites but never for mobile. Does anybody have any recommendations for me as far as tools to use to construct a proper mobile site? I basically want a simple page with four buttons on the front and a little drop down menu in the top corner. (not that this matters terribly but just saying, shouldn't need to be overly complicated.) Thanks in advance!
Web Design | | jesse-landry0 -
Responsive design or mobile website for SEO
Because domains with a mobile version have better rankings in Google then domains with only a deskop version we're considering a mobile website. My web developer says that a m.domain.com is duplicated with the domain.com, and he recommends a responsive design. What is better for SEO positions in mobiles devices. A m.domain mobile website or a responsive design. What are influential factors?
Web Design | | remkoallertz0 -
Are iPads and other tablets considered mobile devices?
A colleague and I were discussing whether or not iPads should be considered mobile devices. Obviously, developing for a mobile phone is different than developing for an iPad so we're trying to determine if mobile is the correct umbrella to put both of these devices under.
Web Design | | TheOceanAgency2 -
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