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
-
Core Web Vitals hit Mobile Rankings
Hey all, Ever since Google announced "Core Web Vitals" are mobile rankings have nose-dived. At first, I thought it was optimisation changes to the page titles we had made which might still be part of the issue. However, Desktop rankings actuallyy increased for the same pages where mobile decreased. There is the plan to introduce a new ranking signal into the Google algorithm called the "core web vitals: and this was discussed around late May. even though it's supposed to get fully indexed into a ranking signal later this year or early next; I think Google continuously test and release this items before any official release. If you weren't aware, there is a section in Google Webmaster Tools related to "core web visits", which looks at:1. Loading2. Interactivity3. Visual StabilityThis overlays some of the other basic requirements of a good website and mobile experience. Taking a look at our Google Search Console, it appears to be the following:1. Mobile- 1,006 poor URLs, 100URLs need improvement and 475 good URLs.2. desktop- 0 poor URLs, 379 need improvements and 1,200 good URLsSOURCE: https://search.google.com/search-console/core-web-vitals?resource_id=https%3A%2F%2Fwww.griffith.ie%2FIn the report, we can see two distinct issues with the mobile pages:CLS Issue: more than 0.25 (mobile)- 1,006 casesLCP issue: longer than 4secs (mobile) - 348 case_CLS (Cumulative Layout Shift)This is a developer issue, and needs fixing. It's basically when a mobile screen jumps for the user. It is explained in this article: https://web.dev/cls/Seems to be an issue with all pages. **LCP (Largest Contentful Paint)_**Again, another developer fix that needs to be implemented. It's connected to page speed, and can be viewed here: https://web.dev/lcp/Looking at GCS, it looks like the blog content is mostly to blame.It's worth fixing these issues and again looking at the other items on page speed score tests:1. Leverage browser caching- https://gtmetrix.com/reports/griffith.ie/rBtvUC0F2. https://developers.google.com/speed/pagespeed/insights/?url=griffith.ie- mobile score for home page is 16/100, https://www.griffith.ie/people/thamil-venthan-ananthavinayagan is 15/100I think here is the biggest indicator of the issue at hand. Has anybody else noticed their mobile rankings go down and desktop stay the same of increase.Kind regards,
Web Design | | robhough909
Rob0 -
Changing website to Mobile site
Hi All, We are building a new website and would take it live in next few weeks. I want help to understand what all should we consider.. The site structure would be same with additional features but the URL path and site name is same...Should i take any precausions before shutting down the old site and getting the new one live? Thanks
Web Design | | jomin740 -
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 -
Going mobile: Responsive or different mobile version?
Going mobile: Responsive or different mobile version?
Web Design | | FCRMediaLietuva
Which one should we choose? Should we do responsive design or should we have a different mobile version and go m.domain.com ? http://searchenginewatch.com/sew/how-to/2253965/3-reasons-why-responsive-web-design-is-the-best-option-for-your-mobile-seo-strategy I just read this article. It seems that the responsive design is OK, but the first comment kills that opinion and says that it is pretty hard to make it OK. 🙂 So I need more opinions? What is best for people and for SEO?0 -
Any advice for best practice for mobile versions of websites?
Hi Mozzers, I am looking to develop a mobile version of one of my sites and was wondering what was considered best practice for the following: Where to host it: m.domain.com or domain.com/mobile ? Is rel='canonical' enough to avoid mobile version being indexed or should I use "noindex" on mobile version? How to handle tablets? Which screen size sees mobile version? Which sees full site version? Thanks in advance Geoff
Web Design | | SEM-Freak1 -
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 -
Recommendation for a company to make a site more mobile friendly?
Hiya, We have a client who uses us for SEO, and a separate company for web development. They have a fairly large site on a bespoke CMS. They're happy with the site, but the user experience on mobile devices is not right. Can anybody recommend a company specializing in that area? Preferably a UK company but not essential. Thanks 🙂
Web Design | | SteveOllington1