{"id":25405,"date":"2016-09-21T10:15:05","date_gmt":"2016-09-21T13:15:05","guid":{"rendered":"https:\/\/www.kryzalis.com.br\/blog\/?p=25405"},"modified":"2017-08-02T16:38:33","modified_gmt":"2017-08-02T19:38:33","slug":"site-responsivo-entenda-importancia","status":"publish","type":"post","link":"https:\/\/www.kryzalis.com.br\/blog\/site-responsivo-entenda-importancia","title":{"rendered":"Site responsivo: entenda a import\u00e2ncia e otimize seu site agora!"},"content":{"rendered":"

Voc\u00ea sabia que o Brasil j\u00e1 superou a marca de 168 milh\u00f5es de aparelhos smartphones ativos em territ\u00f3rio nacional? Segundo um\u00a0estudo<\/u><\/a> realizado pela Funda\u00e7\u00e3o Get\u00falio Vargas, os brasileiros t\u00eam dedicado cada vez mais tempo ao uso da internet por meio de dispositivos m\u00f3veis, criando, portanto, uma demanda para que o mercado adapte seu conte\u00fado digital para o modelo de site responsivo..<\/h1>\n

Nesse contexto, podemos observar que n\u00e3o se trata apenas de navegar na internet, mas tamb\u00e9m de acessar as redes sociais, verificar e-mails e at\u00e9 mesmo realizar\u00a0compras online<\/a>. Mas, voc\u00ea sabe o que \u00e9 um site responsivo e como ele\u00a0pode\u00a0criar um diferencial competitivo para o seu neg\u00f3cio?<\/p>\n

\"Site<\/p>\n

No post de hoje, produzimos alguns t\u00f3picos sobre este assunto para que voc\u00ea entenda de vez a import\u00e2ncia de otimizar seu site e torn\u00e1-lo responsivo. Confira!<\/p>\n

O que \u00e9 um site responsivo?<\/h3>\n

Antes da explos\u00e3o do uso de smartphones e tablets em nossa sociedade, o conceito de um site responsivo n\u00e3o tinha l\u00e1 muito sentido. Afinal, para acessar uma p\u00e1gina da web, ter uma tela de computador, um teclado e um mouse era essencial. Com isso, um bom design de p\u00e1gina se resumia a aspectos visuais e \u00e0 velocidade de carregamento.<\/p>\n

No entanto, toda essa concep\u00e7\u00e3o mudou mais r\u00e1pido do que o mercado p\u00f4de acompanhar. A ampla navega\u00e7\u00e3o na internet possibilitada por dispositivos m\u00f3veis demandou uma resposta dos web designers, afinal, n\u00e3o \u00e9 nada pr\u00e1tico navegar na tela de um celular em uma p\u00e1gina projetada para a grande tela de um computador.<\/p>\n

V\u00e1rias dificuldades surgem, como ter de dar zoom para ler, bot\u00f5es muito pr\u00f3ximos, rolagem lateral para seguir uma linha de texto e p\u00e1ginas pesadas que gastam muitos dados de 3G para serem carregadas.<\/p>\n

\"eBook:<\/a><\/p>\n

Um site com design responsivo \u00e9 constru\u00eddo para que todo o seu conte\u00fado (imagens e estrutura) adapte-se \u00e0 tela de qualquer aparelho, adaptando suas vers\u00f5es para melhor se adequar a qualquer tela em que for aberto, seja um computador convencional, um dispositivo m\u00f3vel ou uma TV de 42 polegadas.<\/p>\n

Em raz\u00e3o de possuir um c\u00f3digo limpo que enxuga o n\u00famero de elementos em uma p\u00e1gina e apenas os reorganiza dependendo do tamanho da tela, o site carregar\u00e1 muito mais r\u00e1pido, independentemente do dispositivo utilizado. Assim, o administrador ter\u00e1 a certeza de que os usu\u00e1rios possuem acesso ao conte\u00fado formatado corretamente.<\/p>\n

Quais as vantagens dessa estrat\u00e9gia?<\/h3>\n

#1 – Redu\u00e7\u00e3o de custos<\/h4>\n

N\u00e3o \u00e9 preciso manter um site para cada tipo de aparelho. Ao trabalhar com o conte\u00fado responsivo, tudo pode ser criado apenas uma vez e em uma \u00fanica plataforma: a pr\u00f3pria arquitetura do site ser\u00e1 elaborada para se adequar a qualquer dispositivo.<\/p>\n

Essa praticidade implica em uma redu\u00e7\u00e3o consider\u00e1vel de custos com manuten\u00e7\u00e3o e provedores web que, por si s\u00f3, j\u00e1 fazem valer o investimento nessa tecnologia. Ainda no que diz respeito a custos, sites responsivos apresentam um melhor retorno de investimento (ROI) do que sites convencionais.<\/p>\n

Se de um lado reduz-se custos, de outro apresenta-se uma plataforma que tende a atrair mais usu\u00e1rios e gerar mais oportunidades de neg\u00f3cio por meio da experi\u00eancia de usu\u00e1rio e do SEO, como veremos a seguir.<\/p>\n

\"Infogr\u00e1fico:<\/a><\/p>\n

#2 – Experi\u00eancia do usu\u00e1rio<\/h4>\n

No portal\u00a0Mobile Advertising & Trends<\/a>, o Google demonstra que os usu\u00e1rios que chegam em um site n\u00e3o responsivo t\u00eam 61% de chance de rejeitar seu conte\u00fado, enquanto 67% est\u00e3o mais propensos a adquirir um produto\/servi\u00e7o de um site com a tecnologia.<\/p>\n

O\u00a0p\u00fablico<\/a>\u00a0reconhece essas vantagens,\u00a0afinal, empresas que trabalham com um site responsivo, de fato, preocupam-se mais com a experi\u00eancia do usu\u00e1rio (user experience\/UX)\u00a0e est\u00e3o sempre em busca de inova\u00e7\u00e3o e recursos diferenciados.<\/p>\n

Atentar-se \u00e0 experi\u00eancia de usu\u00e1rio \u00e9 um fator que gera uma impress\u00e3o positiva nos visitantes, n\u00e3o apenas quanto \u00e0 p\u00e1gina da empresa, mas como ao neg\u00f3cio como um todo.<\/p>\n

#3 – UX e SEO<\/h4>\n

Uma experi\u00eancia de usu\u00e1rio ruim pode afetar negativamente o ranqueamento de uma p\u00e1gina da web em mecanismos de pesquisa de duas formas: pelo aumento no bounce rate dessa p\u00e1gina e pela diminui\u00e7\u00e3o no tempo de perman\u00eancia do usu\u00e1rio.<\/p>\n

Bounce rate ou taxa de rejei\u00e7\u00e3o \u00e9 um \u00edndice apurado pelo algoritmo do Google que determina se um n\u00famero consider\u00e1vel de usu\u00e1rios acessou a p\u00e1gina e, dentro de poucos segundos, a deixou sem ver seu conte\u00fado ou acessar outra p\u00e1gina do mesmo site.<\/p>\n

Tempo de perman\u00eancia, por outro lado, \u00e9 quanto tempo os usu\u00e1rios passam, em m\u00e9dia, visitando a p\u00e1gina.<\/p>\n

Ter uma alta taxa de rejei\u00e7\u00e3o e um baixo tempo de perman\u00eancia na p\u00e1gina significa, para o algoritmo do Google, que essa p\u00e1gina pode n\u00e3o ser um resultado \u00fatil de pesquisa. E o que \u00e9 pior: esses \u00edndices podem se tornar desfavor\u00e1veis n\u00e3o por defici\u00eancia no conte\u00fado, mas por quest\u00f5es t\u00e9cnicas da p\u00e1gina.<\/p>\n

Foi o que mencionamos anteriormente: a taxa de rejei\u00e7\u00e3o de um site pode ser alt\u00edssima apenas pelo fato de ele n\u00e3o ser responsivo.<\/p>\n

Por outro lado, um usu\u00e1rio pode visitar uma p\u00e1gina que n\u00e3o seja responsiva, permanecer nela por certo tempo, mas perder o interesse em seguir navegando porque alguma de suas funcionalidades n\u00e3o \u00e9 compat\u00edvel com mobile. Isso impacta no \u00edndice de tempo de perman\u00eancia.<\/p>\n

\"Infogr\u00e1fico:<\/a><\/p>\n

#4 – Jornada de compra consistente<\/h4>\n

Jornadas de compra<\/a>\u00a0s\u00e3o processos cada vez mais complexos. Por exemplo, um usu\u00e1rio pode ter tido contato com sua empresa por meio de um an\u00fancio no Facebook enquanto navegava pelo computador\u00a0e visitado o site da empresa, sem realizar compra.<\/p>\n

Em um momento posterior, um produto visualizado pode aparecer em um an\u00fancio de remarketing ou em um e-mail marketing, visualizado no celular, e se for o momento prop\u00edcio, o usu\u00e1rio pode tomar a decis\u00e3o de compra.<\/p>\n

Mas, e se o site n\u00e3o for adaptado para a tela de seu celular? A\u00ed teremos um claro desest\u00edmulo \u00e0 compra, que pode n\u00e3o se concretizar.<\/p>\n

Um dos objetivos do site responsivo \u00e9 manter fluida a experi\u00eancia do usu\u00e1rio ao longo de dispositivos distintos.<\/p>\n

#5 – Ganho em visibilidade<\/h4>\n

Para que um site apare\u00e7a no topo da lista de pesquisas do Google, v\u00e1rios fatores devem ser considerados. A partir de 2015, a gigante dos sistemas de busca passou a considerar o design responsivo como um novo fator de ranqueamento, criando uma penaliza\u00e7\u00e3o para os sites de layout fixo.<\/p>\n

Esse fator revela o reconhecimento que o mercado possui\u00a0sobre um conte\u00fado adapt\u00e1vel. Al\u00e9m disso, empresas com vis\u00e3o de neg\u00f3cios adotam essas pr\u00e1ticas em seus sites, principalmente pelos ganhos em termos de visibilidade da marca e de seus produtos\/servi\u00e7os.<\/p>\n

#6 – Outras vantagens<\/h4>\n

Existem outras ferramentas que os administradores precisam conhecer ao implantar um site responsivo para suas empresas.<\/strong><\/p>\n

    \n
  • Media Queries:\u00a0s\u00e3o ferramentas de programa\u00e7\u00e3o CSS capazes de proporcionar que um\u00a0layout disponha o conte\u00fado do site da forma ideal para o usu\u00e1rio, independentemente do dispositivo ou navegador utilizado.<\/li>\n
  • Layout Fluido:\u00a0enquanto o layout responsivo permite\u00a0adaptabilidade \u00e0 tela em termos de\u00a0interface e conte\u00fado, o layout fluido apenas reduz o tamanho do texto e das imagens para telas menores.<\/li>\n<\/ul>\n

    Acima apresentamos algumas das vantagens competitivas de adotar um site responsivo em sua empresa. Em uma estrat\u00e9gia de marketing digital, atentar-se aos usu\u00e1rios de dispositivos m\u00f3veis \u00e9 imprescind\u00edvel.<\/p>\n

    E voc\u00ea, j\u00e1 adotou ou ainda pretende adotar o site responsivo em sua empresa? Conte-nos suas opini\u00f5es e experi\u00eancias aqui nos coment\u00e1rios!<\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n","protected":false},"excerpt":{"rendered":"

    Um site com design responsivo \u00e9 constru\u00eddo para que todo o seu conte\u00fado (imagens e estrutura) adapte-se \u00e0 tela de qualquer aparelho, desde a pr\u00f3pria vers\u00e3o padr\u00e3o em um desktop at\u00e9 tablets ou smartphones. Entenda de vez a import\u00e2ncia de um site responsivo e porque voc\u00ea precisa otimizar o seu site para outras telas o mais r\u00e1pido poss\u00edvel!<\/p>\n","protected":false},"author":17,"featured_media":25406,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-25405","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-publicidade-online-categoria"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/posts\/25405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/comments?post=25405"}],"version-history":[{"count":6,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/posts\/25405\/revisions"}],"predecessor-version":[{"id":26101,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/posts\/25405\/revisions\/26101"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/media\/25406"}],"wp:attachment":[{"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/media?parent=25405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/categories?post=25405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kryzalis.com.br\/blog\/wp-json\/wp\/v2\/tags?post=25405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}