FREQUENT ERRORS AND THEIR DECISION
When developing websites in general, many technical mistakes are allowed. No exception and adaptive versions. Below is a list of the most frequent of them, which can have a significant negative effect on the positions of promoted requests. Of course, errors also intersect with checklist items.
ERROR OR FAILURE CRITICALITY DESCRIPTION AND ELIMINATION
Absence / discrepancy of optimization in the title and meta-tags on the mobile version.
It is required to check which browser window headers and meta tags are from the mobile version URL. Tags must match the main version of the site.
The presence of blocks with scrolling (horizontal or vertical, inside the containers on the document).
Minimal use of containers with scrolling (vertical or horizontal) should be used. Consider separately the type of adaptation of complex blocks and tables on the URL, sometimes it requires a more creative approach.
Pop-up blocks, widgets and ads that interfere with viewing.
A block that occupies 5% of the screen on the desktop can cover a significant part of the entire functionality on a portable device. Often, these blocks include advertising of a mobile application, which the project has. You should consider the moment of displaying the data of pop-up and ad units and limit their volume to 5-15% of the screen.
Bad banner example
Incorrect setting forwarding.
from 5 to 10/10
The problem is relevant in the presence of a separate version. Either the user-agent redirect is configured from all pages to the main page, and not to the same document on the mobile version, or the redirect is not with the 302 response code.
Hiding from indexing images, js and css files.
The ban on indexing JS and CSS files is considered an error for all types of sites. A critical issue is considered in Google, which uses more advanced rendering when scanning and performs JS. If only some scripts are hidden from indexing (for SEO needs), then the problem is not critical.
The presence of non-reproducible content.
from 3 to 8/10
A visual check of the contents of the main URLs of the site and the correction of errors found is required. Should be used for animation technology HTML5. Criticality is determined by the number of pages on the project on which the problem is fixed.
No flash support
Slow loading pages.
In fact, the task concerns not only the mobile version and is relevant for all projects. Slow download can be a critical factor if the user's Internet is also slow, which is typical for smartphones without using Wi-Fi.
Studies show the link speed and conversion. Make sure that the source code download time is below 700 ms, and the size of the code itself is up to 120–140 KB.
Invalid metadata viewport and viewport.
Without the correct setting of the meta-tag viewport, the resource will not pass the test for mobility, which will lead to a decrease in the volume of attracted traffic. It is often found that a fixed width is indicated and the page is incorrectly displayed on many devices and the minimum viewing area is too wide and horizontal scrolling appears for users. Should arrange these errors.
The presence of small elements, functional blocks. Unreadable text.
Check whether it will be comfortable for the user to perform standard actions on the site: read the text, open and close the menu, fill out the application form, call? If the elements are too small, then increase the distance between them and the font size of the text (size), it should not be less than 12 pixels.
Non-optimized order forms and conversion elements.
Those forms that can be easily filled from the desktop, sometimes, can not be sent from a smartphone. Remove all unnecessary fields, leave only the most necessary, say, one mandatory field - a phone number or an e-mail.
Pay special attention to the process of registration of goods through the basket and pay with a smartphone.
Functional elements that work only when you hover.
Remember, portable devices do not have a cursor in the usual sense of a word (when you touch the screen, a “click” event occurs). If the design of the normal version uses events that trigger when you hover the cursor (hints, photo magnification, drop-down menu), then you need to separately consider their behavior on the adaptive version.
Inability to make a call in one click.
Make sure that users from smartphones can make a call by clicking on the phone number in the header of the site. To do this: specify the phone number in its entirety, with the country and city codes, use the "tel" protocol, which will set the desired property to the link.
<a href="tel:+74959895311"> +7 495 989-53-11 </a>
This comprehensive guide and checklist for mobile adaptation will allow you to increase traffic values from portable devices and increase its conversion. Good luck in self-promotion of the site and avoid mistakes!