{"id":2692,"date":"2019-08-29T00:00:00","date_gmt":"2019-08-29T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/br\/2019\/08\/29\/layout-de-site\/"},"modified":"2019-08-29T00:00:00","modified_gmt":"2019-08-29T00:00:00","slug":"layout-de-site","status":"publish","type":"post","link":"https:\/\/pingback.com\/br\/resources\/layout-de-site\/","title":{"rendered":"Como fazer o layout de um site em 10 passos"},"content":{"rendered":"\n<p>Algumas pessoas acreditam que apenas estar presente em um ambiente virtual \u00e9 garantia de sucesso. Como voc\u00ea j\u00e1 sabe, por\u00e9m, esse pensamento \u00e9 errado e afeta toda a estrat\u00e9gia de marketing de uma empresa, o que inclui o layout de um <a href=\"https:\/\/rockcontent.com\/br\/blog\/como-criar-um-site\/ \">site<\/a>.<\/p>\n\n\n\n<p>Assim, \u00e9 importante pensar em detalhes que v\u00e3o fazer a diferen\u00e7a para o seu p\u00fablico-alvo e ser\u00e3o capazes de estabelecer o seu <a href=\"https:\/\/rockcontent.com\/br\/blog\/branding\/\" rel=\"noreferrer noopener\" target=\"_blank\">branding<\/a> no mercado.<\/p>\n\n\n\n<p>Uma das coisas que ter\u00e1 um forte impacto nessa quest\u00e3o \u00e9 o <strong>layout do seu site<\/strong>, visto que ele <strong>funciona como um cart\u00e3o de visitas da sua empresa<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Por isso, voc\u00ea precisa pensar em fazer um layout de site que seja atrativo e estimule o cliente a ficar mais tempo em sua p\u00e1gina, garantindo uma boa experi\u00eancia do consumidor com a sua marca.<\/p>\n\n\n\n<p>Mas como fazer isso? Confira agora os 10 passos que voc\u00ea precisa tomar para acertar na hora de fazer o layout do seu <a href=\"https:\/\/rockcontent.com\/br\/blog\/como-fazer-um-site\/\">site<\/a>!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>10 passos para fazer o layout de site<\/strong><\/h2>\n\n\n\n<p>Acompanhe o nosso passo a passo, a seguir, para saber como desenvolver um bom layout de site!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Escolha um bom provedor de hospedagem<\/strong><\/h3>\n\n\n\n<p>O servi\u00e7o de hospedagem vai interferir muito na qualidade do seu site Por isso, <strong>antes de se preocupar com a apar\u00eancia da sua p\u00e1gina na web, \u00e9 preciso escolher um provedor que ofere\u00e7a um servi\u00e7o de qualidade.<\/strong><\/p>\n\n\n\n<p>O pre\u00e7o \u00e9 algo que voc\u00ea deve levar em conta na hora de escolher a hospedagem, mas tomar uma decis\u00e3o pensando apenas nisso pode custar caro. Ent\u00e3o, pense em alguns detalhes que far\u00e3o toda a diferen\u00e7a, como:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>compatibilidade com a plataforma que voc\u00ea pretende usar;<\/li><li>a qualidade do suporte que \u00e9 oferecido;<\/li><li>a performance de velocidade;<\/li><li>se existem materiais de pesquisa que o ajudam a encontrar a solu\u00e7\u00e3o para os problemas que v\u00e3o surgir;<\/li><li>se os recursos adicionais da <a href=\"https:\/\/rockcontent.com\/br\/blog\/host\/\" rel=\"noreferrer noopener\" target=\"_blank\">hospedagem<\/a> podem facilitar o seu dia a dia;<\/li><li>se s\u00e3o feitos <a href=\"https:\/\/rockcontent.com\/br\/blog\/backup\/\" rel=\"noreferrer noopener\" target=\"_blank\">backups<\/a> di\u00e1rios.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Defina a plataforma de cria\u00e7\u00e3o<\/strong><\/h3>\n\n\n\n<p>Fazer a <a href=\"https:\/\/rockcontent.com\/br\/blog\/como-criar-um-site\/\" rel=\"noreferrer noopener\" target=\"_blank\">cria\u00e7\u00e3o de um site<\/a> do zero \u00e9 muito trabalhoso. Por isso voc\u00ea precisa contar com plataformas de cria\u00e7\u00e3o que est\u00e3o dispon\u00edveis no mercado, visto que elas v\u00e3o ajudar na elabora\u00e7\u00e3o de um site que tenha qualidade e seja responsivo, sem grandes dificuldades.<\/p>\n\n\n\n<p>Existem no mercado as plataformas <a href=\"https:\/\/rockcontent.com\/br\/blog\/cms\/\" rel=\"noreferrer noopener\" target=\"_blank\">CMS \u2014 Content Management System<\/a> \u2014 que s\u00e3o sistemas de gerenciamento de conte\u00fado e se apresentam como excelentes ferramentas que facilitam o processo criativo.<\/p>\n\n\n\n<p>Uma das plataformas mais conhecidas \u00e9 o <a href=\"https:\/\/rockcontent.com\/br\/blog\/wordpress\/\" rel=\"noreferrer noopener\" target=\"_blank\">WordPress<\/a>. <a href=\"https:\/\/w3techs.com\/technologies\/overview\/content_management\/all\" rel=\"noreferrer noopener\" target=\"_blank\">Mais de 30% das p\u00e1ginas da internet<\/a> fazem uso dessa ferramenta, isso por que \u00e9<strong> f\u00e1cil de usar, tem \u00f3timas op\u00e7\u00f5es de temas e d\u00e1 a voc\u00ea a possibilidade de personalizar o layout do seu site.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Fa\u00e7a um esbo\u00e7o<\/strong><\/h3>\n\n\n\n<p>Depois de dar os passos anteriores, voc\u00ea precisa definir quais ser\u00e3o os recursos e a apar\u00eancia que o seu site ter\u00e1. Essa etapa pode ser feita \u00e0 m\u00e3o, usando l\u00e1pis e papel, ou com o aux\u00edlio de ferramentas de cria\u00e7\u00e3o de modelos de sites que podem ser instaladas no seu computador.<\/p>\n\n\n\n<p>O importante \u00e9 <strong>criar o seu esbo\u00e7o de modo que ele contenha todos<\/strong> <strong>os elementos que voc\u00ea acha importante no seu site<\/strong>. Sempre que necess\u00e1rio, revise o que foi feito para deix\u00e1-lo a &#8220;cara&#8221; da sua marca.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Configure as ferramentas<\/strong><\/h3>\n\n\n\n<p>Depois de fazer isso, \u00e9 hora de selecionar as ferramentas necess\u00e1rias para que voc\u00ea consiga dar vida \u00e0s suas ideias. Por isso, voc\u00ea deve:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>instalar tudo o que voc\u00ea precisa na plataforma de cria\u00e7\u00e3o;<\/li><li>escolher o layout do seu site, em seguida fazendo sua instala\u00e7\u00e3o e ativa\u00e7\u00e3o;<\/li><li>fazer uso de ferramentas que permitam a modifica\u00e7\u00e3o do que for necess\u00e1rio.<\/li><\/ul>\n\n\n\n<p>Isso vai possibilitar que, na hora de colocar tudo em pr\u00e1tica, o seu prot\u00f3tipo funcione da maneira como voc\u00ea quer e seja atrativo para o p\u00fablico.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Pesquise seu p\u00fablico-alvo<\/strong><\/h3>\n\n\n\n<p>O layout do site da sua empresa precisa ser desenvolvido de modo que se comunique com o seu p\u00fablico-alvo, o que vai ajudar a focar a experi\u00eancia do consumidor.<\/p>\n\n\n\n<p>Na hora de criar o layout do seu site, leve em conta os seguinte aspectos do seu p\u00fablico:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>faixa et\u00e1ria;<\/li><li>\u00e1rea de atua\u00e7\u00e3o no mercado;<\/li><li>onde moram;<\/li><li>g\u00eanero predominante;<\/li><li>o que eles fazem para se divertir.<\/li><\/ul>\n\n\n\n<p>Tamb\u00e9m pesquise outras caracter\u00edsticas que sejam importantes para atrair as pessoas certas para o seu site.<\/p>\n\n\n\n<p>Como conseguir todas essas informa\u00e7\u00f5es? Uma dica \u00e9 usar ferramentas como o <a href=\"https:\/\/rockcontent.com\/br\/blog\/google-analytics\/\" rel=\"noreferrer noopener\" target=\"_blank\">Google Analytics<\/a> e o <a href=\"https:\/\/rockcontent.com\/br\/blog\/facebook-insights\/\" rel=\"noreferrer noopener\" target=\"_blank\">Facebook Insights<\/a>, que v\u00e3o oferecer dados valiosos a respeito do seu p\u00fablico.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>6. Atente-se \u00e0s p\u00e1ginas<\/strong><\/h3>\n\n\n\n<p>Lembre-se de que existem tipos de p\u00e1ginas diferentes que voc\u00ea precisar\u00e1 criar e cada uma delas deve ter as caracter\u00edsticas necess\u00e1rias para chamar a aten\u00e7\u00e3o do seu p\u00fablico.<\/p>\n\n\n\n<p>Pelo menos 5 delas merecem a sua total aten\u00e7\u00e3o:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>home<\/strong> \u2014 a p\u00e1gina inicial, onde voc\u00ea poder\u00e1 adicionar um breve resumo da sua empresa e algumas fotos;<\/li><li><strong>contato<\/strong> \u2014 onde ficar\u00e3o as informa\u00e7\u00f5es necess\u00e1rias para o cliente entrar em contato com a sua empresa (endere\u00e7o, n\u00famero de telefone e e-mail);<\/li><li><strong>sobre a empresa<\/strong> \u2014 ser\u00e1 o seu espa\u00e7o para mostrar quais s\u00e3o os valores da empresa, contar um pouco da sua hist\u00f3ria e descrever o trabalho que voc\u00eas desenvolvem;<\/li><li><strong>produtos<\/strong> \u2014 para mostrar o que voc\u00ea tem a oferecer a fim de resolver um problema do cliente;<\/li><li><a href=\"https:\/\/rockcontent.com\/br\/blog\/como-criar-um-blog\/\" rel=\"noreferrer noopener\" target=\"_blank\"><strong>blog<\/strong><\/a> \u2014 em que voc\u00ea publicar\u00e1 conte\u00fados relevantes que v\u00e3o gerar valor e colaborar para o dia a dia do seu p\u00fablico.<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>7. Pense na navegabilidade<\/strong><\/h3>\n\n\n\n<p>O seu cliente precisa conseguir navegar nas suas p\u00e1ginas com facilidade, o que vai fazer com que ele fique entretido e cada vez mais interessado no que voc\u00ea tem a oferecer.<\/p>\n\n\n\n<p>Independentemente de o site ser acessado em uma tela de computador ou em um dispositivo m\u00f3vel, \u00e9 importante que voc\u00ea<strong> crie um layout de site que seja intuitivo<\/strong>, ou seja, que:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>apresente todas as informa\u00e7\u00f5es certas;<\/li><li>seja simples;<\/li><li>seja f\u00e1cil de usar e coerente.<\/li><\/ul>\n\n\n\n<p>Um dica para isso \u00e9 criar os bot\u00f5es de acesso r\u00e1pido. Mas cuidado para n\u00e3o colocar informa\u00e7\u00f5es demais e confundir o seu cliente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>8. Escolha imagens e cores<\/strong><\/h3>\n\n\n\n<p>Ningu\u00e9m gosta de entrar em uma p\u00e1gina da internet e ter que ficar se esfor\u00e7ando para conseguir visualizar detalhes importantes daquilo que tem vontade de comprar.<\/p>\n\n\n\n<p>Por isso,<strong> invista em imagens de alta resolu\u00e7\u00e3o e apresente as coisas em \u00e2ngulos diferentes.<\/strong> Isso vale tanto para imagens da sua empresa como aquelas que descrevem os produtos e servi\u00e7os que voc\u00ea oferece ao cliente.<\/p>\n\n\n\n<p>Outra coisa importante \u00e9 a escolha das cores, que podem ajudar ou prejudicar as vendas. Lembre-se de que o ser humano faz, de modo autom\u00e1tico, associa\u00e7\u00e3o das <a href=\"https:\/\/rockcontent.com\/br\/blog\/psicologia-das-cores\/\" rel=\"noreferrer noopener\" target=\"_blank\">cores<\/a> com alguns sentimentos. Alguns exemplos s\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>verde<\/strong> \u2014 harmonia, equil\u00edbrio, esperan\u00e7a e perseveran\u00e7a;<\/li><li><strong>azul<\/strong> \u2014 seguran\u00e7a, tranquilidade e clareza mental;<\/li><li><strong>vermelho<\/strong> \u2014 impulso, conquista e autoestima;<\/li><li><strong>roxo<\/strong> \u2014 prosperidade e respeito;<\/li><li><strong>laranja<\/strong> \u2014 movimento e espontaneidade.<\/li><\/ul>\n\n\n\n<p>No layout do seu site, escolha as cores que representam o seu mercado de atua\u00e7\u00e3o. Uma dica importante \u00e9 manter a harmonia entre elas, <strong>sempre colocando o fundo do site claro e usando cores mais escuras nos rodap\u00e9s e nas laterais das p\u00e1ginas.<\/strong><\/p>\n\n\n\n<p>Fazer isso com bom senso vai contribuir para que a sua p\u00e1gina fique bonita e que o cliente n\u00e3o canse os olhos com facilidade.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>9. Coloque o prot\u00f3tipo do layout em pr\u00e1tica<\/strong><\/h3>\n\n\n\n<p>Agora \u00e9 a hora de colocar o seu esbo\u00e7o na plataforma de cria\u00e7\u00e3o que voc\u00ea selecionou. Caso tenha escolhido usar o WordPress, use<a href=\"https:\/\/rockcontent.com\/br\/blog\/melhores-plugins-de-wordpress\/\" rel=\"noreferrer noopener\" target=\"_blank\"> plugins<\/a> para colocar todos os elementos do seu site na ordem em que eles devem aparecer.<\/p>\n\n\n\n<p>Assim, os textos, as categorias do site, as imagens e os v\u00eddeos j\u00e1 ter\u00e3o os espa\u00e7os certos no projeto do seu site. Mas, para isso, voc\u00ea precisa saber exatamente o que quer e onde quer. \u00c9 por isso que \u00e9 t\u00e3o importante fazer um esbo\u00e7o do layout.<\/p>\n\n\n\n<p>Depois que o seu prot\u00f3tipo estiver pronto, voc\u00ea ainda vai identificar alguns elementos que n\u00e3o combinam com o layout ou que n\u00e3o s\u00e3o t\u00e3o bons como voc\u00ea imaginava.<\/p>\n\n\n\n<p>A\u00ed voc\u00ea pode tomar a decis\u00e3o do que manter ou mudar. O importante \u00e9 <strong>prestar aten\u00e7\u00e3o aos detalhes e deixar a sua p\u00e1gina atrativa para o cliente.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>10. Fa\u00e7a testes<\/strong><\/h3>\n\n\n\n<p>Agora que as suas p\u00e1ginas j\u00e1 est\u00e3o prontas, chegou a hora de testar a <a href=\"https:\/\/rockcontent.com\/br\/blog\/site-responsivo-para-o-google\/\" rel=\"noreferrer noopener\" target=\"_blank\">responsividade<\/a> delas. Afinal, ter um site travado pode atrapalhar as suas vendas.<\/p>\n\n\n\n<p>Assim, teste o funcionamento das p\u00e1ginas, verificando como elas est\u00e3o na vers\u00e3o mobile e se s\u00e3o adapt\u00e1veis a diferentes tamanhos de telas. Isso vai garantir que o cliente tenha uma boa experi\u00eancia ao acessar o seu site.<\/p>\n\n\n\n<p>Tamb\u00e9m \u00e9 importante testar a <a href=\"https:\/\/rockcontent.com\/br\/blog\/como-melhorar-a-velocidade-de-carregamento\/\" rel=\"noreferrer noopener\" target=\"_blank\">velocidade de carregamento das p\u00e1ginas<\/a>. Ele precisa ser r\u00e1pido, afinal, a demora pode fazer com que o p\u00fablico desista de acessar o site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Erros mais comuns ao fazer o layout de um site<\/strong><\/h2>\n\n\n\n<p>At\u00e9 agora voc\u00ea conseguiu ver o que \u00e9 preciso fazer para ter um layout de site memor\u00e1vel. Mas, ainda \u00e9 importante lembrar que existem algumas coisas que precisam ser evitadas. S\u00e3o estas:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>usar muitas fontes diferentes na p\u00e1gina, o que acaba tirando o foco do cliente;<\/li><li>n\u00e3o escolher bem as cores;<\/li><li>usar, nos textos, linhas muito compridas e par\u00e1grafos enormes, o que dificulta a leitura;<\/li><li>deixar de implementar um campo de pesquisa;<\/li><li>colocar muita informa\u00e7\u00e3o em uma \u00fanica p\u00e1gina;<\/li><li>construir o site sem conhecer o cliente.<\/li><\/ul>\n\n\n\n<p>Como voc\u00ea viu, criar o layout do seu site \u00e9 importante e exige aten\u00e7\u00e3o. Ao colocar em pr\u00e1tica o passo a passo que mostramos e evitar os erros mais comuns, voc\u00ea conseguir\u00e1 criar um site que atraia mais clientes para a sua empresa.<\/p>\n\n\n\n<p>Gostou de conhecer esse 10 passos para fazer o layout de um site? Quer conhecer um pouco mais sobre a plataforma de cria\u00e7\u00e3o mais usada? Aproveite para conferir <a href=\"https:\/\/rockcontent.com\/br\/blog\/templates-wordpress\/\" rel=\"noreferrer noopener\" target=\"_blank\">os 145 melhores temas gratuitos de WordPress para o seu blog se destacar<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O layout de site \u00e9 como um cart\u00e3o de visitas da sua empresa. Por meio dele voc\u00ea pode estimular o cliente a se interessar pelos seus produtos ou servi\u00e7os e garantir que ele tenha uma boa experi\u00eancia na sua p\u00e1gina. Para conseguir isso, existe um passo a passo que voc\u00ea precisa seguir.<\/p>\n","protected":false},"author":1,"featured_media":18000,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-2692","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>10 passos para fazer o layout de um site<\/title>\n<meta name=\"description\" content=\"Existem 10 passos para voc\u00ea criar um layout de site arrasador. Veja agora quais s\u00e3o e como voc\u00ea colocar cada um deles em pr\u00e1tica!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pingback.com\/br\/resources\/layout-de-site\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 passos para fazer o layout de um site\" \/>\n<meta property=\"og:description\" content=\"Existem 10 passos para voc\u00ea criar um layout de site arrasador. Veja agora quais s\u00e3o e como voc\u00ea colocar cada um deles em pr\u00e1tica!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/br\/resources\/layout-de-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-29T00:00:00+00:00\" \/>\n<meta name=\"author\" content=\"Pingback\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:site\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pingback\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/layout-de-site\/\",\"url\":\"https:\/\/pingback.com\/br\/resources\/layout-de-site\/\",\"name\":\"10 passos para fazer o layout de um site\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/layout-de-site\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/layout-de-site\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2019-08-29T00:00:00+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\"},\"description\":\"Existem 10 passos para voc\u00ea criar um layout de site arrasador. Veja agora quais s\u00e3o e como voc\u00ea colocar cada um deles em pr\u00e1tica!\",\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/layout-de-site\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/br\/resources\/layout-de-site\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/layout-de-site\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/layout-de-site\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/br\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como fazer o layout de um site em 10 passos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\",\"url\":\"https:\/\/pingback.com\/br\/resources\/\",\"name\":\"Pingback Blog\",\"description\":\"Marketing for builders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\",\"name\":\"Pingback\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"caption\":\"Pingback\"},\"description\":\"Pingback: Marketing for builders.\",\"sameAs\":[\"https:\/\/pingback.com\",\"https:\/\/www.instagram.com\/pingbackoficial\/\",\"https:\/\/www.linkedin.com\/company\/pingbackoficial\/\",\"https:\/\/x.com\/pingbackoficial\",\"https:\/\/www.youtube.com\/@pingbackoficial\"],\"url\":\"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 passos para fazer o layout de um site","description":"Existem 10 passos para voc\u00ea criar um layout de site arrasador. Veja agora quais s\u00e3o e como voc\u00ea colocar cada um deles em pr\u00e1tica!","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:\/\/pingback.com\/br\/resources\/layout-de-site\/","og_locale":"pt_BR","og_type":"article","og_title":"10 passos para fazer o layout de um site","og_description":"Existem 10 passos para voc\u00ea criar um layout de site arrasador. Veja agora quais s\u00e3o e como voc\u00ea colocar cada um deles em pr\u00e1tica!","og_url":"https:\/\/pingback.com\/br\/resources\/layout-de-site\/","og_site_name":"Pingback","article_published_time":"2019-08-29T00:00:00+00:00","author":"Pingback","twitter_card":"summary_large_image","twitter_creator":"@pingbackoficial","twitter_site":"@pingbackoficial","twitter_misc":{"Escrito por":"Pingback","Est. tempo de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/br\/resources\/layout-de-site\/","url":"https:\/\/pingback.com\/br\/resources\/layout-de-site\/","name":"10 passos para fazer o layout de um site","isPartOf":{"@id":"https:\/\/pingback.com\/br\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/br\/resources\/layout-de-site\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/br\/resources\/layout-de-site\/#primaryimage"},"thumbnailUrl":"","datePublished":"2019-08-29T00:00:00+00:00","author":{"@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66"},"description":"Existem 10 passos para voc\u00ea criar um layout de site arrasador. Veja agora quais s\u00e3o e como voc\u00ea colocar cada um deles em pr\u00e1tica!","breadcrumb":{"@id":"https:\/\/pingback.com\/br\/resources\/layout-de-site\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/br\/resources\/layout-de-site\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/layout-de-site\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/br\/resources\/layout-de-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/br\/resources\/"},{"@type":"ListItem","position":2,"name":"Como fazer o layout de um site em 10 passos"}]},{"@type":"WebSite","@id":"https:\/\/pingback.com\/br\/resources\/#website","url":"https:\/\/pingback.com\/br\/resources\/","name":"Pingback Blog","description":"Marketing for builders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66","name":"Pingback","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","caption":"Pingback"},"description":"Pingback: Marketing for builders.","sameAs":["https:\/\/pingback.com","https:\/\/www.instagram.com\/pingbackoficial\/","https:\/\/www.linkedin.com\/company\/pingbackoficial\/","https:\/\/x.com\/pingbackoficial","https:\/\/www.youtube.com\/@pingbackoficial"],"url":"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/"}]}},"_links":{"self":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/2692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/comments?post=2692"}],"version-history":[{"count":0,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/2692\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/media?parent=2692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/categories?post=2692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/tags?post=2692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}