{"id":825,"date":"2018-08-01T16:37:21","date_gmt":"2018-08-01T19:37:21","guid":{"rendered":"https:\/\/www.postdigital.cc\/blog\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso\/"},"modified":"2023-09-20T22:44:15","modified_gmt":"2023-09-21T01:44:15","slug":"6-dicas-de-como-fazer-um-site-responsivo-de-sucesso","status":"publish","type":"post","link":"https:\/\/www.postdigital.cc\/blog\/artigo\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso","title":{"rendered":"6 dicas de como fazer um site responsivo de sucesso"},"content":{"rendered":"<p>Atualmente, o mundo conta com mais de 7 bilh\u00f5es de smartphones. Esse \u00e9 um dado important\u00edssimo para quem deseja estar cada dia mais presente no mundo digital, j\u00e1 que a tend\u00eancia \u00e9 o crescimento gradativo do mercado mobile. Desde 2014, o n\u00famero de acessos atrav\u00e9s de dispositivos m\u00f3veis vem ultrapassando os acessos do desktop, motivo principal para 90% dos sites se preocuparem com um design adaptados para esse mercado consumidor.<\/p>\n<p>E se o seu site ainda n\u00e3o for responsivo? Bom, as <a title=\"Saiba mais por que voc\u00ea deve utilizar sites responsivos\" href=\"http:\/\/www.postdigital.cc\/blog\/artigo\/saiba-mais-por-que-voce-deve-utilizar-sites-respon\">consequ\u00eancias est\u00e3o vindo por a\u00ed<\/a>: 50% do total de usu\u00e1rios j\u00e1 preferem a navega\u00e7\u00e3o em sites adaptados, logo, ir\u00e3o para a concorr\u00eancia; cerca de 48% do seu p\u00fablico ir\u00e1 se sentir frustrado e quase 50% ir\u00e3o pensar que o seu site n\u00e3o leva em considera\u00e7\u00e3o o bem estar do consumidor.<\/p>\n<p>Agora que voc\u00ea entende a import\u00e2ncia e a relev\u00e2ncia de um design responsivo, que tal conferir 6 dicas de <em>como fazer um site responsivo<\/em> de muito sucesso!<\/p>\n<ul>\n<li><a href=\"#01\">Mas o que significa site responsivo e como ter um site de sucesso? <\/a><a name=\"01\"><\/a><\/li>\n<li><a href=\"#02\">Porque fazer esse tipo de site?<\/a><\/li>\n<li><a href=\"#03\">6 dicas de como criar um site responsivo de sucesso<\/a><\/li>\n<\/ul>\n<h2>Mas o que significa site responsivo e como ter um site de sucesso?<\/h2>\n<p><img class=\"aligncenter wp-image-6960 size-full\" src=\"https:\/\/www.postdigital.cc\/blog\/wp-content\/uploads\/2018\/08\/o-que-significa-site-responsivo-e-como-ter-um-site-de-sucesso.png\" alt=\"Mas o que significa site responsivo e como ter um site de sucesso?\" width=\"751\" height=\"403\" srcset=\"https:\/\/www.postdigital.cc\/blog\/wp-content\/uploads\/2018\/08\/o-que-significa-site-responsivo-e-como-ter-um-site-de-sucesso.png 751w, https:\/\/www.postdigital.cc\/blog\/wp-content\/uploads\/2018\/08\/o-que-significa-site-responsivo-e-como-ter-um-site-de-sucesso-340x182.png 340w\" sizes=\"(max-width: 751px) 100vw, 751px\" \/><\/p>\n<p>Tudo bem, a gente j\u00e1 entendeu que \u00e9 de suma import\u00e2ncia ter um site responsivo, mas afinal de contas, o que isso quer dizer? Responsivo tamb\u00e9m pode ser dito como flex\u00edvel. Isso ocorre quando o <a title=\"O que \u00e9 site responsivo e porque ele est\u00e1 em alta?\" href=\"http:\/\/www.postdigital.cc\/blog\/artigo\/o-que-e-site-responsivo-e-porque-ele-esta-em-alta\">site \u00e9 rapidamente ajustado<\/a> ao dispositivo que o usu\u00e1rio est\u00e1 utilizando (desktop, smartphones, tablets,&#8230;).<\/p>\n<p>Ele muda a apar\u00eancia tradicional do seu site avaliando as informa\u00e7\u00f5es recebidas pelo dispositivo e com base do tamanho de tela dispon\u00edvel, ele \u00e9 exibido, com uma adapta\u00e7\u00e3o, por exemplo, se voc\u00ea est\u00e1 navegando no site atrav\u00e9s de um celular, com tela pequena, o site automaticamente \u00e9 redefinido e exibido dentro dos padr\u00f5es de limites daquele aparelho m\u00f3vel.<\/p>\n<p>E o que muda? Tudo! Quando um site \u00e9 responsivo, ele facilita a navega\u00e7\u00e3o do usu\u00e1rio, aumentando a chance dele interagir com as outras p\u00e1ginas do site, al\u00e9m de elevar a probabilidade de convers\u00e3o (para os sites de e-commerce). <a name=\"02\"><\/a>Lembre-se que nesse plano, os bot\u00f5es, as letras, os menus, tudo no seu site ficar\u00e1 adaptado para proporcionar a melhor navega\u00e7\u00e3o do usu\u00e1rio, fazendo com que voc\u00ea sabia <em>como ter um site de sucesso<\/em>.<\/p>\n<h2>Porque fazer esse tipo de site?<\/h2>\n<p>Muito bem, agora que a gente j\u00e1 domina o termo responsivo e entende o que ele significa, porque devemos faz\u00ea-lo?<\/p>\n<h3><strong>Para satisfa\u00e7\u00e3o do seu cliente<\/strong><\/h3>\n<p>A forma como voc\u00ea garante que o seu cliente consiga se localizar dentro do seu site \u00e9 fundamental para que ele se sinta seguro e satisfeito com a sua empresa\/marca. \u00c9 necess\u00e1rio dar prefer\u00eancia para a qualidade da intera\u00e7\u00e3o que eles ter\u00e3o para com o canal de comunica\u00e7\u00e3o que voc\u00ea libera para eles.<\/p>\n<h3><strong>Redu\u00e7\u00e3o dos custos com a manuten\u00e7\u00e3o<\/strong><\/h3>\n<p>Manter um site para cada um dos dispositivos, hoje, se tornou invi\u00e1vel. Sendo assim, fazer com que o seu site tenha um <a title=\"9 princ\u00edpios b\u00e1sicos do design responsivo\" href=\"http:\/\/www.postdigital.cc\/blog\/artigo\/9-principios-basicos-do-design-responsivo\">design responsivo<\/a> \u00e9 a melhor forma de mant\u00ea-lo atualizado. Por ser feito em apenas uma \u00fanica plataforma, ele diminui os custos de investimento e manuten\u00e7\u00e3o.<\/p>\n<h3><strong>A melhor experi\u00eancia do usu\u00e1rio<\/strong><\/h3>\n<p><img class=\"aligncenter wp-image-6961 size-full\" src=\"https:\/\/www.postdigital.cc\/blog\/wp-content\/uploads\/2018\/08\/a-melhor-experiencia-do-usuario.png\" alt=\"A melhor experi\u00eancia do usu\u00e1rio\" width=\"751\" height=\"403\" srcset=\"https:\/\/www.postdigital.cc\/blog\/wp-content\/uploads\/2018\/08\/a-melhor-experiencia-do-usuario.png 751w, https:\/\/www.postdigital.cc\/blog\/wp-content\/uploads\/2018\/08\/a-melhor-experiencia-do-usuario-340x182.png 340w\" sizes=\"(max-width: 751px) 100vw, 751px\" \/><\/p>\n<p>Dentro do universo mobile, termos como UX est\u00e3o cada vez mais frequentes e usuais e isso ocorre porque, cada dia mais, as pessoas est\u00e3o em busca de experi\u00eancias \u00fanicas, facilitadas pelo universo tecnol\u00f3gico. No celular n\u00e3o temos a mesma destreza que temos na navega\u00e7\u00e3o por computador, por isso, um design responsivo, otimizando a <a title=\"Descubra por que UX \u00e9 t\u00e3o importante para sua estrat\u00e9gia\" href=\"http:\/\/www.postdigital.cc\/blog\/artigo\/descubra-por-que-ux-e-tao-importante-para-sua-estr\">experi\u00eancia do usu\u00e1rio<\/a> ir\u00e1 lhe render bons frutos. Iisso \u00e9 t\u00e3o verdadeiro que desde 2015, o Google vem priorizando os sites responsivos, privilegiando-os em seus resultados de busca.<\/p>\n<h3><strong>Penalidades no mundo eletr\u00f4nico<\/strong><\/h3>\n<p>Al\u00e9m de voc\u00ea perder lugar no posicionamento no Google, voc\u00ea ainda perde em n\u00fameros de visita\u00e7\u00e3o. Isso porque o usu\u00e1rio que sai do seu site de forma insatisfeita n\u00e3o ir\u00e1 voltar, e pior que isso: ele poder\u00e1 denegrir a imagem da sua empresa, fazendo com que outras pessoas tamb\u00e9m n\u00e3o acessem devido a m\u00e1 experi\u00eancia que ela realizou.<\/p>\n<h2>O uso crescente entre as empresas<\/h2>\n<p>Ficou claro, analisando o t\u00f3pico que dissemos acima, que a empresa\/marca que n\u00e3o se adaptar a esse mecanismo, automaticamente, est\u00e1 fora do mercado eletr\u00f4nico. Por isso, as empresas v\u00eam adaptando seus sites de forma responsiva, fazendo com que ele abra nos mais diversos dispositivos, aumentando a sua chance de convers\u00e3o. Al\u00e9m disso, o pr\u00f3prio cliente j\u00e1 entendeu que essas adapta\u00e7\u00f5es existem e se sentem acolhidas quando elas encontram. Com isso, voc\u00ea saber\u00e1 <em>como ter um site de sucesso<\/em>.<\/p>\n<h2>Pessoas X uso de dispositivo m\u00f3vel<\/h2>\n<p>S\u00f3 para se ter uma ideia, no ano de 2016, os acessos 3G e 4G de dispositivos m\u00f3veis chegou a 191,8 milh\u00f5es contra 25,4 milh\u00f5es vindos de banda larga fixa. outros dados s\u00e3o espantosos em rela\u00e7\u00e3o ao mobile:<\/p>\n<ul>\n<li>No final do trimestre de 2015, o n\u00famero de brasileiros que usaram os smartphones para acessar a internet ultrapassou os 72 milh\u00f5es, representando uma crescente de 23,5% se comparado ao ano anterior;<\/li>\n<li>O n\u00famero de pessoas que realizam seus pagamentos atrav\u00e9s de dispositivos m\u00f3veis subiu para 46%, um dado in\u00e9dito;<\/li>\n<li>41% dos internautas brasileiros realizam, ao menos, uma compra online por ano nos portais de confian\u00e7a (e, diga-se de passagem, que apresentam design responsivo)<\/li>\n<\/ul>\n<h3>Aumento de resultados na busca org\u00e2nica<\/h3>\n<p>Para voc\u00ea saber <em>como ter um site de sucesso<\/em>, voc\u00ea precisa saber e utilizar o SEO. O SEO (<a title=\"O que \u00e9 SEO e porque devo aplic\u00e1-lo ao meu site?\" href=\"http:\/\/www.postdigital.cc\/blog\/artigo\/o-que-e-seo-e-porque-devo-aplicar-em-meu-site-\">Search Engine Optimization<\/a>) \u00e9 o grande respons\u00e1vel pela ranqueamento org\u00e2nico do seu site. Ele leva em considera\u00e7\u00e3o uma s\u00e9rie de fatores, como <a title=\"O que \u00e9 link building?\" href=\"http:\/\/www.postdigital.cc\/blog\/artigo\/o-que-e-link-building-\">link building<\/a>, qualidade de conte\u00fado e claro: o design responsivo. e porque isso? simples. Os buscadores como o Google, leva em considera\u00e7\u00e3o a experi\u00eancia do usu\u00e1rio e a sua qualidade. Se o seu site n\u00e3o responde da forma como deveria responder, o usu\u00e1rio entra e sai do site.<\/p>\n<p>O Google entende isso como uma p\u00e9ssima experi\u00eancia para o usu\u00e1rio. E a penalidade? Ele deixa outras sites que proporcionem melhor experi\u00eancia em melhores posi\u00e7\u00f5es. Logo, voc\u00ea acaba perdendo o cliente e perdendo tamb\u00e9m a coloca\u00e7\u00e3o na busca org\u00e2nica pela falta de otimiza\u00e7\u00e3o e atualiza\u00e7\u00e3o do seu site.<\/p>\n<h3>Um site responsivo diminui o tempo de carregamento<\/h3>\n<p>Como ele ser\u00e1 adaptado para proporcionar o melhor para o seu cliente, \u00e9 claro que ele ir\u00e1 diminuir o tempo de carregamento do seu site. Muitas informa\u00e7\u00f5es ser\u00e3o suprimidas, melhorando a qualidade de navega\u00e7\u00e3o. Lembre-se que muitas pessoas utilizam seus planos 3G\/4G para navegar na rede.<\/p>\n<h3>Oferece mais credibilidade para a sua empresa<\/h3>\n<p>N\u00f3s j\u00e1 dissemos o quanto a UX \u00e9 importante por v\u00e1rios motivos, certo? Um deles \u00e9 a credibilidade que o seu site passa, dando apar\u00eancia visual e moderna. <a name=\"03\"><\/a> O consumidor ir\u00e1 se sentir acolhido, como se voc\u00ea se importasse com ele e com o que ele tem a dizer do seu site.<\/p>\n<h2>6 dicas de como criar um site responsivo<\/h2>\n<p>Agora que voc\u00ea entendeu a import\u00e2ncia de um site responsivo, veja 6 dicas de como fazer esse tipo de sucesso para a sua empresa e melhorar sua visibilidade na internet!<\/p>\n<h3>Crie pensando em flexibilidade<\/h3>\n<p>Na hora de criar o c\u00f3digo fonte do seu site, \u00e9 necess\u00e1rio ter a consci\u00eancia de que alguns layouts s\u00e3o perfeitamente adapt\u00e1veis ao mobile e outros n\u00e3o. Sendo assim, o mais recomendado \u00e9 apostar na cria\u00e7\u00e3o de um layout simples e flex\u00edvel, de HTML igualmente pr\u00e1tico e demais recursos que facilitem a navega\u00e7\u00e3o do usu\u00e1rio \u2013 como op\u00e7\u00f5es de menu e barra de navega\u00e7\u00e3o.<\/p>\n<p>Neste sentido, truques de javascript, DIVs altamente complexas e demais elementos em flash devem ser totalmente deixados de lado no que se refere a <em>como fazer um site responsivo<\/em>.<\/p>\n<h3>Respeite os limites<\/h3>\n<p>Na hora de criar o seu layout adaptado aos dispositivos m\u00f3veis tamb\u00e9m \u00e9 necess\u00e1rio respeitar os limites de larguras de tela. Por mais que elas existam em v\u00e1rios modelos (e ainda haja usu\u00e1rios que criem a sua pr\u00f3pria), \u00e9 poss\u00edvel definir alguns padr\u00f5es para tornar o seu site responsivo. Tais limites s\u00e3o:<\/p>\n<ul>\n<li>&lt; 480 px para smartphones menores e mais velhos;<\/li>\n<li>&lt; 768 px para smartphones maiores e tablets de tamanho pequeno;<\/li>\n<li>&gt; 768 px para tablets e desktops.<\/li>\n<\/ul>\n<p>Al\u00e9m disso, outros limites que voc\u00ea pode adotar s\u00e3o:<\/p>\n<ul>\n<li>&lt; 320 px para os aparelhos realmente antigos e de baix\u00edssima resolu\u00e7\u00e3o;<\/li>\n<li>&gt; 1024 px para telas maiores e de alta defini\u00e7\u00e3o, como desktops.<\/li>\n<\/ul>\n<h3>Fa\u00e7a suas imagens flex\u00edveis<\/h3>\n<p>Tem coisa pior do que entrar em um site responsivo e ver uma imagem totalmente distorcida? Definitivamente n\u00e3o. E para tornar o seu design mais simples como um todo, fa\u00e7a com que suas imagens sejam igualmente flex\u00edveis.<\/p>\n<p>Uma das formas mais simples de possibilitar essa flexibilidade de imagens \u00e9 com a ajuda da ferramenta <em>Adaptive Images<\/em>, que dimensiona as imagens com base no formato de tela de cada aparelho.<\/p>\n<h3>Tire o que n\u00e3o \u00e9 essencial<\/h3>\n<p>N\u00e3o \u00e9 fundamental para a compreens\u00e3o? Tire. Isso faz com que o seu site se torne muito mais amig\u00e1vel para o receptor. E isso vale n\u00e3o s\u00f3 para os recursos em geral, como tamb\u00e9m para o pr\u00f3prio conte\u00fado do mesmo. Muitos deles s\u00e3o adequados unicamente para os notebooks e computadores e, definitivamente, n\u00e3o combinam com o cen\u00e1rio mobile.<\/p>\n<p>Al\u00e9m disso, lembre-se que elementos em excesso resultam em um site mais pesado, e consequentemente, com carregamento mais lento.<\/p>\n<h3>Teste sempre<\/h3>\n<p>A melhor forma de saber se voc\u00ea realmente est\u00e1 no caminho certo \u00e9 testando. Entre no seu site pelo seu smartphone mais velho at\u00e9 o mais recente. Entre pelo tablet e depois compare as diferen\u00e7as entre o site normal e o site responsivo. Voc\u00ea conseguiu navegar com facilidade (e rapidez) pelo smartphone? Seja sincero e, se a resposta for sim, esse \u00e9 um sinal de que o seu site responsivo foi bem desenvolvido e est\u00e1 no caminho certo!<\/p>\n<p>Para te ajudar, segue algumas ferramentas de utiliza\u00e7\u00e3o:<\/p>\n<ul>\n<li><strong>Screenfly:<\/strong> com ele voc\u00ea poder\u00e1 ver rapidamente como o seu site abre em dispositivos diferentes e nos mais diferentes equipamentos. \u00c9 uma forma bem simples para verifica\u00e7\u00e3o de p\u00e1ginas e ver as adapta\u00e7\u00f5es que ainda s\u00e3o necess\u00e1rias.<\/li>\n<li><strong>Responsinator:<\/strong> aqui, basta que voc\u00ea digite o endere\u00e7o que a ferramenta simular\u00e1 o layout em alguns dispositivos, aqueles mais populares do mercado. Fora isso, permite que voc\u00ea navegue pelo conte\u00fado e simule algumas a\u00e7\u00f5es. O servi\u00e7o \u00e9 disponibilizado de forma gratuita.<\/li>\n<li><strong>PageSpeed Insights:<\/strong> ele ser\u00e1 respons\u00e1vel pela medi\u00e7\u00e3o do desempenho da sua p\u00e1gina tanto para desktop quanto para mobile. a pontua\u00e7\u00e3o varia de 0 a 100, sendo que uma pontua\u00e7\u00e3o superior a 85 j\u00e1 \u00e9 considerada positiva.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><iframe src=\"\/\/www.youtube.com\/embed\/ekTNQ6B3WVY\" width=\"425\" height=\"350\"><\/iframe><\/p>\n<h3>Pense bem se vai usar o menu hamb\u00farguer ou n\u00e3o<\/h3>\n<p>Voc\u00ea, provavelmente, j\u00e1 acessou um site mobile e viu aqueles tr\u00eas risquinhos que indicam o menu, certo? E quando voc\u00ea clica, ele mostra as demais op\u00e7\u00f5es. Esse \u00e9 o famoso Menu Hamb\u00farguer. Mas devemos mesmo us\u00e1-lo? Depende. Na hora de <em>como fazer um site responsivo<\/em> para <em>marketing digital<\/em>, outra d\u00favida \u00e9 em rela\u00e7\u00e3o ao menu hamb\u00farguer, j\u00e1 que ele \u00e9 um daqueles que realmente divide opini\u00f5es. Para uns, ele \u00e9 extremamente ador\u00e1vel, e por outros, odiado.<\/p>\n<p>Ele fora muito utilizado antigamente por grandes marcas, como Facebook. Hoje, contudo, j\u00e1 est\u00e1 comprovado que outras formas de exposi\u00e7\u00e3o que facilitam o acesso \u00e0 informa\u00e7\u00e3o demonstram maior interatividade para com o lead, e \u00e9 preciso entender que cada situa\u00e7\u00e3o pode ser diferente uma da outra. \u00c9 uma decis\u00e3o complexa e que deve ser tomada com cuidado e claro, com a realiza\u00e7\u00e3o de testes.<\/p>\n<p>Sendo assim, utilize o menu hamb\u00farguer s\u00f3 no caso de precisar \u2018esconder\u2019 v\u00e1rios itens do menu. Se essa n\u00e3o for uma necessidade do seu site, n\u00e3o o adicione: prefira deixar os menus mais importantes dispon\u00edveis, evitando a frustra\u00e7\u00e3o de quem o visita. Esse tipo de menu pode ser excelente para voc\u00ea saber <em>como ter um site de sucesso<\/em> para sua empresa.<\/p>\n<p>E agora que voc\u00ea j\u00e1 sabe <em>como fazer um site responsivo<\/em> de sucesso, o que est\u00e1 esperando para utilizar essas dicas no desenvolvimento da sua <em>estrat\u00e9gia digital<\/em>? Para saber mais, <a title=\"[EBOOK] O passo a passo para desenvolver um site de sucesso\" href=\"http:\/\/materiais.postdigital.cc\/como-criar-um-site-de-sucesso\">baixe o nosso e-book gratuito &#8216;O passo a passo para desenvolver um site de sucesso&#8217;<\/a> e fa\u00e7a do seu site uma excelente ferramenta de divulga\u00e7\u00e3o da sua empresa!<\/p>\n<p><a href=\"https:\/\/materiais.postdigital.cc\/como-criar-um-site-de-sucesso\" target=\"_blank\" rel=\"noopener\"><img class=\"aligncenter wp-image-3252 size-full\" src=\"https:\/\/www.postdigital.cc\/blog\/wp-content\/uploads\/2016\/06\/passo-a-passo-para-criar-um-site-de-sucesso.png\" alt=\"Passo a passo para criar um site de sucesso\" width=\"750\" height=\"345\" srcset=\"https:\/\/www.postdigital.cc\/blog\/wp-content\/uploads\/2016\/06\/passo-a-passo-para-criar-um-site-de-sucesso.png 750w, https:\/\/www.postdigital.cc\/blog\/wp-content\/uploads\/2016\/06\/passo-a-passo-para-criar-um-site-de-sucesso-340x156.png 340w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea sabia que mais de 50% dos usu\u00e1rios que visitam um site que n\u00e3o \u00e9 responsivo desistem e v\u00e3o para um site concorrente? Veja as nossas dicas e atraia mais visitantes para o seu site!<\/p>\n","protected":false},"author":1,"featured_media":826,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.5.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>6 dicas de como fazer um site responsivo de sucesso - Blog da Post Digital<\/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:\/\/www.postdigital.cc\/blog\/artigo\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"6 dicas de como fazer um site responsivo de sucesso - Blog da Post Digital\" \/>\n<meta property=\"og:description\" content=\"Voc\u00ea sabia que mais de 50% dos usu\u00e1rios que visitam um site que n\u00e3o \u00e9 responsivo desistem e v\u00e3o para um site concorrente? Veja as nossas dicas e atraia mais visitantes para o seu site!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.postdigital.cc\/blog\/artigo\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso\" \/>\n<meta property=\"og:site_name\" content=\"Blog da Post Digital\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-01T19:37:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-21T01:44:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.postdigital.cc\/blog\/wp-content\/uploads\/2022\/08\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Andr\u00e9 Cintra\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andr\u00e9 Cintra\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.postdigital.cc\/blog\/artigo\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso\",\"url\":\"https:\/\/www.postdigital.cc\/blog\/artigo\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso\",\"name\":\"6 dicas de como fazer um site responsivo de sucesso - Blog da Post Digital\",\"isPartOf\":{\"@id\":\"https:\/\/www.postdigital.cc\/blog\/#website\"},\"datePublished\":\"2018-08-01T19:37:21+00:00\",\"dateModified\":\"2023-09-21T01:44:15+00:00\",\"author\":{\"@id\":\"https:\/\/www.postdigital.cc\/blog\/#\/schema\/person\/7c1bf9d6cbd2eb649cbe2b2f3448476a\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.postdigital.cc\/blog\/artigo\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.postdigital.cc\/blog\/artigo\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.postdigital.cc\/blog\/artigo\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.postdigital.cc\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"6 dicas de como fazer um site responsivo de sucesso\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.postdigital.cc\/blog\/#website\",\"url\":\"https:\/\/www.postdigital.cc\/blog\/\",\"name\":\"Blog da Post Digital\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.postdigital.cc\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.postdigital.cc\/blog\/#\/schema\/person\/7c1bf9d6cbd2eb649cbe2b2f3448476a\",\"name\":\"Andr\u00e9 Cintra\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.postdigital.cc\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d84bf2a7fbc83e100057cfda5d91e7f2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d84bf2a7fbc83e100057cfda5d91e7f2?s=96&d=mm&r=g\",\"caption\":\"Andr\u00e9 Cintra\"},\"sameAs\":[\"https:\/\/www.postdigital.cc\/blog\"],\"url\":\"https:\/\/www.postdigital.cc\/blog\/author\/geeks\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"6 dicas de como fazer um site responsivo de sucesso - Blog da Post Digital","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:\/\/www.postdigital.cc\/blog\/artigo\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso","og_locale":"pt_BR","og_type":"article","og_title":"6 dicas de como fazer um site responsivo de sucesso - Blog da Post Digital","og_description":"Voc\u00ea sabia que mais de 50% dos usu\u00e1rios que visitam um site que n\u00e3o \u00e9 responsivo desistem e v\u00e3o para um site concorrente? Veja as nossas dicas e atraia mais visitantes para o seu site!","og_url":"https:\/\/www.postdigital.cc\/blog\/artigo\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso","og_site_name":"Blog da Post Digital","article_published_time":"2018-08-01T19:37:21+00:00","article_modified_time":"2023-09-21T01:44:15+00:00","og_image":[{"width":1000,"height":667,"url":"https:\/\/www.postdigital.cc\/blog\/wp-content\/uploads\/2022\/08\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso.jpg","type":"image\/jpeg"}],"author":"Andr\u00e9 Cintra","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Andr\u00e9 Cintra","Est. tempo de leitura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.postdigital.cc\/blog\/artigo\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso","url":"https:\/\/www.postdigital.cc\/blog\/artigo\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso","name":"6 dicas de como fazer um site responsivo de sucesso - Blog da Post Digital","isPartOf":{"@id":"https:\/\/www.postdigital.cc\/blog\/#website"},"datePublished":"2018-08-01T19:37:21+00:00","dateModified":"2023-09-21T01:44:15+00:00","author":{"@id":"https:\/\/www.postdigital.cc\/blog\/#\/schema\/person\/7c1bf9d6cbd2eb649cbe2b2f3448476a"},"breadcrumb":{"@id":"https:\/\/www.postdigital.cc\/blog\/artigo\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.postdigital.cc\/blog\/artigo\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.postdigital.cc\/blog\/artigo\/6-dicas-de-como-fazer-um-site-responsivo-de-sucesso#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.postdigital.cc\/blog\/"},{"@type":"ListItem","position":2,"name":"6 dicas de como fazer um site responsivo de sucesso"}]},{"@type":"WebSite","@id":"https:\/\/www.postdigital.cc\/blog\/#website","url":"https:\/\/www.postdigital.cc\/blog\/","name":"Blog da Post Digital","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.postdigital.cc\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.postdigital.cc\/blog\/#\/schema\/person\/7c1bf9d6cbd2eb649cbe2b2f3448476a","name":"Andr\u00e9 Cintra","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.postdigital.cc\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d84bf2a7fbc83e100057cfda5d91e7f2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d84bf2a7fbc83e100057cfda5d91e7f2?s=96&d=mm&r=g","caption":"Andr\u00e9 Cintra"},"sameAs":["https:\/\/www.postdigital.cc\/blog"],"url":"https:\/\/www.postdigital.cc\/blog\/author\/geeks"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/posts\/825"}],"collection":[{"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/comments?post=825"}],"version-history":[{"count":4,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/posts\/825\/revisions"}],"predecessor-version":[{"id":6963,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/posts\/825\/revisions\/6963"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/media\/826"}],"wp:attachment":[{"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/media?parent=825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/categories?post=825"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.postdigital.cc\/blog\/wp-json\/wp\/v2\/tags?post=825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}