{"id":693,"date":"2016-05-30T11:05:45","date_gmt":"2016-05-30T14:05:45","guid":{"rendered":"https:\/\/blog.umbler.com\/?p=693"},"modified":"2018-12-06T10:49:37","modified_gmt":"2018-12-06T12:49:37","slug":"2-como-criar-landing-pages-de-sucesso-elementos-essenciais","status":"publish","type":"post","link":"https:\/\/blog.umbler.com\/br\/2-como-criar-landing-pages-de-sucesso-elementos-essenciais\/","title":{"rendered":"#2 Como criar landing pages de sucesso: elementos essenciais"},"content":{"rendered":"<p>No <a href=\"https:\/\/blog.umbler.com\/br\/como-criar-landing-pages-de-sucesso-visao-geral\/\" target=\"_blank\" rel=\"noopener\">primeiro post da s\u00e9rie<\/a>, vimos que as landing pages se posicionam como excelentes canais de <a href=\"https:\/\/blog.umbler.com\/br\/o-que-e-marketing-criativo\/\">marketing digital<\/a>. Ap\u00f3s a defini\u00e7\u00e3o dos objetivos que pretendem ser atingidos com uma p\u00e1gina de captura, chega o momento de pensar em todos os elementos que a comp\u00f5em.<\/p>\n<p>Formul\u00e1rios, call to actions, links de compartilhamento. S\u00e3o muitos os componentes que devem estar presentes em uma landing, que, por defini\u00e7\u00e3o, precisa sintetizar informa\u00e7\u00f5es diretas e\/ou aprofundadas sobre algo em espec\u00edfico \u2013 podendo contemplar tanto conte\u00fados quanto produtos e servi\u00e7os \u2013 e indicar uma a\u00e7\u00e3o que fa\u00e7a o visitante avan\u00e7ar dentro das etapas do ciclo de marketing e <a href=\"https:\/\/blog.umbler.com\/br\/vendas-automaticas-pelo-whatsapp\/\">vendas<\/a> (passando de visitante para lead), capturando dados que sejam relevantes.<\/p>\n<p>Selecionamos aqui os principais itens das landing pages, componentes fundamentais e que precisam de aten\u00e7\u00e3o especial na produ\u00e7\u00e3o da p\u00e1gina. Vamos l\u00e1?<\/p>\n<h2>Chamada principal<\/h2>\n<p>A chamada principal \u00e9 o primeiro item que os visitantes veem quando chegam \u00e0 <a href=\"https:\/\/blog.umbler.com\/br\/whatsapp-vs-landing\/\">landing page<\/a>. Ela precisa resumir a oferta da maneira mais simples e objetiva poss\u00edvel, de forma que o visitante possa entender o que est\u00e1 sendo ofertado. Podemos citar, como exemplo, a chamada \u201cEbook Gratuito \u2013 Como atrair clientes com o Facebook\u201d. Neste caso, os visitantes poderiam saber rapidamente em que consiste a oferta somente lendo a chamada principal.<\/p>\n<p>Todas as chamadas devem, por regra, indicar uma proposta de valor clara ao usu\u00e1rio &#8211; \u00e9 o que definir\u00e1 sua inscri\u00e7\u00e3o. Geralmente, chamadas com apelo de urg\u00eancia e exclusividade s\u00e3o bastante bem-vindas. Um <a href=\"https:\/\/vwo.com\/blog\/ab-test-headlines-improvement-conversion-rate\/\" target=\"_blank\" rel=\"noopener\">estudo da VWO<\/a> indicou que mudan\u00e7as simples na chamada principal de uma landing page podem aumentar em 147% o n\u00famero de convers\u00f5es. Uma chamada mal constru\u00edda, ou a aus\u00eancia de chamadas, pode gerar uma taxa maior de abandono da p\u00e1gina e, consequentemente, uma taxa muito menor de convers\u00f5es.<\/p>\n<h2>Conte\u00fado<\/h2>\n<p>O corpo da landing page deve complementar o conte\u00fado da chamada principal, explicar melhor a oferta e convencer os visitantes a preencherem o formul\u00e1rio para acess\u00e1-la. Vale lembrar que o conte\u00fado deve conter mais do que apenas uma descri\u00e7\u00e3o da oferta. Ele deve destacar seus benef\u00edcios em um par\u00e1grafo curto ou uma lista, e enfatizar a solu\u00e7\u00e3o de um problema ou necessidade espec\u00edfica do p\u00fablico-alvo.<\/p>\n<p>Destacar muitos conte\u00fados, com textos longos e muitas ofertas para download, tende a confundir o usu\u00e1rio. O ideal \u00e9 que as ofertas estejam agrupadas e que a landing tenha um objetivo principal e \u00fanico, para evitar ru\u00eddos de comunica\u00e7\u00e3o. Eliminar elementos in\u00fateis e disponibilizar links para artigos ou materiais mais aprofundados, s\u00e3o \u00f3timas estrat\u00e9gias. Ao pensar no conte\u00fado para sua landing page, comece refletindo: o usu\u00e1rio encontrar\u00e1 o que realmente procura em minha p\u00e1gina?<\/p>\n<h2>Elementos visuais<\/h2>\n<p>As imagens s\u00e3o consideradas uma das grandes respons\u00e1veis por convers\u00f5es. E isto n\u00e3o \u00e9 \u00e0 toa. Segundo uma pesquisa realizada pela a <a href=\"https:\/\/www.webmarketinggroup.co.uk\/blog\/why-every-seo-strategy-needs-infographics\/\" target=\"_blank\" rel=\"noopener\">3M Corporation em parceria com a Zabisco<\/a>, cerca de 90% das informa\u00e7\u00f5es transmitidas ao c\u00e9rebro s\u00e3o visuais e processadas 60 mil vezes mais rapidamente do que os textos. Logo, usar imagens relevantes que reforcem os benef\u00edcios detalhados na landing page \u00e9 fundamental para atrair imediatamente a aten\u00e7\u00e3o do visitante.<\/p>\n<p>Mas, vale lembrar, que adicionar in\u00fameras imagens que n\u00e3o transmitem o real prop\u00f3sito da oferta \u00e9 um erro fatal. Elas devem ser simples e relevantes \u00e0 oferta, para que os visitantes saibam exatamente o que est\u00e3o vendo. Se uma landing page est\u00e1 sendo criada para um ebook, por exemplo, vale incluir uma imagem da capa para ilustrar melhor o que os visitantes poder\u00e3o desfrutar caso preencham o formul\u00e1rio.<\/p>\n<h3>Ferramentas para ajudar<\/h3>\n<p>Voc\u00ea pode utilizar imagens de banco free ou mesmo \u00edcones para ilustrar sua landing page. Destacamos algumas op\u00e7\u00f5es:<\/p>\n<ul>\n<li><a href=\"https:\/\/design.google.com\/icons\/\" target=\"_blank\" rel=\"noopener\">Google Material icons <\/a><\/li>\n<li><a href=\"https:\/\/br.freepik.com\/\" target=\"_blank\" rel=\"noopener\">Freepik<\/a><\/li>\n<li><a href=\"https:\/\/www.pexels.com\/\" target=\"_blank\" rel=\"noopener\">Pexels<\/a><\/li>\n<li><a href=\"https:\/\/www.flaticon.com\/\" target=\"_blank\" rel=\"noopener\">Flat Icon <\/a><\/li>\n<li><a href=\"https:\/\/unsplash.com\/\" target=\"_blank\" rel=\"noopener\">Unsplash<\/a><\/li>\n<\/ul>\n<h2>Layout da p\u00e1gina<\/h2>\n<p>O layout da p\u00e1gina de destino deve transmitir instantaneamente o valor da oferta e incentivar os visitantes a escreverem seus dados no formul\u00e1rio. Por isso, deve ser simples e claro. Recomenda-se o uso de listas numeradas, ou com marcadores, e o uso de negrito, ou it\u00e1lico, nos textos para destacar os principais pontos. Dessa forma, a p\u00e1gina facilita ao m\u00e1ximo o entendimento do valor da oferta por parte dos visitantes.<\/p>\n<p>O ideal \u00e9 que sua landing seja composta por chamada, texto, formul\u00e1rio, links, call-to-action e formas de contato. Tudo al\u00e9m disso \u00e9 adicional e deve ser usado com cautela.<\/p>\n<h3>Ferramentas para ajudar<\/h3>\n<p>Voc\u00ea pode optar por layouts pr\u00e9-prontos para sua landing pages, aproveitando a estrutura e adaptando \u00e0s suas necessidades. Selecionamos algumas ferramentas para ajudar no processo:<\/p>\n<ul>\n<li><a href=\"https:\/\/wrapbootstrap.com\/themes\/landing-pages\" target=\"_blank\" rel=\"noopener\">{Wrap}Bootstrap<\/a><\/li>\n<li><a href=\"https:\/\/unbounce.com\/landing-page-templates\/ \" target=\"_blank\" rel=\"noopener\">Unbounce<\/a><\/li>\n<li><a href=\"https:\/\/onepagelove.com\/templates\/landing-page-templates\" target=\"_blank\" rel=\"noopener\">Onepage Love<\/a><\/li>\n<li><a href=\"https:\/\/themeforest.net\/\" target=\"_blank\" rel=\"noopener\">Theme Forest<\/a><\/li>\n<\/ul>\n<h2>Links externos<\/h2>\n<p>Para evitar que os visitantes saiam da p\u00e1gina de destino, \u00e9 importante que todos os links que os direcionam para outras p\u00e1ginas do site sejam removidos. Mas, para passar credibilidade, vale adicionar um link para a pol\u00edtica de <a href=\"https:\/\/blog.umbler.com\/br\/seguranca-e-privacidade-no-atendimento-com-ia\/\">privacidade<\/a> da empresa ou mesmo para uma se\u00e7\u00e3o de seu site com depoimentos de clientes, a fim de passar mais credibilidade. Ao l\u00ea-la, os visitantes poder\u00e3o tirar suas d\u00favidas a respeito do que ser\u00e1 feito com os dados que fornecem, o que pode ajudar a aumentar a probabilidade de preenchimento do formul\u00e1rio.<\/p>\n<h2>Metadescri\u00e7\u00f5es e palavras-chave<\/h2>\n<p>A metadescri\u00e7\u00e3o \u00e9 um fragmento de texto que descreve o conte\u00fado contido na landing page e que aparece nos resultados de busca. Por ter um limite de 150 caracteres, a metadescri\u00e7\u00e3o deve conter uma explica\u00e7\u00e3o clara e curta da oferta. J\u00e1 as palavras-chave devem ser diretamente relacionadas \u00e0 oferta que est\u00e1 sendo divulgada. Elas devem ser utilizadas no t\u00edtulo da p\u00e1gina, H1, page title e URL, e distribu\u00eddas ao longo do conte\u00fado.<\/p>\n<h3>Ferramentas para ajudar<\/h3>\n<p>Voc\u00ea pode contar com ferramentas que auxiliem na busca por keywords e na produ\u00e7\u00e3o de metadescri\u00e7\u00f5es. Selecionamos algumas ferramentas para ajudar no processo:<\/p>\n<ul>\n<li><a href=\"https:\/\/adwords.google.com\/KeywordPlanner\" target=\"_blank\" rel=\"noopener\">Google Keyword Tool<\/a><\/li>\n<li><a href=\"https:\/\/ubersuggest.org\/\" target=\"_blank\" rel=\"noopener\">\u00dcbersuggest<\/a><\/li>\n<\/ul>\n<h2>Formul\u00e1rio<\/h2>\n<p>O formul\u00e1rio \u00e9 um elemento que precisa ter visibilidade imediata, j\u00e1 que um dos principais objetivos da landing page \u00e9 fazer com que o visitante informe seus dados de contato. A primeira quest\u00e3o a ser analisada \u00e9 seu tamanho. Enquanto que formul\u00e1rios menores geram mais leads de menor qualidade, os formul\u00e1rios maiores geram menos leads de maior qualidade.<\/p>\n<p>Outro fator a ser considerado \u00e9 a quantidade de informa\u00e7\u00f5es solicitadas, j\u00e1 que isso pode afetar a predisposi\u00e7\u00e3o do visitante em preencher a formul\u00e1rio. Recomenda-se que sejam coletadas apenas as informa\u00e7\u00f5es mais relevantes, que possam ser utilizadas para contatar os visitantes e qualific\u00e1-los como leads. Os primeiros campos devem sempre solicitar o nome e o endere\u00e7o do e-mail.<br \/>\nJ\u00e1 os demais devem requisitar a fun\u00e7\u00e3o que o visitante desempenha, o departamento, o nome da empresa, o endere\u00e7o do site e o n\u00famero de funcion\u00e1rios \u2013 caso seja de interesse para seu neg\u00f3cio. Por \u00faltimo, devem ser adicionadas perguntas que ajudem a equipe de vendas a avaliar a qualidade do lead que est\u00e1 entrando em contato, tais como ferramentas utiliza em seu dia-a-dia e qual produto ou servi\u00e7o sua empresa vende.<\/p>\n<p>Tamb\u00e9m \u00e9 importante que a landing page mostre aos visitantes que eles podem se sentir seguros quanto \u00e0 <a href=\"https:\/\/blog.umbler.com\/br\/porque-a-api-oficial-do-whatsapp-e-mais-segura\/\">seguran\u00e7a<\/a> de seus dados. A melhor maneira de deix\u00e1-los confiantes \u00e9 incluir um link para a pol\u00edtica de privacidade do site \u2013 como j\u00e1 explicada anteriormente \u2013 e adicionar depoimentos de clientes, certificados de seguran\u00e7a e sites relevantes em que a empresa foi citada. Esta credibilidade certamente afetar\u00e1 positivamente as taxas de convers\u00e3o.<\/p>\n<h2>Call to Action (CTA)<\/h2>\n<p>O CTA (Call to Action) \u00e9 a frase ou bot\u00e3o que representa o passo final do visitante rumo \u00e0 convers\u00e3o. Ele deve ser o elemento de maior destaque de toda a p\u00e1gina de captura e ter cores fortes que contrastem com as tonalidades utilizadas no layout. Quanto ao texto do bot\u00e3o, muitas empresas utilizam a chamada \u201cenviar\u201d. Por\u00e9m, pesquisas indicam que CTAs com esse texto s\u00e3o menos eficazes para a convers\u00e3o de visitantes em leads.<\/p>\n<p>Hoje, os mais utilizados pelas empresas s\u00e3o \u201cregistrar agora\u201d, \u201cbaixar agora\u201d, \u201cacessar agora\u201d e \u201creceber material\u201d, mas, vale experimentar outros tipos de texto que estimulem os visitantes a clicar no bot\u00e3o. Lembre-se de que o texto do bot\u00e3o tem o incr\u00edvel poder de mudar drasticamente os resultados das taxas da convers\u00e3o. Da\u00ed a import\u00e2ncia da dedicado \u00e0 sua cria\u00e7\u00e3o.<\/p>\n<h3>Ferramentas para ajudar<\/h3>\n<p>Voc\u00ea pode contar com ferramentas para a cria\u00e7\u00e3o de \u00f3timos call to actions. Destacamos algumas:<\/p>\n<ul>\n<li><a href=\"https:\/\/css3buttongenerator.com\/\" target=\"_blank\" rel=\"noopener\">CSS Button Generator<\/a><\/li>\n<li><a href=\"https:\/\/buttonoptimizer.com\/\" target=\"_blank\" rel=\"noopener\">Button Optimizer<\/a><\/li>\n<li><a href=\"https:\/\/dabuttonfactory.com\/\" target=\"_blank\" rel=\"noopener\">Da Button Factory<\/a><\/li>\n<\/ul>\n<h2>Links de compartilhamento<\/h2>\n<p>O \u00faltimo passo para a cria\u00e7\u00e3o de uma landing page de sucesso consiste em incluir um conjunto de \u00edcones de compartilhamento de m\u00eddias sociais (Facebook, Twitter, Google+, Linkedin, entre outras) na p\u00e1gina, para que os visitantes sejam estimulados a compartilhar o conte\u00fado com seus amigos. Com mais visitantes compartilhando a landing page, o alcance da oferta \u00e9 ampliado e um p\u00fablico maior \u00e9 atingindo.<\/p>\n<h3>Ferramentas para ajudar<\/h3>\n<p>Voc\u00ea pode criar bot\u00f5es de compartilhamento para inserir em suas landing pages, j\u00e1 com textos e imagens ajustados. Destacamos algumas ferramentas que podem ajudar:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.sharelinkgenerator.com\/\" target=\"_blank\" rel=\"noopener\">Share Link Generator<\/a><\/li>\n<li><a href=\"https:\/\/www.paywithatweet.com\/\" target=\"_blank\" rel=\"noopener\">Pay with a Tweet<\/a><\/li>\n<\/ul>\n<p>Agora que voc\u00ea j\u00e1 sabe quais s\u00e3o os elementos essenciais de uma landing page, que tal conhecer algumas ferramentas que auxiliam na cria\u00e7\u00e3o de p\u00e1ginas de captura? Bom, isso \u00e9 assunto para o pr\u00f3ximo post \ud83d\ude09<\/p>\n<p>Confira os outros posts da s\u00e9rie sobre landing pages:<\/p>\n<ul>\n<li>#1 <a href=\"https:\/\/blog.umbler.com\/br\/como-criar-landing-pages-de-sucesso-visao-geral\/\" target=\"_blank\" rel=\"noopener\">Como criar landing pages de sucesso: vis\u00e3o geral<\/a><\/li>\n<li>#3 <a href=\"https:\/\/blog.umbler.com\/br\/3-como-criar-landing-pages-de-sucesso-ferramentas-e-divulgacao\/\" target=\"_blank\" rel=\"noopener\">Como criar landing pages de sucesso: ferramentas e divulga\u00e7\u00e3o<\/a><\/li>\n<li>#4 <a href=\"https:\/\/blog.umbler.com\/br\/4-como-criar-landing-pages-de-sucesso-aprimoramento-e-analise-de-resultados\/\" target=\"_blank\" rel=\"noopener\">Como criar landing pages de sucesso: aprimoramento e an\u00e1lise de resultados<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>No primeiro post da s\u00e9rie, vimos que as landing pages se posicionam como excelentes canais de marketing digital. Ap\u00f3s a defini\u00e7\u00e3o dos objetivos que pretendem ser atingidos com uma p\u00e1gina de captura, chega o momento de pensar em todos os elementos que a comp\u00f5em. Formul\u00e1rios, call to actions, links de compartilhamento. S\u00e3o muitos os componentes [&hellip;]<\/p>\n","protected":false},"author":38,"featured_media":5632,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[68,87,69,70,71,72,88],"class_list":["post-693","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev","tag-como-fazer-uma-landing-page","tag-elementos-landing-page","tag-exemplos-landing-page","tag-inbound-marketing","tag-landing-page","tag-o-que-e-landing-page","tag-o-que-precisa-ter-landing-page"],"_links":{"self":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/693"}],"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\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/comments?post=693"}],"version-history":[{"count":0,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/693\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media\/5632"}],"wp:attachment":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media?parent=693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/categories?post=693"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/tags?post=693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}