Site ou layout responsivo é quando o site automaticamente se encaixa no dispositivo do usuário seja a tela do Computador, Televisão, Celular e Tablet.

Um site responsivo muda a sua aparência e disposição com base no tamanho da tela em que o mesmo é exibido. Então, se o usuário tem uma tela pequena, os elementos se reorganizam para lhe mostrar as coisas principais em primeiro lugar.

O Site Responsivo é, definitivamente, uma solução eficaz para oferecer uma nova experiência ao usuário conforme o uso desejado. Esta é uma grande evolução e assegura aos usuários uma experiência mais rica.

Os layouts de sites que usam uma estrutura responsiva são adaptados para qualquer tipo de tela ou aparelho móvel, usando apenas códigos HTML e CSS, tornando a página mais amigável aos usuários.

As consequências de não fornecer um site amigável para dispositivos móveis são óbvias, mas, vale a pena listar o que acontece quando um internauta NÃO ENCONTRA UM SITE RESPONSIVO quando navega no seu tablet ou smartphone:

Sua principal vantagem é que o site se adaptará a qualquer tamanho de tela ou dispositivo do usuário, outra não menos importante é que esse tipo de layout/design facilita a otimização e evita erros na hora de criar os redirecionamentos.

• Um único layout para vários tipos de tela;
• Deixa o site/blog mais leve para aparelhos móveis;
• Evita redirecionamentos do endereço;
• Não precisa de aplicativos ou plug-ins para identificar o formato da tela;
• Evita conteúdo duplicado e punições dos mecanismos de busca;
• É mais amigável para o visitante;
• O Google recomenda o uso do Responsivo.