Adaptive design responsive or. What is and as improvement your webpage?

Design adaptive Web responsive or

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.

Design Web responsive con design nonadaptive Web

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.

Behavior usuary lies down online responsive

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:

Most common it is than the webpage has a menu for tablets and desktop computers and another different one for mobiles. In order to hide the original menu in mobiles and to show the reason menu we can be helped of programming in Javascript or with the addition in the style sheet of elements type @media screen where specifying a size in pixels we can include rules of styles that will be only applied in the cases in that the screen is minor who the pixels indicated in the rule.

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

To google it likes the adaptive design responsive or

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.

2 commentaries in €œadaptive Design responsive or. What is and as improvement your webpage€

  1. Lorraine:
    Hello, favor I need to know as I recognize that a page not this in adaptive HTML 5 responsive.

    Hello Lorraine,
    To differentiate a webpage is very easy. If when you sail by your site, from a telephone, see the lines of text, images, and other elements Web, they excel by the right side or left, she is not adaptive. It is not either adaptive S.A. to visit your site from a telephone you see it small and you must make zoom lens to extend it, leaving the elements by the lateral ones.
    The basic characteristics of an adaptive site responsive or are that when sailing by him from a telephone or tablet, all the elements visualize correctly without needing zoom lens, neither excelling by right left nor.

It lets a commentary