{"id":81,"date":"2016-07-23T00:16:15","date_gmt":"2016-07-23T00:16:15","guid":{"rendered":"http:\/\/sw-themes.com\/porto_dummy\/?p=81"},"modified":"2018-09-05T22:59:02","modified_gmt":"2018-09-06T01:59:02","slug":"entenda-por-que-o-site-da-sua-marca-precisa-ter-design-responsivo","status":"publish","type":"post","link":"https:\/\/www.ultrasilk.com.br\/site\/entenda-por-que-o-site-da-sua-marca-precisa-ter-design-responsivo\/","title":{"rendered":"Entenda por que o site da sua marca precisa ter design responsivo"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_single_image source=&#8221;featured_image&#8221; img_size=&#8221;360&#215;170&#8243; alignment=&#8221;center&#8221; el_class=&#8221;pull-right m-b m-b-xs m-l-lg&#8221;][vc_column_text el_class=&#8221;lead&#8221;]<\/p>\n<p style=\"text-align: justify;\">Acessar a internet pelo celular? Ter um monitor com mais de 15 polegadas ligado no computador? No ano de 2001, era bem dif\u00edcil ver alguma coisa dessas por a\u00ed. No entanto, foi nesse mesmo ano que surgiu o primeiro site com design responsivo da internet, da Audi, que j\u00e1 apontava uma tend\u00eancia que hoje faz muita diferen\u00e7a para os resultados de qualquer p\u00e1gina da web. Mas voc\u00ea sabe o que \u00e9 design responsivo?<\/p>\n<p>[\/vc_column_text][vc_column_text el_class=&#8221;m-b-none&#8221;]<\/p>\n<p style=\"text-align: justify;\">Bem, se n\u00e3o souber o que \u00e9 isso e nem quais s\u00e3o os benef\u00edcios que essa t\u00e9cnica pode trazer para os n\u00fameros de acessos e convers\u00f5es do seu site, n\u00e3o se preocupe, porque n\u00f3s vamos explicar tudo neste post. Confira!<\/p>\n<h3 style=\"text-align: justify;\">O que \u00e9 design responsivo?<\/h3>\n<p style=\"text-align: justify;\">Muita gente costuma dizer que um design responsivo \u00e9 aquele que consegue se adaptar ao tamanho da tela de qualquer aparelho, seja ele um computador, celular ou tablet. No entanto, essa \u00e9 apenas uma das suas caracter\u00edsticas.<\/p>\n<p style=\"text-align: justify;\">Al\u00e9m de ter o layout adaptado para diferentes tamanhos de tela, um site com design responsivo tamb\u00e9m precisa aprimorar sua velocidade para funcionar bem em aparelhos com internet de velocidade reduzida e at\u00e9 optar por mostrar apenas as informa\u00e7\u00f5es que fa\u00e7am sentido naquele ambiente.<\/p>\n<h3 style=\"text-align: justify;\">O que a sua empresa tem a ganhar com isso?<\/h3>\n<p style=\"text-align: justify;\">Se fizermos uma lista com todos benef\u00edcios que o design responsivo pode trazer para uma p\u00e1gina da web, poderemos dividi-los em dois grandes grupos: os benef\u00edcios para os usu\u00e1rios e para os motores de busca \u2014 ou seja, o Google.<\/p>\n<h3 style=\"text-align: justify;\">Os benef\u00edcios para os usu\u00e1rios<\/h3>\n<p style=\"text-align: justify;\">De acordo com uma pesquisa realizada pelo IBGE, hoje o celular \u00e9 o principal meio de acesso \u00e0 internet no Brasil, sendo usado em mais de 80% das casas com acesso \u00e0 rede.<\/p>\n<p style=\"text-align: justify;\">Portanto, um site com design responsivo consegue atender perfeitamente tanto ao visitante que acessa pelo computador de casa quanto a essa maioria que vem do mobile.<\/p>\n<p style=\"text-align: justify;\">E quando sua p\u00e1gina funciona para todo tipo de usu\u00e1rio, isso pode ser traduzido tamb\u00e9m como um belo trabalho de branding.<\/p>\n<h3 style=\"text-align: justify;\">Os benef\u00edcios para o Google<\/h3>\n<p style=\"text-align: justify;\">Desde 2015, quando o Google soltou um an\u00fancio oficial em seu blog, esse grande buscador tem privilegiado em seus resultados aqueles sites que sejam mobile-friendly, ou, em outras palavras, responsivos.<\/p>\n<p style=\"text-align: justify;\">Portanto, ter uma p\u00e1gina com design responsivo pode fazer com que ela fique mais bem posicionada no ranking do Google.<\/p>\n<h3 style=\"text-align: justify;\">3 dicas para ter um bom design responsivo<\/h3>\n<p style=\"text-align: justify;\">Agora que voc\u00ea j\u00e1 sabe o que \u00e9 design responsivo e quais s\u00e3o os benef\u00edcios de utiliz\u00e1-lo em seu site, confira algumas dicas de como colocar essa t\u00e9cnica para funcionar.<\/p>\n<h3 style=\"text-align: justify;\">Mobile first<br \/>\nA primeira dica \u00e9 essa: pensar primeiro no mobile.<\/h3>\n<p style=\"text-align: justify;\">Se voc\u00ea est\u00e1 projetando agora o seu site, em vez de imaginar como ele ficaria na tela do computador e depois replicar o design para o mobile, projete primeiro a experi\u00eancia para os smartphones e tablets, assim voc\u00ea saber\u00e1 o que de fato \u00e9 importante para os usu\u00e1rios desse meio.<\/p>\n<h3 style=\"text-align: justify;\">N\u00e3o poupe com o servidor<\/h3>\n<p style=\"text-align: justify;\">Celulares n\u00e3o t\u00eam o mesmo tipo de processamento dos computadores e, por isso, os sites com foco neles precisam ser mais leves e carregar com mais velocidade (mesmo com internet 3G, mais lenta que as de casa). Por isso a dica aqui \u00e9: n\u00e3o economize na hora de contratar um plano de hospedagem. Escolha aquele servidor que seja realmente r\u00e1pido e consiga reduzir o tempo de carregamento das suas p\u00e1ginas.<\/p>\n<p style=\"text-align: justify;\">Pronto, agora voc\u00ea j\u00e1 sabe o que \u00e9 design responsivo e como isso pode fazer muito bem para o seu neg\u00f3cio. Portanto, nada de deixar seu site com cara de p\u00e1gina dos anos 90. Fa\u00e7a com que ele carregue direitinho em todo formato de tela e em todo modelo de aparelho.<\/p>\n<p style=\"text-align: justify;\">fonte: magor.com.br<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_single_image source=&#8221;featured_image&#8221; img_size=&#8221;360&#215;170&#8243; alignment=&#8221;center&#8221; el_class=&#8221;pull-right m-b m-b-xs m-l-lg&#8221;][vc_column_text el_class=&#8221;lead&#8221;] Acessar a internet pelo celular? Ter um monitor com mais de 15 polegadas ligado no computador? No ano de 2001, era bem dif\u00edcil ver alguma coisa dessas por a\u00ed. No entanto, foi nesse mesmo ano que surgiu o primeiro site com design responsivo da internet, da [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":399,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[33],"class_list":["post-81","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dicas","tag-entenda-por-que-o-site-da-sua-marca-precisa-ter-design-responsivo"],"_links":{"self":[{"href":"https:\/\/www.ultrasilk.com.br\/site\/wp-json\/wp\/v2\/posts\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ultrasilk.com.br\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ultrasilk.com.br\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ultrasilk.com.br\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ultrasilk.com.br\/site\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":3,"href":"https:\/\/www.ultrasilk.com.br\/site\/wp-json\/wp\/v2\/posts\/81\/revisions"}],"predecessor-version":[{"id":398,"href":"https:\/\/www.ultrasilk.com.br\/site\/wp-json\/wp\/v2\/posts\/81\/revisions\/398"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ultrasilk.com.br\/site\/wp-json\/wp\/v2\/media\/399"}],"wp:attachment":[{"href":"https:\/\/www.ultrasilk.com.br\/site\/wp-json\/wp\/v2\/media?parent=81"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ultrasilk.com.br\/site\/wp-json\/wp\/v2\/categories?post=81"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ultrasilk.com.br\/site\/wp-json\/wp\/v2\/tags?post=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}