{"id":2814,"date":"2019-09-17T00:00:00","date_gmt":"2019-09-17T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/br\/2019\/09\/17\/design-de-sites\/"},"modified":"2019-09-17T00:00:00","modified_gmt":"2019-09-17T00:00:00","slug":"design-de-sites","status":"publish","type":"post","link":"https:\/\/pingback.com\/br\/resources\/design-de-sites\/","title":{"rendered":"Conhe\u00e7a as 10 melhores dicas de design de site para 2020"},"content":{"rendered":"\n

Nunca se faz t\u00e3o importante pensar e executar web design de maneira t\u00e3o otimizada, simplificada e atrativa. Ao logo dos anos, tend\u00eancias e novidades surgem com a proposta de tornar a experi\u00eancia de navega\u00e7\u00e3o mais positiva e facilitada. Para 2020, a ideia de design de site<\/a> tenta se manter nessa linha, pensando tanto em interface quanto funcionalidade<\/strong>.<\/p>\n\n\n\n

Alguns conceitos se mostram inflex\u00edveis, devido \u00e0 aceita\u00e7\u00e3o que tiveram, como minimalismo, elementos em 3D e os layouts escuros. Al\u00e9m disso, h\u00e1 tamb\u00e9m quest\u00f5es relacionadas ao rankeamento do site nos motores de busca, o que exige que a velocidade do site e o uso de headers sejam fundamentais.<\/p>\n\n\n\n

Neste post, mostraremos o que voc\u00ea precisa saber sobre design de site para 2020<\/strong>. Nossa lista trar\u00e1 as 10 melhores dicas. S\u00e3o elas:<\/p>\n\n\n\n

  1. Priorize a velocidade do site<\/a><\/li>
  2. Coloque um t\u00edtulo descritivo na p\u00e1gina inicial<\/a><\/li>
  3. Repense espa\u00e7os vazios para conectar os usu\u00e1rios<\/a><\/li>
  4. Invista no minimalismo<\/a><\/li>
  5. Chame a aten\u00e7\u00e3o com dicas visuais<\/a><\/li>
  6. Saiba que a dobra da p\u00e1gina ainda \u00e9 relevante<\/a><\/li>
  7. Modere o n\u00edvel de persuas\u00e3o do topo da p\u00e1gina<\/a><\/li>
  8. Aposte em layouts mais escuros<\/a><\/li>
  9. Use elementos 3D imersivos<\/a><\/li>
  10. Priorize rolagem em vez de clique<\/a><\/li><\/ol>\n\n\n\n

    Saiba mais sobre cada uma a seguir!<\/p>\n\n\n\n<\/a>\n\n\n\n

    1. Priorize a velocidade do site<\/h2>\n\n\n\n

    Pensar em design de site<\/a> \u00e9 algo que, naturalmente, nos conduz a refletir sobre as possibilidades de novidades em n\u00edvel de interface. Elementos visuais, ilustra\u00e7\u00f5es e outras caracter\u00edsticas do tipo s\u00e3o parte da rotina do desenvolvedor, no entanto, seu papel tamb\u00e9m \u00e9 projetar como esses itens impactam a navega\u00e7\u00e3o. Um site precisa ser t\u00e3o funcional quanto bonito e moderno<\/strong>.<\/p>\n\n\n\n

    A velocidade de carregamento das p\u00e1ginas deve ser prioridade<\/strong> ao se referir a web design. Escolhas devem ser feitas sempre pensando em como determinada quantidade de elementos visuais v\u00e3o impactar o desempenho das p\u00e1ginas. Esse cuidado est\u00e1 totalmente ligado ao UX<\/a>, ou seja, \u00e0 experi\u00eancia de navega\u00e7\u00e3o no site, cuja relev\u00e2ncia os desenvolvedores entendem bem.<\/p>\n\n\n\n

    Portanto, o uso de novidades e tend\u00eancias deve ser ponderado diante da maior import\u00e2ncia de ter um site que rode bem em qualquer plataforma e que carregue suas p\u00e1ginas rapidamente. Esse \u00e9, inclusive, um par\u00e2metro de SEO que impacta rankeamento de motores de busca, como o Google<\/strong>. Sites e blogs<\/a> lentos n\u00e3o ficam na primeira p\u00e1gina de resultados!<\/p>\n\n\n\n<\/a>\n\n\n\n

    2. Coloque um t\u00edtulo descritivo na p\u00e1gina inicial<\/h2>\n\n\n\n

    Ainda falando sobre SEO<\/a>, homepages precisam ser mais sucintas e, principalmente, objetivas. Usu\u00e1rios, quando chegam a um site, querem uma resposta imediata que v\u00e1 ao encontro do que eles buscavam. Esse \u00e9 o retorno positivo que indica que eles est\u00e3o realmente no ambiente certo. O uso de um t\u00edtulo descritivo na p\u00e1gina inicial leva para esse caminho de forma objetiva e precisa<\/strong>.<\/p>\n\n\n\n

    H\u00e1 alguns par\u00e2metros t\u00e9cnicos que devem ser considerados ao planejar a homepage dessa maneira. O primeiro deles \u00e9 o uso da palavra-chave<\/strong>, item essencial e que ajuda p\u00e1ginas a rankearem melhor nos motores de busca. Um usu\u00e1rio usar\u00e1 esses termos em suas buscas e, se o site tamb\u00e9m inclui essa palavra-chave na sua home, a p\u00e1gina \u00e9 encontrada mais facilmente.<\/p>\n\n\n\n

    \"\"<\/figure><\/div>\n\n\n\n

    O ideal tamb\u00e9m \u00e9 que a palavra-chave em quest\u00e3o esteja em uma formata\u00e7\u00e3o de destaque<\/strong>, ou seja, em um heading. Esse \u00e9 um outro par\u00e2metro de rankeamento muito importante.<\/p>\n\n\n\n

    Quanto ao texto que segue o t\u00edtulo descritivo, \u00e9 importante que ele informe sobre o site ou sobre o produto ou servi\u00e7o que ele entrega. Esse conte\u00fado precisa ser descritivo, objetivo e pequeno.<\/p>\n\n\n\n<\/a>\n\n\n\n

    3. Repense espa\u00e7os vazios para conectar os usu\u00e1rios<\/h2>\n\n\n\n

    Ao visualizar uma p\u00e1gina, usu\u00e1rios tendem a ter sua aten\u00e7\u00e3o captada pelos elementos que est\u00e3o \u00e0 frente dos seus olhos. Uma s\u00e9rie de detalhes guia o entendimento do que ele enxerga; entre eles, o espa\u00e7amento entre os elementos. <\/p>\n\n\n\n

    Se voc\u00ea for mais atento, certamente j\u00e1 reparou que, ultimamente, sites t\u00eam deixado grandes espa\u00e7os em branco nas laterais ou entre se\u00e7\u00f5es, isso na vertical.<\/p>\n\n\n\n

    N\u00e3o necessariamente esses trechos s\u00e3o realmente na cor branca, mas o conceito \u00e9 que eles estejam vazios, ou seja, somente com a cor de fundo do site. <\/p>\n\n\n\n

    Sem textos, sem imagens ou qualquer layout, a ideia \u00e9 simples: gerar a ideia de vazio para que, automaticamente, a aten\u00e7\u00e3o do usu\u00e1rio seja captada aos elementos presentes<\/strong>. Por isso, tudo que estiver no site ficar\u00e1 mais destacado.<\/p>\n\n\n\n

    \"\"<\/figure><\/div>\n\n\n\n

    A estrat\u00e9gia \u00e9 conectar o usu\u00e1rio com os textos e com as imagens de maneira mais precisa e pouco confusa. Para isso, o design \u00e9 projetado de maneira mais minimalista, deixando grandes \u00e1reas vazias e, entre elas, ou at\u00e9 no meio delas, s\u00e3o posicionadas as informa\u00e7\u00f5es e elemento que precisam ter o destaque. Para 2020, essa tend\u00eancia de design de site ter\u00e1 muita for\u00e7a!<\/p>\n\n\n\n<\/a>\n\n\n\n

    4. Invista no minimalismo<\/h2>\n\n\n\n

    O minimalismo \u00e9 a base de conceito da tend\u00eancia de que falamos acima, dos espa\u00e7os vazios. Menos \u00e9 mais e n\u00e3o d\u00e1 para dizer que isso \u00e9 algo que \u00e9 proposto agora. <\/p>\n\n\n\n

    O conceito de minimalismo est\u00e1 presente no design j\u00e1 h\u00e1 alguns anos e, naturalmente, o web design<\/a> \u00e9 mais uma vertente que tem se aproveitado dessa proposta. Em 2020 isso n\u00e3o deve mudar, j\u00e1 que os resultados s\u00e3o satisfat\u00f3rios!<\/p>\n\n\n\n

    Sites minimalistas, s\u00f3 pela sua constru\u00e7\u00e3o visual, chamam muito mais aten\u00e7\u00e3o dos usu\u00e1rios em rela\u00e7\u00e3o a outros que contam com muitos elementos<\/strong>. <\/p>\n\n\n\n

    Isso ter a ver com psicologia, uma vez que a mente humana tende a ter maior concentra\u00e7\u00e3o em elementos que s\u00e3o posicionados sozinhos em espa\u00e7os maiores. Por isso dizemos que o uso de espa\u00e7os vazios parte do conceito de minimalismo!<\/p>\n\n\n\n

    \"\"<\/figure><\/div>\n\n\n\n

    O foco precisa ser dado ao que realmente importa: textos, imagens e links<\/strong> importantes que levam para outras p\u00e1ginas dentro do site. Quando esses pontos s\u00e3o projetados em uma interface mais enxuta, a tend\u00eancia \u00e9 que o usu\u00e1rio se sinta mais confort\u00e1vel e atra\u00eddo pelo que \u00e9 relevante.<\/p>\n\n\n\n<\/a>\n\n\n\n

    5. Chame a aten\u00e7\u00e3o com dicas visuais<\/h2>\n\n\n\n

    O apelo visual \u00e9 algo que precisa ser usado no design de sites. Usu\u00e1rios est\u00e3o mais prop\u00edcios a dedicar aten\u00e7\u00e3o a formas, imagens e ilustra\u00e7\u00f5es<\/strong>, especialmente quando escolhidas com cuidado. Trata-se de compor todas as informa\u00e7\u00f5es que s\u00e3o mostradas no site da maneira mais did\u00e1tica poss\u00edvel. O ideal \u00e9 que as dicas visuais sejam parte de um texto, por exemplo.<\/p>\n\n\n\n

    H\u00e1 uma express\u00e3o popular, pouco amig\u00e1vel, mas que ajuda a entender de maneira bem-humorada esse conceito: “entendeu ou quer que eu desenhe?”. <\/p>\n\n\n\n

    Basicamente, \u00e9 isso que deve ser projetado, ou seja, imagens que ajudem o usu\u00e1rio a entender a mensagem que \u00e9 transmitida. N\u00e3o necessariamente elas precisam ser explicativas, mas \u00e9 ideal que complementem uma ideia.<\/p>\n\n\n\n

    As dicas visuais nem sempre s\u00e3o imagens, mas podem ser pequenos elementos visuais que at\u00e9 mesmo direcionem o campo visual para o qual se deseja que o usu\u00e1rio dedique aten\u00e7\u00e3o. Essa \u00e9 uma estrat\u00e9gia precisa para garantir que o site seja compreendido e consumido da maneira certa.<\/p>\n\n\n\n<\/a>\n\n\n\n

    6. Saiba que a dobra da p\u00e1gina ainda \u00e9 relevante<\/h2>\n\n\n\n

    Cada vez mais o design de site \u00e9 pensado para que o consumo das p\u00e1ginas seja feito de maneira intuitiva e funcional<\/strong>. Por isso, ultimamente o scroll tem sido cada vez mais importante, j\u00e1 que alguns designs pensam em p\u00e1ginas sem divis\u00e3o, ou seja, sem dobra. A proposta \u00e9 que isso gere no usu\u00e1rio a ideia de que o conte\u00fado n\u00e3o est\u00e1 em divis\u00f5es visuais, al\u00e9m da quest\u00e3o funcional.<\/p>\n\n\n\n

    Por mais que essas p\u00e1ginas sejam mais convidativas, j\u00e1 que trazem um consumo cont\u00ednuo do conte\u00fado, o usu\u00e1rio ainda tem um entendimento diferente. Quando um site \u00e9 carregado, naturalmente, as p\u00e1ginas trazem conte\u00fados de topo. Tudo que fica na parte de cima, ou seja, que pode ser visto sem que seja necess\u00e1rio rolar a p\u00e1gina, \u00e9 mais consumido em um site.<\/p>\n\n\n\n

    Pesquisas<\/a> feitas com base em mapas de calor de navega\u00e7\u00e3o apontam que a dobra das p\u00e1ginas ainda \u00e9 extremamente relevante. Na pr\u00e1tica, isso significa que os sites precisam ser projetados com informa\u00e7\u00f5es e elementos priorit\u00e1rios posicionados antes da dobra<\/strong>. <\/p>\n\n\n\n

    Isso facilita a entrega de conte\u00fado relevante, garantindo a satisfa\u00e7\u00e3o do usu\u00e1rio, al\u00e9m de boa experi\u00eancia de navega\u00e7\u00e3o.<\/p>\n\n\n\n<\/a>\n\n\n\n

    7. Modere o n\u00edvel de persuas\u00e3o do topo da p\u00e1gina<\/h2>\n\n\n\n

    O conte\u00fado antes da dobra \u00e9 de grande relev\u00e2ncia, mas isso tamb\u00e9m n\u00e3o significa que tudo de importante do seu site deve parar por ali. Esse primeiro conte\u00fado impacta, chama aten\u00e7\u00e3o, mas, principalmente, gera interesse para uma continuidade. Sendo assim, \u00e9 fundamental continuar entregando o que seu usu\u00e1rio espera, ou seja, desenvolver sua oferta principal do site.<\/p>\n\n\n\n

    Para 2020, \u00e9 muito necess\u00e1rio entender que o tipo da p\u00e1gina do seu site precisa prender o leitor, mas n\u00e3o ser t\u00e3o interessante a ponto de entregar tudo que ele precisa<\/strong>. Na pr\u00e1tica, falando em m\u00e9tricas, se isso for feito o tempo de perman\u00eancia<\/a> nas p\u00e1ginas tende a cair muito.<\/p>\n\n\n\n

    Os algoritmos do Google, por exemplo, podem punir o rankeamento daquela p\u00e1gina por entender que ela n\u00e3o prende a aten\u00e7\u00e3o do usu\u00e1rio. <\/p>\n\n\n\n

    Diante disso, o ideal \u00e9 conduzir quem acessa o site de modo que o engajamento aconte\u00e7a mais \u00e0 frente, com a continuidade abaixo da dobra<\/strong>. Os CTAs<\/a> precisam, preferencialmente, ficar nessa regi\u00e3o, garantindo a aten\u00e7\u00e3o de quem acessa o site.<\/p>\n\n\n\n<\/a>\n\n\n\n

    8. Aposte em layouts mais escuros<\/h2>\n\n\n\n

    O ano de 2019 j\u00e1 nos deu a mostra de que se tem pensado mais em interfaces com cores escuras, em que praticamente o tradicional branco dos planos de fundo \u00e9 trocado pelo preto e pelo cinza escuro.<\/p>\n\n\n\n

    O primeiro grande impacto, quando a proposta foi apresentada em maior escala, foi na atualiza\u00e7\u00e3o do iOS 13, sistema operacional dos celulares da Apple. A apar\u00eancia escura se tornou uma possibilidade de customiza\u00e7\u00e3o nas op\u00e7\u00f5es de configura\u00e7\u00e3o de tela. O tradicional branco \u00e9 automaticamente trocado, em uma altera\u00e7\u00e3o que realmente s\u00f3 muda o fundo.<\/p>\n\n\n\n

    Para 2020, a tend\u00eancia \u00e9 que os layouts escuros tamb\u00e9m cheguem a muitos sites, j\u00e1 que se trata de uma configura\u00e7\u00e3o voltada para par\u00e2metros de UX<\/strong>. As principais motiva\u00e7\u00f5es s\u00e3o duas: primeiramente, o layout escuro ajuda a destacar e valorizar elementos coloridos. Al\u00e9m disso, o tema escuro emite menos luz das telas, o que gera menos agressividade aos olhos do usu\u00e1rio.<\/p>\n\n\n\n

    A ideia \u00e9 propor a possibilidade de selecionar a vers\u00e3o escura em um site, deixando tamb\u00e9m a cargo do usu\u00e1rio. Entre outros benef\u00edcios, essa vers\u00e3o de layout economiza energia dos aparelhos e favorece a resolu\u00e7\u00e3o dos elementos visuais em telas OLED.<\/p>\n\n\n\n<\/a>\n\n\n\n

    9. Use elementos 3D imersivos<\/h2>\n\n\n\n

    A tecnologia 3D n\u00e3o \u00e9 nenhuma novidade, mas n\u00e3o deixa de surpreender e, principalmente, chamar bastante aten\u00e7\u00e3o. A aplica\u00e7\u00e3o em design de site tem sido cada vez mais comum e n\u00e3o tem se limitado apenas \u00e0 intera\u00e7\u00e3o de produtos. De qualquer maneira, esse \u00e9 um recurso que grandes marcas t\u00eam usado, ajudando a explorar itens em todos os seus detalhes e gerando engajamento.<\/p>\n\n\n\n

    Hoje, indo mais al\u00e9m devido ao entendimento do potencial dessa tecnologia, desenvolvedores t\u00eam usado a modelagem em 3D at\u00e9 mesmo para explorar informa\u00e7\u00f5es e se\u00e7\u00f5es dentro dos sites<\/strong>. \u00c9 uma forma de abrir espa\u00e7o para op\u00e7\u00f5es interativas<\/a>, uma vez que elas t\u00eam grande potencial de captar aten\u00e7\u00e3o, aumentar o tempo de perman\u00eancia e, na sequ\u00eancia do fluxo, gerar convers\u00f5es.<\/p>\n\n\n\n

    \"\"<\/figure><\/div>\n\n\n\n

    As raz\u00f5es de o 3D ser um recurso forte para 2020 j\u00e1 se justificam at\u00e9 aqui, quando falamos sobre como ele se mostra interessante. No entanto, h\u00e1 mais por tr\u00e1s disso. O custo do desenvolvimento dessa tecnologia diminuiu significativamente nos \u00faltimos tempos, e por isso cada vez mais as marcas t\u00eam adotado em seus projetos de web design.<\/p>\n\n\n\n<\/a>\n\n\n\n

    10. Priorize rolagem de p\u00e1gina em vez de clique<\/h2>\n\n\n\n

    Em 2020, as p\u00e1ginas ter\u00e3o cada vez menos cliques<\/strong>. A ideia por tr\u00e1s isso \u00e9 simples: tornar a experi\u00eancia de navega\u00e7\u00e3o em uma p\u00e1gina muito mais flu\u00edda e com menos pequenas pausas necess\u00e1rias para clicar. <\/p>\n\n\n\n

    A ideia \u00e9 que todo conte\u00fado esteja em uma interface cont\u00ednua<\/strong>, como se fosse um grande pergaminho digital, em que n\u00e3o seja necess\u00e1rio realizar comandos complexos.<\/p>\n\n\n\n

    Para isso, a rolagem \u00e9 o \u00fanico comando necess\u00e1rio para que todo esse conte\u00fado seja acessado de maneira pr\u00e1tica, confort\u00e1vel e muito mais acess\u00edvel. A tend\u00eancia \u00e9 que, com esse esquema de navega\u00e7\u00e3o, haja menos propens\u00e3o dos usu\u00e1rios em n\u00e3o passarem da primeira dobra.<\/p>\n\n\n\n

    Naturalmente, os CTAs posicionados no rodap\u00e9 ou nas p\u00e1ginas seguintes tendem a receber uma taxa de cliques maior, o que tamb\u00e9m impacta positivamente as convers\u00f5es. De maneira geral, a rolagem em vez dos cliques deixa tudo mais simples, f\u00e1cil e flu\u00eddo<\/strong>.<\/p>\n\n\n\n

    O design de site tem algumas novidades, mas tamb\u00e9m a continuidade de algumas tend\u00eancias para 2020. Para quem trabalha com Marketing Digital<\/a>, atentar a esses detalhes faz toda a diferen\u00e7a. <\/p>\n\n\n\n

    Os sites institucionais seguem como importante elemento na estrat\u00e9gia, ent\u00e3o \u00e9 necess\u00e1rio que eles estejam projetados de maneira moderna e que favore\u00e7a a experi\u00eancia de navega\u00e7\u00e3o.<\/p>\n\n\n\n

    Aproveitando o assunto, confira um ebook que pode guiar voc\u00ea em um processo de redesign de sites<\/a>!<\/p>\n\n\n\n[rock-convert-cta id=”34968″]\n","protected":false},"excerpt":{"rendered":"

    O design de site \u00e9 um trabalho que precisa pensar em duas bases: uma boa apresenta\u00e7\u00e3o visual, que seja atrativa ao usu\u00e1rio, e funcionalidade na experi\u00eancia de navega\u00e7\u00e3o. A partir disso, \u00e9 poss\u00edvel projetar quais s\u00e3o as dicas de desenvolvimento de sites mais importantes para 2020.<\/p>\n","protected":false},"author":1,"featured_media":20987,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-2814","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech"],"yoast_head":"\nDesign de Sites: 10 dicas imperd\u00edveis para 2020!<\/title>\n<meta name=\"description\" content=\"As dicas de design de site que voc\u00ea estava esperando para 2020! Saiba quais s\u00e3o as 10 principais e por que elas ser\u00e3o importantes.\" \/>\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\/design-de-sites\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design de Sites: 10 dicas imperd\u00edveis para 2020!\" \/>\n<meta property=\"og:description\" content=\"As dicas de design de site que voc\u00ea estava esperando para 2020! Saiba quais s\u00e3o as 10 principais e por que elas ser\u00e3o importantes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/br\/resources\/design-de-sites\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-17T00: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=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/design-de-sites\/\",\"url\":\"https:\/\/pingback.com\/br\/resources\/design-de-sites\/\",\"name\":\"Design de Sites: 10 dicas imperd\u00edveis para 2020!\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/design-de-sites\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/design-de-sites\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2019-09-17T00:00:00+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\"},\"description\":\"As dicas de design de site que voc\u00ea estava esperando para 2020! Saiba quais s\u00e3o as 10 principais e por que elas ser\u00e3o importantes.\",\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/design-de-sites\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/br\/resources\/design-de-sites\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/design-de-sites\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/design-de-sites\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/br\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Conhe\u00e7a as 10 melhores dicas de design de site para 2020\"}]},{\"@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":"Design de Sites: 10 dicas imperd\u00edveis para 2020!","description":"As dicas de design de site que voc\u00ea estava esperando para 2020! Saiba quais s\u00e3o as 10 principais e por que elas ser\u00e3o importantes.","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\/design-de-sites\/","og_locale":"pt_BR","og_type":"article","og_title":"Design de Sites: 10 dicas imperd\u00edveis para 2020!","og_description":"As dicas de design de site que voc\u00ea estava esperando para 2020! Saiba quais s\u00e3o as 10 principais e por que elas ser\u00e3o importantes.","og_url":"https:\/\/pingback.com\/br\/resources\/design-de-sites\/","og_site_name":"Pingback","article_published_time":"2019-09-17T00: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":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/br\/resources\/design-de-sites\/","url":"https:\/\/pingback.com\/br\/resources\/design-de-sites\/","name":"Design de Sites: 10 dicas imperd\u00edveis para 2020!","isPartOf":{"@id":"https:\/\/pingback.com\/br\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/br\/resources\/design-de-sites\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/br\/resources\/design-de-sites\/#primaryimage"},"thumbnailUrl":"","datePublished":"2019-09-17T00:00:00+00:00","author":{"@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66"},"description":"As dicas de design de site que voc\u00ea estava esperando para 2020! Saiba quais s\u00e3o as 10 principais e por que elas ser\u00e3o importantes.","breadcrumb":{"@id":"https:\/\/pingback.com\/br\/resources\/design-de-sites\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/br\/resources\/design-de-sites\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/design-de-sites\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/br\/resources\/design-de-sites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/br\/resources\/"},{"@type":"ListItem","position":2,"name":"Conhe\u00e7a as 10 melhores dicas de design de site para 2020"}]},{"@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\/2814","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=2814"}],"version-history":[{"count":0,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/2814\/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=2814"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/categories?post=2814"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/tags?post=2814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}