{"id":1907,"date":"2017-01-11T20:07:37","date_gmt":"2017-01-11T22:07:37","guid":{"rendered":"https:\/\/m.docpix.net\/blog-novo\/16-coisas-que-voce-precisa-ter-ao-criar-uma-landing-page-2\/"},"modified":"2024-09-27T15:42:46","modified_gmt":"2024-09-27T18:42:46","slug":"16-coisas-que-voce-precisa-ter-ao-criar-uma-landing-page","status":"publish","type":"post","link":"https:\/\/docpix.net\/blog\/2017\/01\/16-coisas-que-voce-precisa-ter-ao-criar-uma-landing-page\/","title":{"rendered":"16 coisas que voc\u00ea precisa ter ao criar uma Landing Page"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">N\u00e3o importa se voc\u00ea est\u00e1 configurando uma landing page pela primeira ou pela bilion\u00e9sima vez: \u00e9 f\u00e1cil esquecer alguma coisa. Embora ela seja apenas uma p\u00e1gina do seu site, existem in\u00fameras vari\u00e1veis para equilibrar. Algumas delas s\u00e3o mais importantes que as outras; portanto, se voc\u00ea se perder no caos, poder\u00e1 deixar de ganhar convers\u00f5es valiosas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><br>Existem v\u00e1rias formas de conseguir o equil\u00edbrio da landing page. A melhor coisa a fazer para garantir isso \u00e9 ter uma lista de verifica\u00e7\u00e3o \u00e0 m\u00e3o incluindo tudo que voc\u00ea n\u00e3o pode esquecer de fazer.\u00a0Assim, sempre que voc\u00ea quiser publicar uma\u00a0landing page, poder\u00e1 conferir rapidamente todos os itens para ter certeza de cumpri-los antes de seguir adiante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><br>Se voc\u00ea quiser uma lista de verifica\u00e7\u00e3o para ajudar a simplificar a cria\u00e7\u00e3o da sua landing page e os processos de otimiza\u00e7\u00e3o, continue lendo. Vamos mostrar os principais elementos que voc\u00ea deve incluir na sua landing page antes da publica\u00e7\u00e3o, divididos em tr\u00eas categorias: o conte\u00fado da p\u00e1gina, o design e a experi\u00eancia do usu\u00e1rio. Use essa lista de verifica\u00e7\u00e3o como ponto de partida. Provavelmente voc\u00ea vai precisar consultar outras listas de verifica\u00e7\u00e3o de outras empresas com itens espec\u00edficos de tecnologia.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1170\" height=\"700\" src=\"https:\/\/m.docpix.net\/blog\/wp-content\/uploads\/sites\/4\/2016\/02\/ACI-Alfasaf-no-Google.jpg\" alt=\"\" class=\"wp-image-1836\" title=\"\" srcset=\"https:\/\/docpix.net\/blog\/wp-content\/uploads\/sites\/4\/2016\/02\/ACI-Alfasaf-no-Google.jpg 1170w, https:\/\/docpix.net\/blog\/wp-content\/uploads\/sites\/4\/2016\/02\/ACI-Alfasaf-no-Google-300x179.jpg 300w, https:\/\/docpix.net\/blog\/wp-content\/uploads\/sites\/4\/2016\/02\/ACI-Alfasaf-no-Google-1024x613.jpg 1024w, https:\/\/docpix.net\/blog\/wp-content\/uploads\/sites\/4\/2016\/02\/ACI-Alfasaf-no-Google-768x459.jpg 768w, https:\/\/docpix.net\/blog\/wp-content\/uploads\/sites\/4\/2016\/02\/ACI-Alfasaf-no-Google-150x90.jpg 150w\" sizes=\"(max-width: 1170px) 100vw, 1170px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><span style=\"color: #999999;\"><em>Reformula\u00e7\u00e3o de&nbsp;sites empresariais que se adaptam a dispositivos m\u00f3veis, atualiza\u00e7\u00e3o e manuten\u00e7\u00e3o de conte\u00fado no site, blog e nas Redes Sociais.&nbsp;<\/em><\/span><span style=\"color: #76c4ea;\"><em><strong><a style=\"color: #76c4ea;\" href=\"http:\/\/docpix.net\/contato\" target=\"_blank\" rel=\"noopener noreferrer\">Entre em contato conosco<\/a><\/strong><\/em><\/span><span style=\"color: #999999;\"><em> e saiba sobre nossas&nbsp;<strong><span style=\"color: #76c4ea;\"><a style=\"color: #76c4ea;\" href=\"http:\/\/docpix.net\/solucoes-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">solu\u00e7\u00f5es&nbsp;web<\/a>!<\/span><\/strong><\/em><\/span><\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Conte\u00fado da\u00a0landing page\u00a0<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Esta se\u00e7\u00e3o \u00e9 dedicada a todo o conte\u00fado que voc\u00ea coloca na&nbsp;landing page, como texto, imagens e formul\u00e1rio. Ela detalha os elementos que voc\u00ea cria para a&nbsp;landing page. Para quest\u00f5es mais amplas, como layout ou experi\u00eancia do usu\u00e1rio, pule para as se\u00e7\u00f5es abaixo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Texto<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1) Os t\u00edtulos usam palavras que provocam a\u00e7\u00e3o<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O t\u00edtulo da&nbsp;landing page&nbsp;\u00e9 como qualquer outro t\u00edtulo: ele deve instigar as pessoas a fazerem algo. Neste caso, a inten\u00e7\u00e3o \u00e9 que o usu\u00e1rio preencha o formul\u00e1rio da&nbsp;landing page. Seu texto deve incluir palavras orientadas para a\u00e7\u00e3o, que comuniquem o valor da oferta conforme a inten\u00e7\u00e3o da&nbsp;landing page. Por exemplo, compare &#8220;Lista de verifica\u00e7\u00e3o gratuita: um guia pr\u00e1tico para otimizar an\u00fancios do Facebook\u201d com \u201cEbook para an\u00fancios do Facebook\u201d. O primeiro \u00e9 muito mais atraente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2) O t\u00edtulo corresponde ao texto original<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Como as pessoas chegam \u00e0 sua&nbsp;landing page? Voc\u00ea precisa ter certeza de que o texto da&nbsp;landing page&nbsp;equivale ao que est\u00e1 na fonte de refer\u00eancia. Por exemplo, se seu tr\u00e1fego est\u00e1 vindo de uma pessoa que clicou em um CTA do seu blog, voc\u00ea deve usar uma linguagem semelhante no t\u00edtulo e no CTA. As fontes de refer\u00eancia definem as expectativas do que estar\u00e1 na sua&nbsp;landing page. Evite que as pessoas se frustrem ao clicar nas fontes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3) O subt\u00edtulo conciso descreve as vantagens da oferta<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pense em seu subt\u00edtulo como uma extens\u00e3o mais pr\u00e1tica do t\u00edtulo. O t\u00edtulo deve chamar aten\u00e7\u00e3o, mas indicar o que acontecer\u00e1 quando as pessoas preencherem o formul\u00e1rio. O subt\u00edtulo \u00e9 menos chamativo. Ele \u00e9 muito claro sobre os benef\u00edcios daquela oferta. Portanto, se seu t\u00edtulo \u00e9 \u201cLista de verifica\u00e7\u00e3o gratuita: um guia pr\u00e1tico para otimizar an\u00fancios do Facebook\u201d, o subt\u00edtulo deve dizer algo como \u201cAprenda tudo sobre como obter mais tr\u00e1fego, leads e clientes do Facebook\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4) O texto tem que ser atraente e f\u00e1cil de pesquisar e percorrer<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Agora, vamos falar do texto da p\u00e1gina de destino propriamente dito. As pessoas n\u00e3o precisam ler essa parte da p\u00e1gina para saber do que trata a sua oferta, pois isso j\u00e1 foi informado pelo t\u00edtulo e pelo subt\u00edtulo. Mas se elas quiserem mais informa\u00e7\u00f5es sobre a oferta, poder\u00e3o encontr\u00e1-las no corpo do texto. N\u00e3o existe um tamanho definido para ele. Apenas lembre-se de que ele precisa ser informativo e atraente, al\u00e9m de f\u00e1cil de pesquisar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Os marcadores podem ajudar nas pesquisas. Al\u00e9m disso, pense em estruturar os par\u00e1grafos com poucas frases, o que ajuda as pessoas que usam dispositivos m\u00f3veis a pesquisarem a p\u00e1gina. Se precisar de ajuda para fazer um texto informativo e atraente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>5) O t\u00edtulo, a URL e a meta description da p\u00e1gina s\u00e3o otimizados para pesquisa<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea espera obter tr\u00e1fego, leads e clientes de longo prazo nas suas&nbsp;landing page, precisa otimiz\u00e1-la para os mecanismos de pesquisa. Confira se o t\u00edtulo, a URL e a meta description cont\u00eam palavras-chave. O objetivo n\u00e3o \u00e9 necessariamente classificar voc\u00ea nos mecanismos de pesquisa, mas fazer as pessoas clicarem na sua listagem, caso encontrem voc\u00ea.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Imagens<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>6) A imagem \u00e9 um sinal do que vir\u00e1 depois que voc\u00ea preencher o formul\u00e1rio<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As pessoas sempre dizem que voc\u00ea deve usar uma imagem &#8220;convincente&#8221;. Mas o que significa &#8220;convincente&#8221;, afinal? As melhores imagens de&nbsp;landing page&nbsp;s\u00e3o aquelas que dizem o que est\u00e1 por tr\u00e1s dessas p\u00e1ginas. Sendo assim, se as pessoas v\u00e3o acessar um ebook sobre publicidade no Facebook, sua imagem deve ter uma representa\u00e7\u00e3o visual de alta qualidade desse ebook. N\u00e3o use, por exemplo, uma foto de alta qualidade de uma praia, mesmo se sua oferta prometer um aumento para quem baix\u00e1-la. Faz sentido?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>7) A imagem tem um texto alternativo.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nunca otimize seu marketing para as melhores situa\u00e7\u00f5es. Confie em mim, isso nunca funciona na vida real. Por isso, mesmo se voc\u00ea tiver escolhido uma imagem perfeita da sua&nbsp;landing page, pode ser que ela n\u00e3o apare\u00e7a. Talvez haja algo de errado com o navegador do visitante. Talvez haja algo de errado com o seu site. Seja qual for o motivo, n\u00e3o deixe de ter um plano B: adicionar texto alternativo \u00e0s imagens.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Formul\u00e1rio<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>8) O formul\u00e1rio \u00e9 o tamanho adequado para o objetivo da&nbsp;landing page<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Seu formul\u00e1rio n\u00e3o precisa ser curto ou longo para ser eficiente. Ele s\u00f3 precisa corresponder ao objetivo que voc\u00ea tem para a p\u00e1gina. Ent\u00e3o, se voc\u00ea quer v\u00e1rios contatos do seu formul\u00e1rio, mas n\u00e3o se importa com a qualidade deles, utilize a vers\u00e3o curta. Se voc\u00ea se preocupar mais com a qualidade do que com a quantidade, prefira a vers\u00e3o longa. A chave \u00e9 saber o objetivo da sua&nbsp;landing page&nbsp;e consider\u00e1-lo ao definir o tamanho do formul\u00e1rio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>9) O bot\u00e3o de envio do texto \u00e9 personalizado<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Olhe para a parte inferior do seu formul\u00e1rio. O bot\u00e3o que envia o formul\u00e1rio diz &#8220;Enviar&#8221;? PARE. A linguagem desse bot\u00e3o deve ser orientada para a\u00e7\u00e3o tamb\u00e9m. Por exemplo, em uma&nbsp;&nbsp;landing page&nbsp;de um ebook, voc\u00ea pode alterar esse bot\u00e3o para \u201cObtenha seu ebook gratuito agora\u201d. Muito melhor que o \u201cEnviar\u201d gen\u00e9rico.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>10) O formul\u00e1rio ativa o perfil progressivo para visitantes que retornam<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Algumas pessoas que preenchem nossos formul\u00e1rios de&nbsp;landing page&nbsp;j\u00e1 preencheram formul\u00e1rios em nosso site. Ou seja, se voc\u00ea tem um banco de dados de contato, j\u00e1 tem as informa\u00e7\u00f5es delas. Ent\u00e3o por que faz\u00ea-las preencher informa\u00e7\u00f5es das quais voc\u00ea n\u00e3o precisa? Para evitar isso, voc\u00ea pode ativar o perfil progressivo. Ele vai mostrar novos campos de formul\u00e1rio para os visitantes que est\u00e3o de volta. Voc\u00ea vai obter mais informa\u00e7\u00f5es de seus leads e clientes, e eles ter\u00e3o menos campos para preencher quando voltarem ao seu site (isso \u00e9 especialmente \u00fatil nos dispositivos m\u00f3veis).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Layout da&nbsp;landing page<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Agora, vamos observar os elementos que afetam a p\u00e1gina como um todo, e n\u00e3o apenas o conte\u00fado que voc\u00ea est\u00e1 criando.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>11) O conte\u00fado da&nbsp;landing page<\/strong><strong>&nbsp;\u00e9 aprovado no teste de piscar<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mesmo depois de conferir todos os itens da lista de verifica\u00e7\u00e3o da sua&nbsp;landing page, voc\u00ea ainda deve voltar e fazer o \u201cteste de piscar\u201d. Olhe para sua p\u00e1gina durante cinco segundos (tamb\u00e9m conhecido como o tempo que voc\u00ea precisa para piscar novamente). Voc\u00ea sabe sobre o que \u00e9 a landing page? Qual \u00e9 a proposta de valor? Como chegar \u00e0 oferta por tr\u00e1s da landing page? Se voc\u00ea n\u00e3o sabe, precisa repensar os itens acima.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>12) O menu de navega\u00e7\u00e3o superior \u00e9 removido<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Essa \u00e9 uma das coisas que voc\u00ea precisa testar por conta pr\u00f3pria para confirmar, mas <a href=\"http:\/\/blog.hubspot.com\/marketing\/landing-page-navigation-ht\" target=\"_blank\" rel=\"noopener\">nossos testes<\/a> mostram que a remo\u00e7\u00e3o da barra de navega\u00e7\u00e3o superior melhorou as taxas de convers\u00e3o nas nossas landing page. Se voc\u00ea est\u00e1 fazendo o mesmo com as suas, confira se a barra de navega\u00e7\u00e3o foi removida.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>13) O layout \u00e9 responsivo (muito importante!)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voc\u00ea quer que as pessoas sejam capazes de preencher o formul\u00e1rio da sua&nbsp;landing page, seja qual for o dispositivo que usem. Mas, se seus visitantes que usam dispositivos m\u00f3veis estiverem lutando para pin\u00e7ar e rolar a p\u00e1gina, as chances de desistirem ser\u00e3o grandes. Por isso, verifique se o layout da sua landing page \u00e9 responsivo para que as pessoas possam acess\u00e1-la, n\u00e3o importa a largura do navegador utilizado.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Experi\u00eancia do usu\u00e1rio da&nbsp;landing page<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Agora, vamos falar sobre alguns dos recursos da p\u00e1gina ligados \u00e0 experi\u00eancia do usu\u00e1rio do seu site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>14) Conte\u00fado inteligente tem tokens l\u00f3gicos padr\u00e3o<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nada mais constrangedor e percept\u00edvel que um <a href=\"http:\/\/br.hubspot.com\/blog\/como-usar-o-conteudo-inteligente-da-hubspot-para-dominar-o-marketing-personalizado\" target=\"_blank\" rel=\"noreferrer noopener\">conte\u00fado inteligente<\/a> mal configurado. Provavelmente voc\u00ea j\u00e1 recebeu emails dizendo \u201cOl\u00e1, [NOME]\u201d, certo? \u00c9 lament\u00e1vel, mas esse conte\u00fado s\u00f3 \u00e9 vis\u00edvel para uma pessoa, e n\u00e3o todas que visitam sua landing page. Por isso, se voc\u00ea quiser dar um passo a mais e personalizar sua landing page&nbsp;com tokens inteligentes, confira se os itens \u201cpadr\u00e3o\u201d foram personalizados e est\u00e3o corretamente posicionados nos locais l\u00f3gicos. Por exemplo, voc\u00ea pode usar &#8220;visitante&#8221;, como o token padr\u00e3o, de modo que, quando n\u00e3o tiver o registro de contato de uma pessoa, poder\u00e1 dizer apenas \u201cOl\u00e1, visitante\u201d, e n\u00e3o \u201cOl\u00e1, NOME\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>15) O conte\u00fado do formul\u00e1rio leva em conta os dispositivos m\u00f3veis<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea tiver otimizado seu conte\u00fado da p\u00e1gina de destino para dispositivos m\u00f3veis, confira se as pessoas poder\u00e3o preencher os formul\u00e1rios em um dispositivo m\u00f3vel ou se pelo menos ter\u00e3o uma forma f\u00e1cil de encontr\u00e1-lo quando voltarem ao computador. Se seu conte\u00fado n\u00e3o for otimizado para dispositivos m\u00f3veis, pelo menos garanta a ativa\u00e7\u00e3o de um email de retorno para que os contatos possam acessar a oferta mais tarde.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>16) A p\u00e1gina de agradecimento e\/ou emails de retorno foram definidos e est\u00e3o funcionando.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finalmente, mas n\u00e3o menos importante, verifique se todo o processo de convers\u00e3o funciona. Depois que as pessoas preencherem o formul\u00e1rio, elas s\u00e3o levadas \u00e0 p\u00e1gina de agradecimento? Elas de fato recebem um email de retorno? Confira se tudo est\u00e1 funcionando corretamente para seus contatos.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><a href=\"http:\/\/br.hubspot.com\/blog\/16-coisas-que-voce-precisa-conferir-na-sua-landing-page\" target=\"_blank\" rel=\"noreferrer noopener\">Fonte: HubSpot<\/a><\/h6>\n","protected":false},"excerpt":{"rendered":"<p>Vamos mostrar os principais elementos que voc\u00ea deve incluir na sua landing page antes da publica\u00e7\u00e3o, divididos em tr\u00eas categorias: o conte\u00fado da p\u00e1gina, o design e a experi\u00eancia do usu\u00e1rio.<\/p>\n","protected":false},"author":2,"featured_media":1908,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[673],"tags":[],"class_list":["post-1907","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-digital-e-estrategias"],"acf":[],"_links":{"self":[{"href":"https:\/\/docpix.net\/blog\/wp-json\/wp\/v2\/posts\/1907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docpix.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docpix.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docpix.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/docpix.net\/blog\/wp-json\/wp\/v2\/comments?post=1907"}],"version-history":[{"count":1,"href":"https:\/\/docpix.net\/blog\/wp-json\/wp\/v2\/posts\/1907\/revisions"}],"predecessor-version":[{"id":2947,"href":"https:\/\/docpix.net\/blog\/wp-json\/wp\/v2\/posts\/1907\/revisions\/2947"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/docpix.net\/blog\/wp-json\/wp\/v2\/media\/1908"}],"wp:attachment":[{"href":"https:\/\/docpix.net\/blog\/wp-json\/wp\/v2\/media?parent=1907"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docpix.net\/blog\/wp-json\/wp\/v2\/categories?post=1907"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docpix.net\/blog\/wp-json\/wp\/v2\/tags?post=1907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}