{"id":1296,"date":"2016-10-05T15:09:03","date_gmt":"2016-10-05T18:09:03","guid":{"rendered":"https:\/\/blog.umbler.com\/?p=1296"},"modified":"2018-12-05T18:33:44","modified_gmt":"2018-12-05T20:33:44","slug":"punicao-pop-ups-tudo-que-voce-precisa-saber","status":"publish","type":"post","link":"https:\/\/blog.umbler.com\/br\/punicao-pop-ups-tudo-que-voce-precisa-saber\/","title":{"rendered":"Puni\u00e7\u00e3o aos pop-ups: tudo que voc\u00ea precisa saber"},"content":{"rendered":"<p>Voc\u00ea provavelmente j\u00e1 viveu essa situa\u00e7\u00e3o: est\u00e1 navegando em uma p\u00e1gina e BAM, algo aparece na frente. Voc\u00ea n\u00e3o consegue fechar a p\u00e1gina que fica sobre o conte\u00fado que voc\u00ea est\u00e1 lendo, se atrapalha. Voc\u00ea estava lendo algo que estava te interessando e teve sua experi\u00eancia interrompida. Isso foi um pop-up. N\u00f3s amamos odiar os pop-ups, principalmente porque s\u00f3 de falar neles nos lembramos daqueles an\u00fancios que apareciam nos navegadores e abriam novas abas\/janelas sem que pud\u00e9ssemos entender nada.<br \/>\n<img fetchpriority=\"high\" decoding=\"async\" class=\"size-full aligncenter\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2016\/10\/giphy.gif\" alt=\"Gif com pop-ups da internet \" width=\"480\" height=\"270\" \/><br \/>\nA verdade \u00e9 que pop-ups eram muito rent\u00e1veis para alguns sites. Com o tempo, por\u00e9m, foram surgindo formas de bloque\u00e1-los e eles foram perdendo a for\u00e7a &#8211; apesar de ainda serem utilizados aqui e ali. <em>Fast forward<\/em> para 2006, o termo <a href=\"https:\/\/blog.umbler.com\/como-criar-landing-pages-de-sucesso-visao-geral\/\">Inbound Marketing<\/a> surge e apresenta uma nova ideia de marketing que atrai os visitantes atrav\u00e9s de conte\u00fado relevante, ao inv\u00e9s de \u201cempurrar\u201d mensagens indesejadas. Inbound \u00e9 uma outra forma de pensar a captura de contatos, e os formul\u00e1rios que trocam um lead por um conte\u00fado espec\u00edfico &#8211; e-books, whitepapers e infogr\u00e1ficos &#8211; ficam no centro desta filosofia. E uma forma de captar novos leads, potenciais clientes \u00e9 atrav\u00e9s de&#8230;pop-ups!<\/p>\n<p>N\u00e3o me leve a mal, os novos pop-ups s\u00e3o do bem, eles n\u00e3o querem te vender algo que voc\u00ea n\u00e3o quer ou falar de um produto, servi\u00e7o ou empresa da qual voc\u00ea nunca ouviu falar. N\u00e3o, esse pop-up te oferece um material bem valioso sobre um assunto que te interessa &#8211; afinal, est\u00e1 na p\u00e1gina que voc\u00ea est\u00e1 visitando. Pop-ups para a captura de leads geralmente aparecem acima da p\u00e1gina que voc\u00ea est\u00e1 lendo perguntando se voc\u00ea quer fazer o download de um e-book, se cadastrar em uma newsletter ou participar de um webinar. Muitas vezes, ao inv\u00e9s de apresentar um X como bot\u00e3o para fechar a p\u00e1gina, mostram umas frases como \u201cN\u00e3o, n\u00e3o quero ganhar mais dinheiro\/ter mais visitantes no meu site\/capturar mais leads\u201d &#8211; uma admiss\u00e3o de falha da sua parte. Quem \u00e9 que n\u00e3o quer ter mais visitantes, ganhar mais dinheiro, ter uma vida melhor? Esses novos pop-ups, chamados pelo pessoal do <a href=\"https:\/\/contentmarketinginstitute.com\/pnr-with-this-old-marketing-podcast\/\">podcast This Old Marketing<\/a>, de pop-ups passivos-agressivos, tornaram-se muito populares, sendo utilizados e recomendados por muitos gurus do marketing.<\/p>\n<p>Espera a\u00ed, mas pop-ups n\u00e3o eram horr\u00edveis? N\u00e3o atrapalhavam a visualiza\u00e7\u00e3o, n\u00e3o eram intrusivos, horrorosos, marcas de uma internet antiga e ultrapassada? Ent\u00e3o, veja bem. O que essa nova gera\u00e7\u00e3o de pop-ups veio nos mostrar \u00e9 que, se trabalhados corretamente &#8211; com bom timing, um bom call-to-action e uma oferta interessante, esses an\u00fancios podem trazer resultados interessantes, como a convers\u00e3o de 14.4% dos visitantes em assinantes de newsletter, como apontou o pessoal do\u00a0<a href=\"https:\/\/unbounce.com\/email-marketing\/get-subscribers-from-pop-ups\/\">Unbounce.<\/a><\/p>\n<p>As hist\u00f3rias de sucesso s\u00e3o v\u00e1rias, n\u00fameros impressionantes de aumentos de capta\u00e7\u00e3o de leads que pareciam redimir o pop-up de uma vez, quando o Google anunciou, em agosto de 2016, que, a <a href=\"https:\/\/webmasters.googleblog.com\/2016\/08\/helping-users-easily-access-content-on.html\" target=\"_blank\" rel=\"noopener\">partir de janeiro de 2017, sites mobile que usarem pop-ups ser\u00e3o penalizados nas buscas<\/a>.<br \/>\n<img decoding=\"async\" class=\"size-full aligncenter\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2016\/10\/5c0194be569c4_giphy.gif\" alt=\"Gif Ozzy Choque pela proibi\u00e7\u00e3o de pop-ups pelo Google\" width=\"480\" height=\"270\" \/><\/p>\n<h2>Google e a Puni\u00e7\u00e3o aos Pop-ups Mobile<\/h2>\n<p>A decis\u00e3o do Google de punir p\u00e1ginas que utilizam pop-ups \u00e9 a segunda \u201cfase\u201d de uma investida da empresa em melhorar a qualidade dos resultados de buscas. Em 2014, a atualiza\u00e7\u00e3o no algoritmo que puniria p\u00e1ginas n\u00e3o otimizadas para dispositivos m\u00f3veis nos resultados de busca, conhecido como Mobilegeddon, for\u00e7ou muitos a reverem seus sites mobile. Hoje, 85% das p\u00e1ginas j\u00e1 s\u00e3o adaptadas para as telas menores, o que fez com que o Google abrisse m\u00e3o da categoria \u201cMobile Friendly\u201d e passasse a observar outros aspectos da experi\u00eancia de uso mobile, considerando-os como crit\u00e9rios de posicionamento nas buscas. A decis\u00e3o de punir os pop-ups vem para \u201cmelhorar a experi\u00eancia de busca m\u00f3vel\u201d. Para isso, \u201c<a href=\"https:\/\/webmasters.googleblog.com\/2016\/08\/helping-users-easily-access-content-on.html\" target=\"_blank\" rel=\"noopener\">p\u00e1ginas onde o conte\u00fado n\u00e3o est\u00e1 facilmente acess\u00edvel para o usu\u00e1rio que faz a transi\u00e7\u00e3o dos resultados de busca mobile poder\u00e3o n\u00e3o ter um ranking t\u00e3o alto<\/a>&#8220;. Isso significa p\u00e1ginas que:<br \/>\n<img decoding=\"async\" class=\"aligncenter wp-image-1305 size-full\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2016\/10\/post-16-10-05-leads-nopopups-exemplos.png\" alt=\"Google e a Puni\u00e7\u00e3o aos Pop-ups Mobile\" width=\"750\" height=\"451\" \/><\/p>\n<ul>\n<li>Mostrarem um pop-up que cubra o conte\u00fado principal da p\u00e1gina, seja assim que o usu\u00e1rio venha dos resultados de busca ou ap\u00f3s certo tempo de navega\u00e7\u00e3o;<\/li>\n<li>Mostrarem um lightbox ou \u201cmodal\u201d sobre a tela que o usu\u00e1rio deve fechar para continuar navegando;<\/li>\n<li>Usarem um layout no qual a parte \u201cacima da dobra\u201d seja similar a um modal, deixando o conte\u00fado original abaixo da dobra;<\/li>\n<\/ul>\n<h2>O que n\u00e3o ser\u00e1 punido pelo Google:<\/h2>\n<ul>\n<li>Pop-ups exigidos por lei, como os que avisam usu\u00e1rios sobre a utiliza\u00e7\u00e3o de cookies ou os voltados para a confirma\u00e7\u00e3o da idade (em sites de bebidas alco\u00f3licas, por exemplo);<\/li>\n<li>Confirma\u00e7\u00e3o de login para p\u00e1ginas com conte\u00fado n\u00e3o index\u00e1vel;<\/li>\n<li>Banners &#8211; como os para download de apps &#8211; que n\u00e3o ocupem muito espa\u00e7o e que sejam f\u00e1ceis de fechar\/dispensar.<\/li>\n<\/ul>\n<p>A not\u00edcia da puni\u00e7\u00e3o de pop-ups pode parecer um choque frente aos bons resultados obtidos por marcas e ag\u00eancias com esse tipo de estrat\u00e9gia de capta\u00e7\u00e3o de leads, mas existe uma verdade nessa hist\u00f3ria que n\u00e3o pode ser ignorada: pop-ups s\u00e3o chatos. Eles incomodam, atrapalham a leitura e fazem com que voc\u00ea (quando leitor) se sinta bombardeado.<\/p>\n<p>Isso \u00e9 ainda mais cr\u00edtico quando tratamos de telas menores, como as de smartphones. Al\u00e9m do fator inc\u00f4modo, o pessoal do Unbounce percebeu que emails captados via pop-ups tendem a ter menor engajamento nas listas, o que nos deixa com aquela pergunta: ser\u00e1 que vale a pena irritar uma boa parte dos usu\u00e1rios para conseguir leads?<\/p>\n<h2>Formas de captar leads sem pop-ups<\/h2>\n<h3>Content Upgrades<\/h3>\n<p>S\u00e3o os famosos \u201cb\u00f4nus\u201d no fim de posts de blog importantes: se voc\u00ea ou sua ag\u00eancia produz conte\u00fado para clientes, pode incluir esse upgrade &#8211; um infogr\u00e1fico, uma apresenta\u00e7\u00e3o, um whitepaper &#8211; em troca do e-mail do visitante. A diferen\u00e7a para uma oferta em um pop-up ou <a href=\"https:\/\/blog.umbler.com\/br\/whatsapp-vs-landing\/\">landing page<\/a> \u00e9 que esse upgrade est\u00e1 totalmente relacionado ao post que a pessoa acabou de ler, ent\u00e3o, a probabilidade de existir interesse naquele assunto \u00e9 bem maior!<\/p>\n<h3>Formul\u00e1rios em Redes Sociais<\/h3>\n<p>Inclua um formul\u00e1rio para cadastro em redes sociais! No Facebook, voc\u00ea consegue deixar essa aba como um \u201capp\u201d dentro da Fan Page e aproveitar posts para captar e-mails ali. Voc\u00ea tamb\u00e9m pode investir em Cards do Twitter para captura de leads.<\/p>\n<h3>Formul\u00e1rio no topo do blog<\/h3>\n<p>Use a parte \u201cacima da dobra\u201d do layout do seu blog para colocar um formul\u00e1rio ou uma oferta de conte\u00fado. Com um layout ou tema responsivo, voc\u00ea chama a aten\u00e7\u00e3o para o formul\u00e1rio e tem uma boa fonte para captura de leads.<\/p>\n<h3>Formul\u00e1rio que aparece ap\u00f3s o scroll na p\u00e1gina<\/h3>\n<p>Chamado de Scrollbox, \u00e9 um formul\u00e1rio que aparece na p\u00e1gina depois que o visitante j\u00e1 fez scroll. Ocupa menos espa\u00e7o e pode ser uma boa forma de gerar assinantes para newsletters, por exemplo.<\/p>\n<h3>Push Notifications<\/h3>\n<p>Para avisar os seus clientes de um post novo no seu blog ou, mesmo, quando existe um conte\u00fado novo para download, voc\u00ea pode enviar uma notifica\u00e7\u00e3o por Push no celular dele. \u00c9 uma forma menos invasiva do que um pop-up e as pessoas precisam aceitar receber as notifica\u00e7\u00f5es, portanto \u00e9 uma forma \u201copt-in\u201d de mandar novidades. Voc\u00ea pode desenvolver as notifica\u00e7\u00f5es ou usar um servi\u00e7o.<\/p>\n<h3>Notifica\u00e7\u00f5es Personalizadas no Facebook<\/h3>\n<p>Sabe as notifica\u00e7\u00f5es do Facebook que aparecem quando algu\u00e9m curte uma foto, ou algum grupo tem uma nova discuss\u00e3o? \u00c9 poss\u00edvel incluir notifica\u00e7\u00f5es personalizadas da marca para o usu\u00e1rio &#8211; desde que ele tenha feito algum \u201clogin social\u201d com o Facebook. Essa tamb\u00e9m \u00e9 uma forma diferente de manter o engajamento e fazer uma oferta especial, mas use com parcim\u00f4nia para n\u00e3o ficar invasivo.<\/p>\n<h2>Mas eu \u2764 pop-ups e quero mant\u00ea-los no meu site (desktop)<\/h2>\n<p>Tudo bem, se pop-ups funcionam para voc\u00ea e fazem sentido na sua estrat\u00e9gia de desenvolvimento de sites, use-os! N\u00e3o existe 100% certo ou 100% errado para todo mundo, e sim com o que funciona melhor com o seu p\u00fablico, sua empresa, sua proposta. Mas, se voc\u00ea quiser umas dicas, reunimos algumas para deixar o pop-up o menos intrusivo poss\u00edvel:<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>Use cookies para n\u00e3o mostrar o pop-up para quem j\u00e1 visitou a sua p\u00e1gina, isso impede que as pessoas sejam afetadas todas as vezes que entram no seu site\/blog;<\/li>\n<li>Aperfei\u00e7oe o timing do pop-up para dar tempo de a pessoa ler o que est\u00e1 na p\u00e1gina antes de aparecer algo impedindo a leitura. Se algu\u00e9m est\u00e1 no seu site h\u00e1 cinco segundos provavelmente jogar um pop-up na cara dela n\u00e3o vai ser a melhor forma de conhecer o que voc\u00ea est\u00e1 oferecendo;<\/li>\n<li>Teste o pop-up apenas para quem est\u00e1 com inten\u00e7\u00e3o de sa\u00edda da sua p\u00e1gina;<\/li>\n<li>Invista no Call to Action: deixe a inten\u00e7\u00e3o do pop-up bem clara. Se \u00e9 para clicar, cadastrar e-mail, conhecer outra p\u00e1gina, deixa essa informa\u00e7\u00e3o em destaque.<\/li>\n<li>Facilite a forma de fechar o pop-up: talvez as pessoas n\u00e3o estejam interessadas, deixe elas fecharem o pop-up se quiserem.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>E voc\u00ea, ama ou odeia pop-ups? O que achou da proibi\u00e7\u00e3o do Google? Fale para a gente \ud83d\ude09<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea provavelmente j\u00e1 viveu essa situa\u00e7\u00e3o: est\u00e1 navegando em uma p\u00e1gina e BAM, algo aparece na frente. Voc\u00ea n\u00e3o consegue fechar a p\u00e1gina que fica sobre o conte\u00fado que voc\u00ea est\u00e1 lendo, se atrapalha. Voc\u00ea estava lendo algo que estava te interessando e teve sua experi\u00eancia interrompida. Isso foi um pop-up. N\u00f3s amamos odiar os [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":5532,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[181,70,182,183,184,185,186],"class_list":["post-1296","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev","tag-google","tag-inbound-marketing","tag-marketing","tag-mobile","tag-mobilegeddon","tag-pop-ups","tag-punicao-aos-popups"],"_links":{"self":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/1296"}],"collection":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/comments?post=1296"}],"version-history":[{"count":0,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/1296\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media\/5532"}],"wp:attachment":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media?parent=1296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/categories?post=1296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/tags?post=1296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}