O que pode acontecer se voc\u00ea n\u00e3o se adaptar?<\/li><\/ul>\n\n\n\nIntrodu\u00e7\u00e3o: Muito al\u00e9m do desktop<\/p>\n\n\n\n
Voc\u00ea est\u00e1 lendo esse post de um computador, de um tablet ou de um celular? Essa n\u00e3o \u00e9 uma pergunta aleat\u00f3ria. S\u00f3 est\u00e1 sendo feita porque a forma como estamos navegando na internet est\u00e1 cada vez mais diversificada, e qualquer uma das op\u00e7\u00f5es acima \u00e9 poss\u00edvel.<\/p>\n\n\n\n
J\u00e1 faz um tempo que ningu\u00e9m mais diz \u201cvou entrar na internet\u201d. Basta pegar o celular ao lado, conectar e pronto. Sem dificuldade alguma estamos online.<\/p>\n\n\n\n
Olhe ao seu redor, em seu escrit\u00f3rio, no ponto de \u00f4nibus, na pra\u00e7a de alimenta\u00e7\u00e3o do shopping, na praia, no caf\u00e9 e at\u00e9 mesmo no tr\u00e2nsito. Algu\u00e9m deve estar com um celular na m\u00e3o, certo? \u00c9 um comportamento t\u00e3o comum que n\u00e3o pensar em como ele pode influenciar o seu neg\u00f3cio \u00e9 ficar para tr\u00e1s.<\/p>\n\n\n\n
Ao mesmo tempo, um detalhe precisa ser levado em considera\u00e7\u00e3o. A maioria dessas pessoas est\u00e1 navegando ou em aplicativos ou em sites adaptados para dispositivos m\u00f3veis. Fato que deixa ligado o alerta: precisamos fazer com que nosso neg\u00f3cio tamb\u00e9m esteja \u00e0 m\u00e3o dos usu\u00e1rios. Caso contr\u00e1rio, a chance de ele sair de nosso site, por conta de uma m\u00e1 experi\u00eancia, e ir para um site concorrente, \u00e9 enorme.<\/p>\n\n\n\n
E \u00e9 nesse quesito que as vantagens de um site responsivo surgem.
\nO que \u00e9 um site responsivo<\/p>\n\n\n\n
Sabe aquele site que voc\u00ea abre no celular e a tela at\u00e9 fica ajustada, mas com letras t\u00e3o pequenas que voc\u00ea precisa utilizar o zoom para ler? Ent\u00e3o, esse n\u00e3o \u00e9 um site responsivo.<\/p>\n\n\n\n
Sites responsivos s\u00e3o inteligentemente projetados para serem adaptados a qualquer tipo de resolu\u00e7\u00e3o, sem distor\u00e7\u00f5es. Um design responsivo identifica qual \u00e9 a largura de cada dispositivo e, dessa forma, consegue determinar o quanto de espa\u00e7o est\u00e1 dispon\u00edvel e como a p\u00e1gina ser\u00e1 mostrada para que esses espa\u00e7os sejam aproveitados de forma plena. Tamb\u00e9m ajusta as dimens\u00f5es das imagens, das fontes e dos demais elementos de uma p\u00e1gina para que eles n\u00e3o fiquem desproporcionais.<\/p>\n\n\n\n
Em termos bem pr\u00e1ticos, \u00e9 aquele site que, com o mesmo layout, se ajusta perfeitamente a qualquer resolu\u00e7\u00e3o de forma harm\u00f4nica, passando a mesma experi\u00eancia de leitura ao usu\u00e1rio, independentemente do dispositivo pelo qual est\u00e1 sendo acessado.<\/p>\n\n\n\n
Uma outra confus\u00e3o comum acontece entre sites responsivos e vers\u00f5es mobile de um site. H\u00e1 algumas diferen\u00e7as entre essas duas caracter\u00edsticas, como veremos abaixo.
\nDiferen\u00e7as entre um site responsivo e uma vers\u00e3o mobile<\/p>\n\n\n\n
Responsivo \u00e9 todo o site projetado para ser adaptado para qualquer tipo de tela. \u00c9 uma \u00fanica estrutura de c\u00f3digos que funciona em diferentes resolu\u00e7\u00f5es.<\/p>\n\n\n\n
Um mobile template \u00e9 um pouco diferente, \u00e9 um segundo site separado, feito exclusivamente para ser aberto em determinados tipos de dispositivos.<\/p>\n\n\n\n
O recomendado, por diversos motivos que voc\u00ea ver\u00e1 abaixo, \u00e9 que o site seja responsivo. No entanto, se ainda n\u00e3o for poss\u00edvel ou se voc\u00ea estiver com um projeto em andamento para essa adapta\u00e7\u00e3o, uma vers\u00e3o mobile ou um plugin que adapte para dispositivos m\u00f3veis \u00e9 uma op\u00e7\u00e3o interessante tamb\u00e9m.<\/p>\n\n\n\n
O blog da Resultados Digitas hoje \u00e9 responsivo, mas por algum tempo utilizamos o plugin WP Touch, que faz automaticamente um novo layout sempre que um usu\u00e1rio acessa seu site via dispositivo m\u00f3vel. Foi uma medida provis\u00f3ria at\u00e9 que nosso novo layout 100% responsivo ficasse pronto.
\n9 motivos para ter um site responsivo (e suas vantagens!)<\/p>\n\n\n\n
Agora que voc\u00ea j\u00e1 est\u00e1 contextualizado e j\u00e1 entendeu o que \u00e9 um site responsivo, chegou a hora de falarmos alguns motivos para voc\u00ea usar esse recurso em seu site.<\/p>\n\n\n\n
1 \u2013 Melhorar a experi\u00eancia do usu\u00e1rio<\/strong><\/p>\n\n\n\nExperi\u00eancia do usu\u00e1rio \u00e9 tudo. E traz resultados concretos.<\/p>\n\n\n\n
Segundo o Google Think Insights, se um usu\u00e1rio acessar sua p\u00e1gina via dispositivo m\u00f3vel e n\u00e3o encontrar o que procura, h\u00e1 61% de chances de ele desistir e partir para outro site.<\/p>\n\n\n\n
Em contrapartida, se ele fica satisfeito com o seu site, com uma experi\u00eancia positiva, as chances de ele converter em seu produto ou servi\u00e7o s\u00e3o de 67%.<\/p>\n\n\n\n
Pegue voc\u00ea mesmo como exemplo. Sempre que voc\u00ea abre um site pelo celular e percebe que ele est\u00e1 desalinhado, voc\u00ea fica satisfeito?<\/p>\n\n\n\n
2 \u2013 Acesso via mobile est\u00e1 crescendo (e deve continuar)<\/strong><\/p>\n\n\n\nDe acordo com o relat\u00f3rio Digital, Social & Mobile 2015, 39% da popula\u00e7\u00e3o total brasileira j\u00e1 tem acesso \u00e0 internet via celular e outros dispositivos m\u00f3veis. Em n\u00famero absolutos, a porcentagem representa 79 milh\u00f5es de brasileiros.<\/p>\n\n\n\n
A tend\u00eancia \u00e9 confirmada na mesma pesquisa, que mostra um aumento de 109% no n\u00famero de pageviews via dispositivos m\u00f3veis, e uma queda de 12% dos pageviews via desktops.<\/p>\n\n\n\n
3 \u2013 SEO + Mobilegeddon<\/strong><\/p>\n\n\n\nO Google favorece websites responsivos e, sobretudo quando a busca \u00e9 feita via dispositivo m\u00f3vel, d\u00e1 prefer\u00eancia a esses sites, aumentando naturalmente o tr\u00e1fego org\u00e2nico.<\/p>\n\n\n\n
Portanto, ter um site responsivo colabora com que seu site apare\u00e7a nos resultados de busca, independentemente do dispositivo que o usu\u00e1rio esteja utilizando para realizar a pesquisa.<\/p>\n\n\n\n
Uma das atualiza\u00e7\u00f5es do Google de 2015 ganhou o carinhoso apelido de Mobilegeddon (Mobile + Armageddon). A inten\u00e7\u00e3o do Google \u00e9 favorecer os sites que s\u00e3o responsivos ou que possuem uma vers\u00e3o mobile em detrimento aos que n\u00e3o est\u00e3o preparados. Falamos com mais profundidade sobre essa atualiza\u00e7\u00e3o de algoritmo no post \u201cMobilegeddon: seu site est\u00e1 preparado?\u201d.<\/p>\n\n\n\n
Al\u00e9m disso, a estrutura de URL permanecer\u00e1 a mesma em todos os dispositivos, o que tamb\u00e9m melhora o seu ranking e a visibilidade de seu site para o rob\u00f4 de busca.<\/p>\n\n\n\n
4 \u2013 Aumentar a velocidade da p\u00e1gina<\/strong><\/p>\n\n\n\nUma das recomenda\u00e7\u00f5es do Google PageSpeed Developers \u00e9 que o conte\u00fado acima da dobra em um dispositivo m\u00f3vel seja carregado em menos de 1 segundo. E o carregamento completo da p\u00e1gina em menos de 2 segundos.<\/p>\n\n\n\n
Na maioria dos casos, isso se torna invi\u00e1vel quando uma vers\u00e3o desktop do site \u00e9 carregada em um dispositivo m\u00f3vel. A velocidade de carregamento, al\u00e9m de ser um fator de rankeamento para o Google, tamb\u00e9m prejudica o usu\u00e1rio. Caso o site demore a carregar, h\u00e1 uma alta probabilidade de que o usu\u00e1rio feche a janela e procure o que precisa em outro lugar.<\/p>\n\n\n\n
Um site responsivo j\u00e1 \u00e9 mais leve e otimizado para os dispositivos m\u00f3veis, e por isso \u00e9 carregado mais rapidamente do que uma vers\u00e3o desktop.<\/p>\n\n\n\n
5 \u2013 Diminuir a taxa de rejei\u00e7\u00e3o<\/strong><\/p>\n\n\n\nTer um site responsivo reduz a quantidade de usu\u00e1rios que entram em seu site e saem sem intera\u00e7\u00e3o alguma.<\/p>\n\n\n\n
Esse item est\u00e1 ligado \u00e0 experi\u00eancia do usu\u00e1rio, uma vez que, se ele n\u00e3o for bem recebido ao entrar na p\u00e1gina, as chances de ele fechar e desistir \u2013 ou partir para outra pesquisa \u2013 s\u00e3o grandes.<\/p>\n\n\n\n
\u00c9 importante tomar cuidado com essa taxa de rejei\u00e7\u00e3o, uma vez que, se ela estiver muito alta, pode ser interpretada pelo Google como sinal de que o conte\u00fado n\u00e3o \u00e9 relevante. E quando isso acontece, as chances de sua p\u00e1gina perder posi\u00e7\u00f5es \u00e9 grande.<\/p>\n\n\n\n
6 \u2013 Aumentar as vendas<\/strong><\/p>\n\n\n\nAinda baseado no relat\u00f3rio Digital, Social & Mobile 2015, temos um dado de que 15% dos brasileiros que utilizam a internet em dispositivos m\u00f3veis fizeram uma compra nos \u00faltimos 30 dias.<\/p>\n\n\n\n
Nesse quesito, a prefer\u00eancia da popula\u00e7\u00e3o brasileira ainda \u00e9 o desktop, que tem para o mesmo quesito uma taxa de 36%.<\/p>\n\n\n\n
Mesmo assim, os n\u00fameros mostram uma tend\u00eancia que est\u00e1 em pleno desenvolvimento. Ter um aplicativo ou um site responsivo para um ecommerce, por exemplo, \u00e9 uma maneira de aumentar as suas vendas.<\/p>\n\n\n\n
7 \u2013 Aumentar a taxa de convers\u00e3o de Leads<\/strong><\/p>\n\n\n\nAssim como h\u00e1 aumento de vendas, h\u00e1 tamb\u00e9m a possibilidade de aumentar a convers\u00e3o e gerar Leads por meio de dispositivos m\u00f3veis.<\/p>\n\n\n\n
Se voc\u00ea utiliza as redes sociais para promover seus materiais, \u00e9 muito necess\u00e1rio que as p\u00e1ginas sejam responsivas. O usu\u00e1rio poder\u00e1 estar navegando nas redes pelo smartphone quando visualizar seu link no feed de not\u00edcias. E se, ao clicar, a p\u00e1gina for desalinhada, \u00e9 muito maior a chance de ele n\u00e3o converter do que ele abrir novamente o link no desktop.<\/p>\n\n\n\n
Aqui na Resultados Digitais temos Landing Pages responsivas, o que certamente contribui para que tenhamos convers\u00f5es via dispositivos m\u00f3veis.<\/p>\n\n\n\n
8 \u2013 Mais compartilhamentos nas m\u00eddias sociais<\/strong><\/p>\n\n\n\nO Brasil possui 78 milh\u00f5es de contas em redes sociais que s\u00e3o acessadas por dispositivos m\u00f3veis, n\u00famero que equivale a 38% da popula\u00e7\u00e3o total. Esse n\u00famero n\u00e3o significa usu\u00e1rios \u00fanicos, uma vez que uma pessoa pode ter v\u00e1rias contas em diferentes redes sociais, por exemplo.<\/p>\n\n\n\n
Por\u00e9m, n\u00e3o deixa de ser um n\u00famero expressivo. Como o acesso \u00e0s redes sociais via celulares e tablets \u00e9 a cada dia mais frequente, nada mais inteligente do que seu site ser responsivo. As chances de suas p\u00e1ginas serem compartilhadas em redes sociais por esses usu\u00e1rios s\u00e3o muito maiores se eles tiverem uma experi\u00eancia agrad\u00e1vel de navega\u00e7\u00e3o.<\/p>\n\n\n\n
Al\u00e9m do mais, ter apenas uma \u00fanica p\u00e1gina responsiva deixa a experi\u00eancia mais agrad\u00e1vel tamb\u00e9m para quem acessa um link que foi compartilhado via celular por outra pessoa. Isso evita que uma vers\u00e3o m\u00f3vel \u2013 geralmente bem resumida \u2013 seja aberta em um desktop, como aqueles dom\u00ednios, por exemplo, \u201chttp:\/\/m.site.com\/slug-da-pagina\u201d ou \u201chttp:\/\/site.com\/mobile\/slug-da-pagina\u201d.<\/p>\n\n\n\n
9 \u2013 Preparar-se para dispositivos futuros<\/strong><\/p>\n\n\n\nUma das maiores vantagens de um design responsivo \u00e9 que ele \u00e9 feito para diferentes resolu\u00e7\u00f5es e n\u00e3o para diferentes dispositivos. Ou seja, n\u00e3o importa qual a resolu\u00e7\u00e3o da tela do dispositivo que o seu visitante est\u00e1 utilizando, o layout ir\u00e1 se adaptar.<\/p>\n\n\n\n
Isso abre uma brecha para dispositivos futuros, que poder\u00e3o ser lan\u00e7ados com resolu\u00e7\u00f5es diferentes. Um layout responsivo deixa seu site pronto para qualquer dispositivo, mesmo os que ainda n\u00e3o existam.
\nConclus\u00e3o<\/p>\n\n\n\n
Dispositivos m\u00f3veis j\u00e1 est\u00e3o a\u00ed para ficar. N\u00e3o \u00e9 mais o futuro, \u00e9 o presente. Afinal, n\u00e3o \u00e9 de todo absurdo tamb\u00e9m que algumas pessoas j\u00e1 nem usem a internet via computadores. E nem de que algumas pessoas sequer tenham computadores em casa.<\/p>\n\n\n\n
Fonte: Resultados dos Digitais<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"Seu site est\u00e1 adaptado para ser visualizado em todos os tipos de dispositivos? Voc\u00ea possui visitantes que se conectam a voc\u00ea tanto pelo desktop como pelo celular ou tablet? E se falarmos que essa condi\u00e7\u00e3o nem \u00e9 t\u00e3o nova assim, isso deixaria voc\u00ea mais alerta? Nesse post, vamo explorar algumas quest\u00f5es b\u00e1sicas sobre responsividade e […]<\/p>\n","protected":false},"author":1,"featured_media":265,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71,58,63,68],"tags":[218],"class_list":["post-429","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artigos","category-design-grafico","category-marketing","category-websites","tag-usar-um-design-responsivo"],"yoast_head":"\n
Motivos para usar um design responsivo em seu site. - CBi Arte - Comunica\u00e7\u00e3o<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cbiarte.com.br\/blog\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Motivos para usar um design responsivo em seu site. - CBi Arte - Comunica\u00e7\u00e3o\" \/>\n<meta property=\"og:description\" content=\"Seu site est\u00e1 adaptado para ser visualizado em todos os tipos de dispositivos? Voc\u00ea possui visitantes que se conectam a voc\u00ea tanto pelo desktop como pelo celular ou tablet? E se falarmos que essa condi\u00e7\u00e3o nem \u00e9 t\u00e3o nova assim, isso deixaria voc\u00ea mais alerta? Nesse post, vamo explorar algumas quest\u00f5es b\u00e1sicas sobre responsividade e […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cbiarte.com.br\/blog\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\/\" \/>\n<meta property=\"og:site_name\" content=\"CBi Arte - Comunica\u00e7\u00e3o\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cbiarte\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-01T11:59:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-11T14:51:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cbiarte.com.br\/blog\/wp-content\/uploads\/2017\/06\/responsivo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@cbiarte\" \/>\n<meta name=\"twitter:site\" content=\"@cbiarte\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/e4ea4f6923fc296b5307a75bdcb34779\"},\"headline\":\"Motivos para usar um design responsivo em seu site.\",\"datePublished\":\"2019-10-01T11:59:16+00:00\",\"dateModified\":\"2019-11-11T14:51:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\\\/\"},\"wordCount\":1847,\"publisher\":{\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/responsivo.jpg\",\"keywords\":[\"usar um design responsivo\"],\"articleSection\":[\"Artigos\",\"design gr\u00e1fico\",\"marketing\",\"websites\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\\\/\",\"url\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\\\/\",\"name\":\"Motivos para usar um design responsivo em seu site. - CBi Arte - Comunica\u00e7\u00e3o\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/responsivo.jpg\",\"datePublished\":\"2019-10-01T11:59:16+00:00\",\"dateModified\":\"2019-11-11T14:51:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/responsivo.jpg\",\"contentUrl\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/06\\\/responsivo.jpg\",\"width\":800,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Motivos para usar um design responsivo em seu site.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/\",\"name\":\"CBI Arte Digital - Blog\",\"description\":\"Comunica\u00e7\u00e3o e Marketing Integrado\",\"publisher\":{\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/#organization\",\"name\":\"CBi Arte Digital - Ag\u00eancia de Publicidade\",\"url\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo-1.png\",\"contentUrl\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo-1.png\",\"width\":796,\"height\":107,\"caption\":\"CBi Arte Digital - Ag\u00eancia de Publicidade\"},\"image\":{\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/cbiarte\\\/\",\"https:\\\/\\\/x.com\\\/cbiarte\",\"https:\\\/\\\/www.instagram.com\\\/?hl=pt-br\",\"https:\\\/\\\/youtube.com\\\/cbiarte\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/e4ea4f6923fc296b5307a75bdcb34779\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b570640de7c1b9166d6054fa87bcddbc23c17495a263efb8eb9a16c620a71c7c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b570640de7c1b9166d6054fa87bcddbc23c17495a263efb8eb9a16c620a71c7c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b570640de7c1b9166d6054fa87bcddbc23c17495a263efb8eb9a16c620a71c7c?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/cbiarte.com.br\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Motivos para usar um design responsivo em seu site. - CBi Arte - Comunica\u00e7\u00e3o","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cbiarte.com.br\/blog\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\/","og_locale":"pt_BR","og_type":"article","og_title":"Motivos para usar um design responsivo em seu site. - CBi Arte - Comunica\u00e7\u00e3o","og_description":"Seu site est\u00e1 adaptado para ser visualizado em todos os tipos de dispositivos? Voc\u00ea possui visitantes que se conectam a voc\u00ea tanto pelo desktop como pelo celular ou tablet? E se falarmos que essa condi\u00e7\u00e3o nem \u00e9 t\u00e3o nova assim, isso deixaria voc\u00ea mais alerta? Nesse post, vamo explorar algumas quest\u00f5es b\u00e1sicas sobre responsividade e […]","og_url":"https:\/\/cbiarte.com.br\/blog\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\/","og_site_name":"CBi Arte - Comunica\u00e7\u00e3o","article_publisher":"https:\/\/www.facebook.com\/cbiarte\/","article_published_time":"2019-10-01T11:59:16+00:00","article_modified_time":"2019-11-11T14:51:14+00:00","og_image":[{"width":800,"height":400,"url":"https:\/\/cbiarte.com.br\/blog\/wp-content\/uploads\/2017\/06\/responsivo.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@cbiarte","twitter_site":"@cbiarte","twitter_misc":{"Escrito por":"admin","Est. tempo de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cbiarte.com.br\/blog\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\/#article","isPartOf":{"@id":"https:\/\/cbiarte.com.br\/blog\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\/"},"author":{"name":"admin","@id":"https:\/\/cbiarte.com.br\/blog\/#\/schema\/person\/e4ea4f6923fc296b5307a75bdcb34779"},"headline":"Motivos para usar um design responsivo em seu site.","datePublished":"2019-10-01T11:59:16+00:00","dateModified":"2019-11-11T14:51:14+00:00","mainEntityOfPage":{"@id":"https:\/\/cbiarte.com.br\/blog\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\/"},"wordCount":1847,"publisher":{"@id":"https:\/\/cbiarte.com.br\/blog\/#organization"},"image":{"@id":"https:\/\/cbiarte.com.br\/blog\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\/#primaryimage"},"thumbnailUrl":"https:\/\/cbiarte.com.br\/blog\/wp-content\/uploads\/2017\/06\/responsivo.jpg","keywords":["usar um design responsivo"],"articleSection":["Artigos","design gr\u00e1fico","marketing","websites"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/cbiarte.com.br\/blog\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\/","url":"https:\/\/cbiarte.com.br\/blog\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\/","name":"Motivos para usar um design responsivo em seu site. - CBi Arte - Comunica\u00e7\u00e3o","isPartOf":{"@id":"https:\/\/cbiarte.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cbiarte.com.br\/blog\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\/#primaryimage"},"image":{"@id":"https:\/\/cbiarte.com.br\/blog\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\/#primaryimage"},"thumbnailUrl":"https:\/\/cbiarte.com.br\/blog\/wp-content\/uploads\/2017\/06\/responsivo.jpg","datePublished":"2019-10-01T11:59:16+00:00","dateModified":"2019-11-11T14:51:14+00:00","breadcrumb":{"@id":"https:\/\/cbiarte.com.br\/blog\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cbiarte.com.br\/blog\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/cbiarte.com.br\/blog\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\/#primaryimage","url":"https:\/\/cbiarte.com.br\/blog\/wp-content\/uploads\/2017\/06\/responsivo.jpg","contentUrl":"https:\/\/cbiarte.com.br\/blog\/wp-content\/uploads\/2017\/06\/responsivo.jpg","width":800,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/cbiarte.com.br\/blog\/9-motivos-para-voce-usar-motivos-para-usar-design-responsivo-em-seu-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/cbiarte.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Motivos para usar um design responsivo em seu site."}]},{"@type":"WebSite","@id":"https:\/\/cbiarte.com.br\/blog\/#website","url":"https:\/\/cbiarte.com.br\/blog\/","name":"CBI Arte Digital - Blog","description":"Comunica\u00e7\u00e3o e Marketing Integrado","publisher":{"@id":"https:\/\/cbiarte.com.br\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cbiarte.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/cbiarte.com.br\/blog\/#organization","name":"CBi Arte Digital - Ag\u00eancia de Publicidade","url":"https:\/\/cbiarte.com.br\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/cbiarte.com.br\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cbiarte.com.br\/blog\/wp-content\/uploads\/2019\/10\/logo-1.png","contentUrl":"https:\/\/cbiarte.com.br\/blog\/wp-content\/uploads\/2019\/10\/logo-1.png","width":796,"height":107,"caption":"CBi Arte Digital - Ag\u00eancia de Publicidade"},"image":{"@id":"https:\/\/cbiarte.com.br\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/cbiarte\/","https:\/\/x.com\/cbiarte","https:\/\/www.instagram.com\/?hl=pt-br","https:\/\/youtube.com\/cbiarte"]},{"@type":"Person","@id":"https:\/\/cbiarte.com.br\/blog\/#\/schema\/person\/e4ea4f6923fc296b5307a75bdcb34779","name":"admin","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/b570640de7c1b9166d6054fa87bcddbc23c17495a263efb8eb9a16c620a71c7c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b570640de7c1b9166d6054fa87bcddbc23c17495a263efb8eb9a16c620a71c7c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b570640de7c1b9166d6054fa87bcddbc23c17495a263efb8eb9a16c620a71c7c?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/cbiarte.com.br\/blog\/author\/admin\/"}]}},"jetpack_featured_media_url":"https:\/\/cbiarte.com.br\/blog\/wp-content\/uploads\/2017\/06\/responsivo.jpg","_links":{"self":[{"href":"https:\/\/cbiarte.com.br\/blog\/wp-json\/wp\/v2\/posts\/429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbiarte.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cbiarte.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cbiarte.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbiarte.com.br\/blog\/wp-json\/wp\/v2\/comments?post=429"}],"version-history":[{"count":2,"href":"https:\/\/cbiarte.com.br\/blog\/wp-json\/wp\/v2\/posts\/429\/revisions"}],"predecessor-version":[{"id":468,"href":"https:\/\/cbiarte.com.br\/blog\/wp-json\/wp\/v2\/posts\/429\/revisions\/468"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cbiarte.com.br\/blog\/wp-json\/wp\/v2\/media\/265"}],"wp:attachment":[{"href":"https:\/\/cbiarte.com.br\/blog\/wp-json\/wp\/v2\/media?parent=429"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cbiarte.com.br\/blog\/wp-json\/wp\/v2\/categories?post=429"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cbiarte.com.br\/blog\/wp-json\/wp\/v2\/tags?post=429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}