{"id":5773,"date":"2022-03-11T13:13:38","date_gmt":"2022-03-11T13:13:38","guid":{"rendered":"https:\/\/pt.venngage.com\/blog\/?p=5773"},"modified":"2023-06-14T14:12:03","modified_gmt":"2023-06-14T14:12:03","slug":"layout-de-site","status":"publish","type":"post","link":"https:\/\/pt.venngage.com\/blog\/layout-de-site\/","title":{"rendered":"Como fazer um layout de site em poucos passos"},"content":{"rendered":"<p><img decoding=\"async\" loading=\"lazy\" width=\"300\" height=\"169\" class=\"size-medium wp-image-5774 aligncenter\" src=\"https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2022\/03\/layout-de-site-300x169.png\" alt=\"layout de site\" srcset=\"https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2022\/03\/layout-de-site-300x169.png 300w, https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2022\/03\/layout-de-site-730x411.png 730w, https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2022\/03\/layout-de-site.png 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">No momento de <\/span><a href=\"https:\/\/upsites.digital\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">fazer site<\/span><\/a><span style=\"font-weight: 400;\"> para empresas, al\u00e9m de pensar em projet\u00e1-lo de forma que carregue rapidamente, \u00e9 essencial criar um layout que converta para obter sucesso online. <\/span><span style=\"font-weight: 400;\">Por\u00e9m, quando se trata de layout de site, aquele que funciona bem \u00e9 mais do que apenas &#8220;bonito&#8221; ou f\u00e1cil de usar.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00c9 necess\u00e1rio pensar em cada detalhe para que ele seja capaz n\u00e3o somente de representar a empresa, mas tamb\u00e9m conquistar seus visitantes.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Uma escolha errada \u2014 por exemplo, as cores que ser\u00e3o utilizadas \u2014, pode fazer com que o site afaste as pessoas.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Os visitantes do site decidir\u00e3o se gostam ou n\u00e3o dele em quest\u00e3o de segundos. Se eles n\u00e3o gostarem, talvez nunca mais voltem a acess\u00e1-lo.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Neste artigo, falaremos sobre algumas etapas importantes para criar layout de site.\u00a0<\/span><\/p>\n<h2><b>Etapas importantes para criar layout de site<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Aqui est\u00e3o algumas etapas muito importantes que voc\u00ea deve considerar se deseja criar um layout de site, que \u00e9 capaz de conquistar os usu\u00e1rios da internet.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Passo 1: Pense Simples<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Quanto mais escolhas voc\u00ea der \u00e0s pessoas, mais tempo elas levar\u00e3o para decidir sobre uma sele\u00e7\u00e3o.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Embora mais tempo no site possa ser bom para os neg\u00f3cios, muitas op\u00e7\u00f5es podem frustrar os visitantes, o que \u00e9 o oposto do que voc\u00ea procura.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A li\u00e7\u00e3o \u00e9 tornar seu layout intuitivo. O menu deve incluir termos comuns, como:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Sobre N\u00f3s ou Sobre a Empresa;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Contato ou Fale Conosco;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Blog;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Perguntas Frequentes;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Produtos ou Servi\u00e7os, por exemplo.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Um site enigm\u00e1tico n\u00e3o consegue converter bem. Em vez disso, use itens de menu e linguagem geral no layout para que os visitantes do site entendam de maneira r\u00e1pida e f\u00e1cil.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Etapa 2: Aproveite o espa\u00e7o em branco<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Parte de tornar o layout simples \u00e9 fazer uso intenso do espa\u00e7o em branco (vazio), tamb\u00e9m conhecido como espa\u00e7o negativo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Isso n\u00e3o significa apenas deixar um espa\u00e7o em branco entre imagens e par\u00e1grafos, o que obviamente \u00e9 importante.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tamb\u00e9m significa usar o espa\u00e7o para direcionar os visitantes na dire\u00e7\u00e3o que voc\u00ea espera, como seu call-to-action (CTA).\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Uma ilustra\u00e7\u00e3o adequada do espa\u00e7o em branco colocado em bom uso est\u00e1 na <\/span><a href=\"https:\/\/www.google.com\/\"><span style=\"font-weight: 400;\">p\u00e1gina inicial do Google<\/span><\/a><span style=\"font-weight: 400;\">. Aqui fica muito claro o que os visitantes devem fazer e n\u00e3o h\u00e1 confus\u00e3o para confundi-los.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Voc\u00ea n\u00e3o pode ficar mais simples do que isso. Ao n\u00e3o adicionar mais imagens, texto e outros elementos \u00e0 sua p\u00e1gina inicial, os visitantes sabem exatamente como prosseguir para a pr\u00f3xima etapa, que \u00e9 a convers\u00e3o.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Passo 3: Pense nas cores que utilizar\u00e1<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">85% dos compradores citam que a cor contribui muito para suas decis\u00f5es de compra. A <\/span><span style=\"font-weight: 400;\">psicologia das cores \u00e9 importante para os profissionais de marketing<\/span><span style=\"font-weight: 400;\">, principalmente quando se trata de design e layout da web.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Voc\u00ea \u00e9 encorajado a pesquisar e testar os esquemas de cores aos quais seu p\u00fablico pode responder mais. As cores certas podem despertar certas emo\u00e7\u00f5es.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Al\u00e9m disso, coisas como dados demogr\u00e1ficos podem afetar a maneira como seus visitantes percebem seu site.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para encontrar um <a href=\"https:\/\/pt.venngage.com\/blog\/escolher-cores\/\" target=\"_blank\" rel=\"noopener\">esquema de cores que funcione<\/a>, use a roda de cores e procure cores complementares (aquelas que s\u00e3o opostas na roda) ou cores an\u00e1logas (aquelas que est\u00e3o pr\u00f3ximas uma da outra na roda).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Esses esquemas de cores podem dar profundidade ao layout do seu site e torn\u00e1-lo mais interessante, mantendo as pessoas no site por tempo suficiente para tomar uma decis\u00e3o positiva de compra.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Etapa 4: Formate os textos corretamente<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Como web designer, ou dono de neg\u00f3cio, voc\u00ea pode preferir deixar a copy do site para um redator.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">No entanto, voc\u00ea ainda deve saber onde o texto deve ser colocado para convers\u00f5es m\u00e1ximas, mesmo que seja temporariamente lorem ipsum.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Um t\u00edtulo \u00e9 primordial e deve ser colocado no centro da p\u00e1gina inicial para comunicar a proposta de valor da marca. Cada p\u00e1gina subsequente deve conter um t\u00edtulo que fale sobre a relev\u00e2ncia do conte\u00fado da p\u00e1gina.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ap\u00f3s o t\u00edtulo, \u00e9 interessante colocar o texto em um design \u201cF&#8221;, pois essa tende a ser a maneira como as pessoas leem o conte\u00fado online.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Se o site tiver uma abund\u00e2ncia de texto, analise o conte\u00fado em caixas e formatos para que os visitantes continuem lendo de forma leve e f\u00e1cil.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Etapa 5: Seja claro sobre o resultado<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Um layout de site de alta convers\u00e3o \u00e9 aquele que se concentra nas a\u00e7\u00f5es que voc\u00ea deseja que seus visitantes realizem.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Os melhores layouts conseguem guiar seus visitantes pelo processo. Suas chamadas para a\u00e7\u00e3o devem ser exibidas com destaque para que sejam notadas sem muito esfor\u00e7o.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Se voc\u00ea deseja que seus visitantes fa\u00e7am uma liga\u00e7\u00e3o telef\u00f4nica, preencham um formul\u00e1rio ou compartilhem seu conte\u00fado nas m\u00eddias sociais, seu layout deve funcionar como um roteiro que leva os visitantes do ponto A ao ponto B, com o ponto B, \u00e9 claro, sendo a convers\u00e3o final.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Etapa 6: Crie um layout responsivo<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Os visitantes do seu site t\u00eam cinco vezes mais chances de serem rejeitados se o site n\u00e3o estiver otimizado para dispositivos m\u00f3veis.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Com as pessoas alternando entre dispositivos com regularidade, torna-se importante oferecer uma experi\u00eancia perfeita em todos que s\u00e3o baseados na Internet.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Para fazer isso, remova o m\u00e1ximo de necessidade de rolar e clicar e deslizar. Coloque as informa\u00e7\u00f5es mais cr\u00edticas no in\u00edcio das p\u00e1ginas, mas crie oportunidades para os visitantes que desejam saber mais.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Certifique-se de que seu site oferece a mesma experi\u00eancia em todos os dispositivos. Da \u00e1rea de trabalho at\u00e9 a menor das telas, os visitantes devem receber as mesmas op\u00e7\u00f5es simples e um design agrad\u00e1vel aos olhos.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Etapa 7: Apresente suas ofertas e rostos sorridentes<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Estudos mostram que imagens maiores e mais atraentes levam a taxas de convers\u00e3o mais altas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Al\u00e9m do tamanho e da qualidade, as imagens que voc\u00ea escolher para compor o layout do seu site devem ser propositais.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Elas devem mostrar os produtos ou servi\u00e7os da melhor maneira poss\u00edvel e todas as pessoas com rostos sorridentes em ambientes calorosos e positivos.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Al\u00e9m disso, \u00e9 importante que as imagens tenham qualidade. Ou seja, nada de fotos pixeladas. Quanto maior a qualidade, melhor. Claro, tomando muito cuidado para que elas n\u00e3o deixem o site &#8220;sobrecarregado&#8221; e lento.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Passo 8: Coloque estrategicamente emblemas de confian\u00e7a e elementos de prova social<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Os visitantes do seu site querem saber que a empresa pode ser confi\u00e1vel, com suas informa\u00e7\u00f5es de cookies, bem como detalhes pessoais e informa\u00e7\u00f5es de cart\u00e3o de cr\u00e9dito, por exemplo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Voc\u00ea pode refor\u00e7ar isso incluindo emblemas de confian\u00e7a e elementos de prova social. Os emblemas de confian\u00e7a incluem logotipos de marcas populares que usam seus servi\u00e7os ou produtos.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Exemplos de prova social podem incluir logotipos de clientes, feedback de clientes satisfeitos, links para estudos de caso de clientes e v\u00eddeos de hist\u00f3rias de sucesso.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Passo 9: Fa\u00e7a testes e continue testando<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">N\u00e3o importa quanta pesquisa voc\u00ea realize, apenas seu p\u00fablico pode dizer qual layout eles preferem.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Quando voc\u00ea deseja mais convers\u00f5es, sua tarefa \u00e9 testar consistentemente todos os elementos do site.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">O simples ato de alterar seus bot\u00f5es de call to action pode causar um grande aumento nas inscri\u00e7\u00f5es ou compras, por exemplo.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A Hubspot descobriu que alterar os CTAs de uma p\u00e1gina de verde para vermelho resultou em um aumento de 21% na taxa de convers\u00e3o. Esses resultados n\u00e3o teriam sido poss\u00edveis sem testes adequados.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Se preferir agilidade para esse processo, procure por solu\u00e7\u00f5es de\u00a0<\/span><a href=\"https:\/\/www.hostinger.com.br\/templates-de-sites\"><span style=\"font-weight: 400;\">template de sites<\/span><\/a><span style=\"font-weight: 400;\"> prontos e veja como \u00e9 f\u00e1cil ter um layout inteiramente personalizado com a Hostinger. Voc\u00ea pode personalizar o layout que desejar atrav\u00e9s do recurso de &#8220;arrastar e soltar&#8221; e criar um site totalmente responsivo em minutos.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Fique atento e esteja sempre testando usando as ferramentas e processos mais recentes.<\/span><\/p>\n<h2><b>Como saber se os visitantes gostam do layout do seu site<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Aqui est\u00e3o algumas dicas essenciais para que voc\u00ea saiba se os visitantes do site est\u00e3o ou n\u00e3o gostando do seu layout.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Preste aten\u00e7\u00e3o \u00e0s m\u00e9tricas do site<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">O Google Analytics oferece informa\u00e7\u00f5es sobre quantos visitantes novos x repetidos voc\u00ea tem, quanto tempo eles passam em uma determinada p\u00e1gina de destino e com que frequ\u00eancia eles saem depois de visitar apenas uma p\u00e1gina.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Comece a observar a navega\u00e7\u00e3o do usu\u00e1rio<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Voc\u00ea pode utilizar ferramentas que mostram como os visitantes est\u00e3o interagindo com o site enquanto o acesso est\u00e1 acontecendo. Uma dessas ferramentas \u00e9 a Hotjar, que oferece mapas de calor.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">O Hotjar \u00e9 uma das op\u00e7\u00f5es mais completas que existem no mercado quando o assunto \u00e9 compreender o comportamento de visitantes de sites.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Com ela voc\u00ea pode observar os movimentos do mouse, rolagem e ainda gravar as intera\u00e7\u00f5es de sess\u00f5es de usu\u00e1rios reais do site.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Resumidamente, os mapas de calor mostram onde os visitantes do seu site est\u00e3o passando o cursor, clicando no site e quais formul\u00e1rios est\u00e3o preenchendo.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Teste A\/B de diferentes elementos de layout<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Com base em suas observa\u00e7\u00f5es do comportamento do usu\u00e1rio, voc\u00ea pode testar facilmente v\u00e1rios elementos do site, como posicionamento de texto, tamanhos de imagem e t\u00edtulos, sem precisar ter conhecimento em programa\u00e7\u00e3o web.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Depois de colocar as dicas acima em a\u00e7\u00e3o, continue testando seu site e retenha os mesmos elementos que impulsionam as convers\u00f5es.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Eventualmente, voc\u00ea ter\u00e1 em suas m\u00e3os um supersite que combina todos os melhores elementos para obter o m\u00e1ximo de sucesso.<\/span><\/p>\n<h2><b>Conclus\u00e3o<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Designers de sites e profissionais de marketing devem saber como projetar um layout de site para o m\u00e1ximo de convers\u00f5es. N\u00e3o importa se o site oferece servi\u00e7os como planos de <\/span><span style=\"font-weight: 400;\">contabilidade online<\/span><span style=\"font-weight: 400;\"> ou vendem produtos como e-commerce<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Isso significa aprender sobre seu p\u00fablico e o que eles querem. Significa descobrir como fornecer informa\u00e7\u00f5es cr\u00edticas de forma natural e intuitiva. Acima de tudo, significa ser simples sem muita desordem.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Se voc\u00ea acha que seu site n\u00e3o est\u00e1 bom agora, n\u00e3o se preocupe. Comece a fazer pequenos ajustes no layout com base no comportamento real do cliente e voc\u00ea ainda poder\u00e1 sair na frente.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Quando voc\u00ea considera que o simples ato de atualizar seu site para refletir um design mais moderno pode melhorar as convers\u00f5es em at\u00e9 33%, colocar apenas uma a\u00e7\u00e3o em pr\u00e1tica pode ajudar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Em seguida, continue adicionando e testando elementos ao layout do seu site para torn\u00e1-lo ainda mais amig\u00e1vel.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>No momento de fazer site para empresas, al\u00e9m de pensar em projet\u00e1-lo de forma que carregue rapidamente, \u00e9 essencial criar um layout que converta para obter sucesso online. Por\u00e9m, quando se trata de layout de site, aquele que funciona bem \u00e9 mais do que apenas &#8220;bonito&#8221; ou f\u00e1cil de usar.\u00a0 \u00c9 necess\u00e1rio pensar em cada [&hellip;]<\/p>\n","protected":false},"author":93,"featured_media":5774,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[14],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"Veja como criar um layout de site para aumentar as convers\u00f5es e obter sucesso online em sete passos simples.\u00a0\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pt.venngage.com\/blog\/layout-de-site\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como fazer um layout de site em poucos passos - Venngage Blog\" \/>\n<meta property=\"og:description\" content=\"Veja como criar um layout de site para aumentar as convers\u00f5es e obter sucesso online em sete passos simples.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pt.venngage.com\/blog\/layout-de-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Venngage Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Venngage\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-11T13:13:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-14T14:12:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2022\/03\/layout-de-site.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"576\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@venngage\" \/>\n<meta name=\"twitter:site\" content=\"@venngage\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UpSites\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pt.venngage.com\/blog\/#website\",\"url\":\"https:\/\/pt.venngage.com\/blog\/\",\"name\":\"Venngage Blog\",\"description\":\"Venngage Infogr\\u00e1ficos\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pt.venngage.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/pt.venngage.com\/blog\/layout-de-site\/#primaryimage\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2022\/03\/layout-de-site.png\",\"contentUrl\":\"https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2022\/03\/layout-de-site.png\",\"width\":1024,\"height\":576,\"caption\":\"layout de site\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pt.venngage.com\/blog\/layout-de-site\/#webpage\",\"url\":\"https:\/\/pt.venngage.com\/blog\/layout-de-site\/\",\"name\":\"Como fazer um layout de site em poucos passos - Venngage Blog\",\"isPartOf\":{\"@id\":\"https:\/\/pt.venngage.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pt.venngage.com\/blog\/layout-de-site\/#primaryimage\"},\"datePublished\":\"2022-03-11T13:13:38+00:00\",\"dateModified\":\"2023-06-14T14:12:03+00:00\",\"author\":{\"@id\":\"https:\/\/pt.venngage.com\/blog\/#\/schema\/person\/5cce27af5cc7a217c57d1b90d5728589\"},\"description\":\"Veja como criar um layout de site para aumentar as convers\\u00f5es e obter sucesso online em sete passos simples.\\u00a0\",\"breadcrumb\":{\"@id\":\"https:\/\/pt.venngage.com\/blog\/layout-de-site\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pt.venngage.com\/blog\/layout-de-site\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pt.venngage.com\/blog\/layout-de-site\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/pt.venngage.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design Gr\\u00e1fico\",\"item\":\"https:\/\/pt.venngage.com\/blog\/category\/design-grafico\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Como fazer um layout de site em poucos passos\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/pt.venngage.com\/blog\/#\/schema\/person\/5cce27af5cc7a217c57d1b90d5728589\",\"name\":\"UpSites\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/pt.venngage.com\/blog\/#personlogo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/fdaf5c96832312b80bdc8a6946324560?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/fdaf5c96832312b80bdc8a6946324560?s=96&d=mm&r=g\",\"caption\":\"UpSites\"},\"url\":\"https:\/\/pt.venngage.com\/blog\/author\/upsites\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"description":"Veja como criar um layout de site para aumentar as convers\u00f5es e obter sucesso online em sete passos simples.\u00a0","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pt.venngage.com\/blog\/layout-de-site\/","og_locale":"pt_BR","og_type":"article","og_title":"Como fazer um layout de site em poucos passos - Venngage Blog","og_description":"Veja como criar um layout de site para aumentar as convers\u00f5es e obter sucesso online em sete passos simples.\u00a0","og_url":"https:\/\/pt.venngage.com\/blog\/layout-de-site\/","og_site_name":"Venngage Blog","article_publisher":"https:\/\/www.facebook.com\/Venngage","article_published_time":"2022-03-11T13:13:38+00:00","article_modified_time":"2023-06-14T14:12:03+00:00","og_image":[{"width":1024,"height":576,"url":"https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2022\/03\/layout-de-site.png","type":"image\/png"}],"twitter_card":"summary","twitter_creator":"@venngage","twitter_site":"@venngage","twitter_misc":{"Written by":"UpSites","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/pt.venngage.com\/blog\/#website","url":"https:\/\/pt.venngage.com\/blog\/","name":"Venngage Blog","description":"Venngage Infogr\u00e1ficos","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pt.venngage.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"ImageObject","@id":"https:\/\/pt.venngage.com\/blog\/layout-de-site\/#primaryimage","inLanguage":"pt-BR","url":"https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2022\/03\/layout-de-site.png","contentUrl":"https:\/\/venngage-wordpress-pt.s3.amazonaws.com\/uploads\/2022\/03\/layout-de-site.png","width":1024,"height":576,"caption":"layout de site"},{"@type":"WebPage","@id":"https:\/\/pt.venngage.com\/blog\/layout-de-site\/#webpage","url":"https:\/\/pt.venngage.com\/blog\/layout-de-site\/","name":"Como fazer um layout de site em poucos passos - Venngage Blog","isPartOf":{"@id":"https:\/\/pt.venngage.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pt.venngage.com\/blog\/layout-de-site\/#primaryimage"},"datePublished":"2022-03-11T13:13:38+00:00","dateModified":"2023-06-14T14:12:03+00:00","author":{"@id":"https:\/\/pt.venngage.com\/blog\/#\/schema\/person\/5cce27af5cc7a217c57d1b90d5728589"},"description":"Veja como criar um layout de site para aumentar as convers\u00f5es e obter sucesso online em sete passos simples.\u00a0","breadcrumb":{"@id":"https:\/\/pt.venngage.com\/blog\/layout-de-site\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pt.venngage.com\/blog\/layout-de-site\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pt.venngage.com\/blog\/layout-de-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/pt.venngage.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Design Gr\u00e1fico","item":"https:\/\/pt.venngage.com\/blog\/category\/design-grafico\/"},{"@type":"ListItem","position":3,"name":"Como fazer um layout de site em poucos passos"}]},{"@type":"Person","@id":"https:\/\/pt.venngage.com\/blog\/#\/schema\/person\/5cce27af5cc7a217c57d1b90d5728589","name":"UpSites","image":{"@type":"ImageObject","@id":"https:\/\/pt.venngage.com\/blog\/#personlogo","inLanguage":"pt-BR","url":"https:\/\/secure.gravatar.com\/avatar\/fdaf5c96832312b80bdc8a6946324560?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fdaf5c96832312b80bdc8a6946324560?s=96&d=mm&r=g","caption":"UpSites"},"url":"https:\/\/pt.venngage.com\/blog\/author\/upsites\/"}]}},"_links":{"self":[{"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/posts\/5773"}],"collection":[{"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/users\/93"}],"replies":[{"embeddable":true,"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/comments?post=5773"}],"version-history":[{"count":8,"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/posts\/5773\/revisions"}],"predecessor-version":[{"id":8152,"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/posts\/5773\/revisions\/8152"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/media\/5774"}],"wp:attachment":[{"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/media?parent=5773"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/categories?post=5773"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pt.venngage.com\/blog\/wp-json\/wp\/v2\/tags?post=5773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}