Nowadays 40% of the Internet traffic are generated from movable devices, of there the importance of which our website is seen well, without needing making zoom lens, in any screen.
Because there is nothing as no annoying as to try to read the news with your mobile, that the letter is seen too small, and when extending everything is unsquared, having to move the screen horizontally to continue reading a line. In order to avoid this there are two solutions: To make two webpages, one that loading when the user enters through a table or portable computer and another version of the same designed page for when the user connects from one tablet or smartphone. Or to make a single webpage with adaptive design responsive or.
In IContactWebDesign we have bet from the home by the adaptable design responsive or, turning to us into some expert in this matter. Or a webpage in HTML, a blog or a store online, our objective is that the usuary benefit of navigation in our page and to secure the best experience of possible navigation.
What is the adaptive design or responsive?
The adaptable design of a fluid design that as the size of the screen is reduced the content goes away rearranged to fit in the new screen. Sometimes the content changes of size, sometimes the content changes of site, and sometimes is a different content following the device with which it is sailed.
To modify the size of the elements:
The elements, images, videos, sections, paragraphs, etc., do not have a fixed size in pixels but they have a proportional size to the size of the screen, a percentage of the total of the space. Also he is recommendable to assign a maximum size to them but we want that in very great screens they are seen too great. For example a photo must have a maximum size but we want that it exceeds the size of the original image and loses quality.
To change of site the content:
The elements must be floating and when the screen is too small so that they do not fit in a line, where already there are other elements, must happen to the following line. That is obtained formed the property of flotation of the elements of the webpage to the left.
To show or to hide elements following the size of screen:
Google, SEO and design adaptive Web.
And that says google on the adaptive design? To google it likes the design responsive or adaptive and it recommends it for the creation of webpages, you can see its reasons here: developers.google.com/webmasters/smartphone-sites/details
In broad strokes it says that he is beneficial because:
- The same URL will be in all the devices, improving the activity with the social networks. As much movable as tablecloths they will send you like me to the same URL.
- There is redirections of page, no this improvement the time of load and as much for the users as for the spiders of google the rapidity of a page is fundamental.
- It as much reduces the consumption of resources in our servant as in google. When raking the page with a single user agent, google does not have to send its ara±itas (user-agent) specialized in movable devices to track your page one second time.
As she sees google likes much the adaptive design, and if likes to google means it that it is good for the SEO of your page. The spiders of google are limited and happen once in a while through your page to track it, if your page is slow using redirections or has duplicated content, using Web for computer and Web for mobiles, google will have to spend the more time tracking it and it will not like too much.
The adaptive design is the future
Since we have seen with the adaptive design everything is advantages, and you will ask yourself which are the disadvantages of the adaptive design? for you, none! , the only disadvantage is that it requires more work of design and programming but for you, usuary or final client, those disadvantages are invisible because we were in charge of everything. We apply to the design responsive in all type of webpages: html5, virtual stores, wordpress, joomla and prestashop.