{"id":3764,"date":"2016-02-25T11:32:51","date_gmt":"2016-02-25T14:32:51","guid":{"rendered":"https:\/\/www.brasilnaweb.com.br\/?p=3764"},"modified":"2016-02-25T11:40:46","modified_gmt":"2016-02-25T14:40:46","slug":"google-design-resizer-verificar-se-um-site-e-responsivo","status":"publish","type":"post","link":"https:\/\/brasilnaweb.com.br\/blog\/google-design-resizer-verificar-se-um-site-e-responsivo\/","title":{"rendered":"Google Design Resizer – Verificar se um site \u00e9 responsivo"},"content":{"rendered":"

O quanto o seu site \u00e9 responsivo?<\/h2>\n

Voc\u00ea sabe o que quer dizer ter um site\u00a0responsivo?!<\/p>\n

N\u00e3o \u00e9 nenhuma novidade que o uso de internet m\u00f3vel disparou nos \u00faltimos anos, e\u00a0consequentemente \u00a0as buscas no Google, que desde 1 de abril de 2015 passou a\u00a0pontuar e posicionar melhor<\/strong> os\u00a0sites\u00a0que se adaptam tanto para\u00a0computadores quanto a dispositivos m\u00f3veis, o que chamamos de sites responsivos e\/ou modelos m\u00f3veis.<\/p>\n

O design responsivo exige que voc\u00ea tenha apenas um site<\/strong> que se adapta a todos os tamanhos de tela, n\u00e3o importa qual dispositivo o site seja\u00a0exibido.<\/p>\n

A contra m\u00e3o desse m\u00e9todo \u00e9 manter\u00a0um\u00a0site completamente separado\u00a0(outro c\u00f3digo e as\u00a0vezes at\u00e9 banco de dados diferentes) do site mobile, \u00e9 muito\u00a0comum at\u00e9 que seja utilizado um subdom\u00ednio (ex: m.facebook.com).<\/p>\n

Veja na pr\u00e1tica um site mobile se adaptando as v\u00e1rias telas diferentes!<\/h3>\n

\"1\"<\/p>\n

<\/h2>\n

De onde vem o Design responsivo?<\/h2>\n

Este termo originalmente cunhado por Ethan Marcotte em um artigo do A List Apart em 2010 \u2013 tem sido o m\u00e9todo mais popular e amplamente utilizado para dispositivos m\u00f3veis.<\/p>\n

O servi\u00e7o de cria\u00e7\u00e3o de Loja Virtual<\/strong>\u00a0\u00a0e cria\u00e7\u00e3o de sites da Brasil na Web<\/strong> j\u00e1 segue este\u00a0conceito\u00a0h\u00e1 alguns anos, assim como desde 2003 j\u00e1 cri\u00e1vamos sites e lojas amig\u00e1veis ao Google usando t\u00e9cnicas de SEO na estrutura\u00e7\u00e3o dos sites.<\/p>\n

 <\/p>\n

Como saber se meu site \u00e9 responsivo?<\/h2>\n

O Google oferece uma\u00a0ferramenta bem bacana para\u00a0mostrar o\u00a0comportamento do seu\u00a0site em telas com tamanhos variados, incluindo celular.\u00a0A ferramenta simula o carregamento do site em um celular ou desktop, e o melhor, voc\u00ea pode usar o seu site ali mesmo, como se estivesse no celular e assim verificar quest\u00f5es que n\u00e3o estejam t\u00e3o boas dependendo do tamanho da tela. Acesse:<\/p>\n

[button link=”http:\/\/design.google.com\/resizer\/” color=”default” size=”large” type=”” shape=”” target=”_blank” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_divider=”no” icon_position=”left” modal=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””]Google Resizer[\/button]<\/p>\n

 <\/p>\n

Veja exemplos de testes de sites mobile no Google Resizer<\/h3>\n

\"bnw-resizer\"<\/a><\/p>\n

\"sea-resizer\"<\/a><\/p>\n

\"click-resizer\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

Teste r\u00e1pido – Veja se o seu site\u00a0\u00e9 responsivo \/ mobile-friendly<\/h2>\n

O Google ainda fornece uma ferramenta que verifica se o seu site \u00e9 ou n\u00e3o responsivo e retorna quais os erros ele encontrou. Assim voc\u00ea pode encaminhar essa lista de ajustes para que o desenvolvedor do seu site providencie uma manuten\u00e7\u00e3o pra voc\u00ea.<\/p>\n

[button link=”https:\/\/www.google.com\/webmasters\/tools\/mobile-friendly\/” color=”default” size=”large” type=”” shape=”” target=”_blank” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_divider=”no” icon_position=”left” modal=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””]Testar –\u00a0Google Mobile Friendly[\/button]<\/p>\n

 <\/p>\n

E ai, como foi resultado?<\/h3>\n

Se o seu site ainda n\u00e3o \u00e9 responsivo, \u00e9 antigo e n\u00e3o est\u00e1 preparado para abrir em celulares e tablets,\u00a0converse\u00a0com a nossa equipe comercial agora mesmo e fa\u00e7a\u00a0um or\u00e7amento para criar um site novo<\/a><\/strong> ou mesmo criar uma\u00a0loja virtual<\/a><\/strong> nova cheia de recursos e devidamente preparada para o mundo mobile!<\/p>\n

[button link=”https:\/\/www.brasilnaweb.com.br\/orcamento\/” color=”blue” size=”large” type=”” shape=”” target=”_blank” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”fa-check” icon_divider=”yes” icon_position=”left” modal=”” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””]Solicite um or\u00e7amento[\/button]<\/p>\n","protected":false},"excerpt":{"rendered":"

O quanto o seu site \u00e9 responsivo? Voc\u00ea sabe o que quer dizer ter um site\u00a0responsivo?! N\u00e3o \u00e9 nenhuma novidade que o uso de internet m\u00f3vel disparou nos \u00faltimos anos, e\u00a0consequentemente \u00a0as buscas no Google, que desde 1 de abril de 2015 passou a\u00a0pontuar e posicionar melhor os\u00a0sites\u00a0que se adaptam tanto para\u00a0computadores quanto a dispositivos […]<\/p>\n","protected":false},"author":2,"featured_media":3769,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[487,489,488,492,491,490,494,493],"class_list":["post-3764","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ecommerce-lojistas","tag-google-design-resizer","tag-google-mobile-friendly","tag-google-resizer","tag-site-mobile","tag-site-responsive","tag-site-responsivo","tag-teste-responsivo","tag-verificar-site-mobile"],"_links":{"self":[{"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/3764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/comments?post=3764"}],"version-history":[{"count":0,"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/3764\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/media\/3769"}],"wp:attachment":[{"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/media?parent=3764"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/categories?post=3764"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brasilnaweb.com.br\/blog\/wp-json\/wp\/v2\/tags?post=3764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}