{"id":88,"date":"2017-09-26T14:57:57","date_gmt":"2017-09-26T17:57:57","guid":{"rendered":"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/?page_id=88"},"modified":"2018-01-17T10:20:04","modified_gmt":"2018-01-17T12:20:04","slug":"sites-responsivos","status":"publish","type":"page","link":"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/sites-responsivos\/","title":{"rendered":"Sites Responsivos"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-content\/uploads\/2017\/09\/sites-responsivos-1.jpg\" alt=\"\" width=\"1140\" height=\"386\" class=\"alignnone size-full wp-image-383\" srcset=\"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-content\/uploads\/2017\/09\/sites-responsivos-1.jpg 1140w, https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-content\/uploads\/2017\/09\/sites-responsivos-1-300x102.jpg 300w, https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-content\/uploads\/2017\/09\/sites-responsivos-1-768x260.jpg 768w, https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-content\/uploads\/2017\/09\/sites-responsivos-1-1024x347.jpg 1024w\" sizes=\"auto, (max-width: 1140px) 100vw, 1140px\" \/><\/p>\n<hr \/>\n<h2><strong>O seu site acessado por qualquer dispositivo<\/strong><\/h2>\n<div class=\"row\">\n<div class=\"col-xs-12 col-md-8\">\n<p>\u00c9 quase inevit\u00e1vel dar uma espiadinha no seu e-mail, nas redes sociais ou nos sites de not\u00edcia pelo seu celular, n\u00e3o \u00e9?<\/p>\n<p>Todos caminham pelas ruas e escrit\u00f3rios com um smartphone a tiracolo e de olho nas atualiza\u00e7\u00f5es. Voc\u00ea, seu colega de trabalho, seu melhor amigo, seu familiares.<\/p>\n<p>De acordo com o Ibope, 52 milh\u00f5es de pessoas no Brasil acessam a internet pelo celular de maneira constante. Se sua loja estiver entre os sites acessados e o endere\u00e7o n\u00e3o suportar esse tipo de navega\u00e7\u00e3o, pode dizer adeus \u00e0s vendas, ao lucro e aos clientes.<\/p>\n<p>A solu\u00e7\u00e3o para adaptar seu site a qualquer tipo de navega\u00e7\u00e3o (celular, tablets e o que mais vier por a\u00ed) e aproveitar o p\u00fablico de qualquer plataforma, seja mobile ou n\u00e3o, \u00e9 o design responsivo do website.<\/p>\n<p>Ainda n\u00e3o est\u00e1 por dentro dessa tend\u00eancia? N\u00e3o tem problema, aproveite para esclarecer todas as suas d\u00favidas sobre o tema e investir j\u00e1 nessa estrat\u00e9gia! Ela \u00e9 muito importante e \u00e9 essencial para qualquer p\u00e1gina web.<\/p>\n<\/div>\n<div class=\"col-xs-12 col-md-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-337\" src=\"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-content\/uploads\/2017\/09\/dispositivo-movel-3.jpg\" alt=\"\" width=\"354\" height=\"426\" srcset=\"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-content\/uploads\/2017\/09\/dispositivo-movel-3.jpg 354w, https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-content\/uploads\/2017\/09\/dispositivo-movel-3-249x300.jpg 249w\" sizes=\"auto, (max-width: 354px) 100vw, 354px\" \/><\/div>\n<\/div>\n<p><!-- \/.row --><\/p>\n<hr \/>\n<h3><strong>O que \u00e9 o design responsivo?<\/strong><\/h3>\n<div class=\"row\">\n<div class=\"col-xs-12 col-md-8\">\n<p>Quando a internet era acessada apenas pelas telas dos computadores, um site podia ser desenhado de uma forma \u00fanica, pela qual praticamente todo mundo que o acessasse conseguiria navegar perfeitamente.Hoje, com monitores de diversos tamanhos e, principalmente, com o crescimento do acesso via dispositivos m\u00f3veis, esse design \u201cquadrado\u201d n\u00e3o funciona mais e \u00e9 preciso estar atento \u00e0s novas tend\u00eancias, e n\u00e3o somente a isso, mas tamb\u00e9m \u00e0s tecnologias mais recentes.<\/p>\n<p>O layout de todo site ou e-commerce deve ser constru\u00eddo de maneira que seja adequado a todos os dispositivos dispon\u00edveis no mercado. Assim o cliente que acessa pelo smartphone, por exemplo, consegue navegar da mesma maneira que aquele que acessa o endere\u00e7o pelo notebook.<\/p>\n<p>O design responsivo proporciona a mesma experi\u00eancia de navega\u00e7\u00e3o a todos os usu\u00e1rios.<\/p>\n<\/div>\n<div class=\"col-xs-12 col-md-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-345\" src=\"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-content\/uploads\/2017\/09\/design-responsivo.jpg\" alt=\"\" width=\"581\" height=\"344\" srcset=\"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-content\/uploads\/2017\/09\/design-responsivo.jpg 581w, https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-content\/uploads\/2017\/09\/design-responsivo-300x178.jpg 300w\" sizes=\"auto, (max-width: 581px) 100vw, 581px\" \/><\/div>\n<\/div>\n<p><!-- \/.row --><\/p>\n<hr \/>\n<div class=\"jumbotron\">\n<div class=\"container\">\n<h3 style=\"text-align: center;\"><strong>O Google sabe o que os usu\u00e1rios querem, e voc\u00ea?<\/strong><\/h3>\n<p style=\"text-align: center;\">Os sites que n\u00e3o forem adaptados para smartphones e outros dispositivos m\u00f3veis est\u00e3o em queda livre no ranking de buscas que prioriza websites responsivos. O Google prioriza aqueles que se preocupam e prepararam seus sites para atender todos os tipos de navega\u00e7\u00e3o.<\/p>\n<\/div>\n<\/div>\n<hr \/>\n<h3><strong>Como o site responsivo funciona?<\/strong><\/h3>\n<p>Primeiro, \u00e9 preciso ter em mente que o site responsivo n\u00e3o \u00e9 a mesma coisa que uma vers\u00e3o mobile desenvolvida exclusivamente para atender usu\u00e1rios que chegam por meio de determinados dispositivos m\u00f3veis.<\/p>\n<p>Um site responsivo conta com uma \u00fanica vers\u00e3o, que se adapta automaticamente \u00e0s diferentes telas de smartphones, tablets, computadores e outros meios.<\/p>\n<p>Como isso \u00e9 poss\u00edvel? Parece magia, mas \u00e9 tecnologia. Trata-se de um misto de programa\u00e7\u00e3o e design, arquitetado para que o endere\u00e7o reconhe\u00e7a as dimens\u00f5es do dispositivo pelo qual ele est\u00e1 sendo exibido e se adapte automaticamente a ele.<\/p>\n<hr \/>\n<h3><strong>Como descobrir se seu site \u00e9 responsivo ou n\u00e3o?<\/strong><\/h3>\n<p>O pr\u00f3prio Google disponibiliza ferramentas para descobrir se seu website \u00e9 compat\u00edvel com dispositivos mobile. O \u201cGoogle Webmasters Tools\u201d ajuda a conferir se seu site se enquadra nas diretrizes. <a href=\"https:\/\/www.google.com\/webmasters\/tools\/mobile-friendly\/\" target=\"_blank\" rel=\"noopener\">Voc\u00ea tamb\u00e9m pode fazer este teste e tirar a prova<\/a>.<\/p>\n<hr \/>\n<h3><strong>Quais s\u00e3o as vantagens de adotar esse modelo?<\/strong><\/h3>\n<p>A vantagem mais \u00f3bvia \u00e9 que qualquer cliente, de qualquer dispositivo, vai poder entrar e comprar na sua loja sem que isso afete a experi\u00eancia de navega\u00e7\u00e3o dele. A outra, e n\u00e3o menos importante, \u00e9 que se seu site n\u00e3o for responsivo isso traz consequ\u00eancias nas buscas realizadas por plataformas mobile no Google, que vai priorizar outros sites (inclusive seus concorrentes) que possu\u00edrem p\u00e1ginas web adaptadas \u00e0s mais variadas dimens\u00f5es de tela.<\/p>\n<p>Mas h\u00e1 outros benef\u00edcios. O design responsivo ajuda no processo de otimiza\u00e7\u00e3o do seu site nos buscadores porque direciona para um \u00fanico endere\u00e7o de website da sua loja, o que \u201cn\u00e3o confunde\u201d os rob\u00f4s dos sites de busca.<\/p>\n<p>Por exemplo, uma loja que conta com a vers\u00e3o original (www.lojadoze.com.br) e com outra para celular (m.lojadoze.com.br) pode ser enxergada pelos buscadores como conte\u00fado duplicado, e isso pode fazer com que o site seja penalizado nos resultados de busca.<\/p>\n<p>Outro ponto importante \u00e9 que quando os sites contam com uma vers\u00e3o para cada dispositivo de acesso, o design segue a mesma linha, mas tem alguns pontos que s\u00e3o redesenhados de acordo com cada vers\u00e3o.<\/p>\n<p>No caso do site responsivo isso n\u00e3o acontece. A experi\u00eancia \u00e9 bastante parecida, independentemente da plataforma. Com isso, os visitantes recorrentes se sentir\u00e3o mais \u00e0 vontade, pois v\u00e3o saber, de forma intuitiva, como realizar tarefas j\u00e1 executadas no canal tradicional.<\/p>\n<hr \/>\n<div class=\"row\">\n<div class=\"col-xs-12 col-md-6\">\n<h3>Solicite um or\u00e7amento para desenvolvimento de site responsivo em WordPress ou entre em contato atrav\u00e9s do <img decoding=\"async\" src=\"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/images\/whatsapp.png\"\/> (11) 98319-9056:<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-366\" src=\"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-content\/uploads\/2017\/09\/design-responsivo-form-1.jpg\" alt=\"\" width=\"619\" height=\"364\" srcset=\"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-content\/uploads\/2017\/09\/design-responsivo-form-1.jpg 619w, https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-content\/uploads\/2017\/09\/design-responsivo-form-1-300x176.jpg 300w\" sizes=\"auto, (max-width: 619px) 100vw, 619px\" \/><\/p>\n<\/div>\n<div class=\"col-xs-12 col-md-6\">\n<div class=\"jumbotron\">\n<div class=\"container\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f82-o1\" lang=\"pt-BR\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/ecommerce\/wp-json\/wp\/v2\/pages\/88#wpcf7-f82-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formul\u00e1rios de contato\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"82\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.9.5\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"pt_BR\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f82-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<p><label> Seu nome (obrigat\u00f3rio)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Seu e-mail (obrigat\u00f3rio)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-control\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Seu telefone (obrigat\u00f3rio)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-telefone\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel form-control\" id=\"telefone\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"your-telefone\" \/><\/span> <\/label>\n<\/p>\n<p><label> Seu Whatsapp<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-whatsapp\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel form-control\" id=\"whatsapp\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"your-whatsapp\" \/><\/span><\/label>\n<\/p>\n<p><label> Seu Website<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"url\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-url wpcf7-text wpcf7-validates-as-url form-control\" aria-invalid=\"false\" value=\"\" type=\"url\" name=\"url\" \/><\/span> <\/label>\n<\/p>\n<p><label> Fa\u00e7a sua cota\u00e7\u00e3o<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p>[recaptcha]\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Enviar\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<hr \/>\n<div class=\"well\">\n<!-- Begin MailChimp Signup Form -->\n<link href=\"\/\/cdn-images.mailchimp.com\/embedcode\/classic-10_7.css\" rel=\"stylesheet\" type=\"text\/css\">\n<style type=\"text\/css\">\n\t#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }\n\t\/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.\n\t   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. *\/\n<\/style>\n<div id=\"mc_embed_signup\">\n<form action=\"https:\/\/agenciamarketingdigital.us17.list-manage.com\/subscribe\/post?u=3b9f2a3bf6c793edf5da9e0a5&amp;id=25f10d4727\" method=\"post\" id=\"mc-embedded-subscribe-form\" name=\"mc-embedded-subscribe-form\" class=\"validate\" target=\"_blank\" novalidate>\n<div id=\"mc_embed_signup_scroll\">\n<h2>Cadastre-se e receba nossos informativos:<\/h2>\n<div class=\"indicates-required\"><span class=\"asterisk\">*<\/span> indicates required<\/div>\n<div class=\"mc-field-group\">\n\t<label for=\"mce-EMAIL\">Email:  <span class=\"asterisk\">*<\/span><br \/>\n<\/label><br \/>\n\t<input type=\"email\" value=\"\" name=\"EMAIL\" class=\"required email\" id=\"mce-EMAIL\">\n<\/div>\n<div class=\"mc-field-group\">\n\t<label for=\"mce-FNAME\">Nome: <\/label><br \/>\n\t<input type=\"text\" value=\"\" name=\"FNAME\" class=\"\" id=\"mce-FNAME\">\n<\/div>\n<div id=\"mce-responses\" class=\"clear\">\n<div class=\"response\" id=\"mce-error-response\" style=\"display:none\"><\/div>\n<div class=\"response\" id=\"mce-success-response\" style=\"display:none\"><\/div>\n<\/p><\/div>\n<p>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--><\/p>\n<div style=\"position: absolute; left: -5000px;\" aria-hidden=\"true\"><input type=\"text\" name=\"b_3b9f2a3bf6c793edf5da9e0a5_25f10d4727\" tabindex=\"-1\" value=\"\"><\/div>\n<div class=\"clear\"><input type=\"submit\" value=\"Subscribe\" name=\"subscribe\" id=\"mc-embedded-subscribe\" class=\"button\"><\/div>\n<\/p><\/div>\n<\/form>\n<\/div>\n<p><script type='text\/javascript' src='\/\/s3.amazonaws.com\/downloads.mailchimp.com\/js\/mc-validate.js'><\/script><script type='text\/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text'; \/**\n * Translated default messages for the $ validation plugin.\n * Locale: PT_PT\n *\/\n$.extend($.validator.messages, {\n\trequired: \"Campo de preenchimento obrigat&oacute;rio.\",\n\tremote: \"Por favor, corrija este campo.\",\n\temail: \"Por favor, introduza um endere&ccedil;o eletr&oacute;nico v&aacute;lido.\",\n\turl: \"Por favor, introduza um URL v&aacute;lido.\",\n\tdate: \"Por favor, introduza uma data v&aacute;lida.\",\n\tdateISO: \"Por favor, introduza uma data v&aacute;lida (ISO).\",\n\tnumber: \"Por favor, introduza um n&uacute;mero v&aacute;lido.\",\n\tdigits: \"Por favor, introduza apenas d&iacute;gitos.\",\n\tcreditcard: \"Por favor, introduza um n&uacute;mero de cart&atilde;o de cr&eacute;dito v&aacute;lido.\",\n\tequalTo: \"Por favor, introduza de novo o mesmo valor.\",\n\taccept: \"Por favor, introduza um ficheiro com uma extens&atilde;o v&aacute;lida.\",\n\tmaxlength: $.validator.format(\"Por favor, n&atilde;o introduza mais do que {0} caracteres.\"),\n\tminlength: $.validator.format(\"Por favor, introduza pelo menos {0} caracteres.\"),\n\trangelength: $.validator.format(\"Por favor, introduza entre {0} e {1} caracteres.\"),\n\trange: $.validator.format(\"Por favor, introduza um valor entre {0} e {1}.\"),\n\tmax: $.validator.format(\"Por favor, introduza um valor menor ou igual a {0}.\"),\n\tmin: $.validator.format(\"Por favor, introduza um valor maior ou igual a {0}.\")\n});}(jQuery));var $mcj = jQuery.noConflict(true);<\/script><br \/>\n<!--End mc_embed_signup-->\n<\/div>\n","protected":false},"excerpt":{"rendered":"<div class=\"slide-text-bg2\"><span>O seu site acessado por qualquer dispositivo \u00c9 quase inevit\u00e1vel dar uma espiadinha no seu e-mail, nas redes sociais ou nos sites de not\u00edcia pelo seu cel<\/span><\/div>\n<div class=\"slide-btn-area-sm\"><a href=\"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/sites-responsivos\/\" class=\"slide-btn-sm\">Ler mais<\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"fullwidth.php","meta":{"footnotes":""},"class_list":["post-88","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-json\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-json\/wp\/v2\/comments?post=88"}],"version-history":[{"count":50,"href":"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-json\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":550,"href":"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-json\/wp\/v2\/pages\/88\/revisions\/550"}],"wp:attachment":[{"href":"https:\/\/agenciamarketingdigital.net.br\/ecommerce\/wp-json\/wp\/v2\/media?parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}