{"id":2364,"date":"2017-04-03T11:29:25","date_gmt":"2017-04-03T14:29:25","guid":{"rendered":"https:\/\/seriea.digital\/blog1\/?p=2364"},"modified":"2017-04-04T11:14:26","modified_gmt":"2017-04-04T14:14:26","slug":"tutorial-4-dicas-de-ouro-para-capa-da-sua-loja","status":"publish","type":"post","link":"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/","title":{"rendered":"#Tutorial: 4 dicas de ouro para a capa da sua loja"},"content":{"rendered":"<h3>Saiba como a imagem pode te ajudar a vender mais<\/h3>\n<p>Banner principal \u00e9 a imagem em destaque do seu <a href=\"https:\/\/seriea.digital\/blog1\/\">site<\/a>. Seria o outdoor da sua loja, e por isso \u00e9 muito importante na hora de vender.<\/p>\n<p>O banner principal \u00e9 a capa da sua loja. \u00c9 importante que mostre o que sua loja quer passar ao consumidor: seguran\u00e7a, profissionalismo e bom gosto.<br \/>\nConfira nossas 5 dicas para criar o banner perfeito:<\/p>\n<p><strong>1- Escolha imagens de boa qualidade<\/strong><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-2365 \" src=\"https:\/\/seriea.digital\/blog1\/wp-content\/uploads\/2017\/03\/resolucao1.jpg\" alt=\"\" width=\"467\" height=\"283\" \/><\/p>\n<p><!--more--><\/p>\n<p>A resolu\u00e7\u00e3o da imagem faz toda a diferen\u00e7a. Invista em imagens com uma boa qualidade.<\/p>\n<p>Prefira fotos tiradas em c\u00e2meras digitais ou com celular que tirem fotos em alta resolu\u00e7\u00e3o.<\/p>\n<p><strong>2- O tamanho da imagem tamb\u00e9m influencia<\/strong><\/p>\n<p>Prefira imagens de boa qualidade, mas que sejam pequenas de tamanho.\u00a0Se a imagem \u00e9 muito pesada, o site vai demorar para carregar.<\/p>\n<p>Para ver o tamanho da imagem, salve ela no meu computador e depois clique com o bot\u00e3o direito do mouse. Vai em propriedades como na imagem abaixo:<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2368 size-full\" src=\"https:\/\/seriea.digital\/blog1\/wp-content\/uploads\/2017\/03\/tutorial-2.jpg\" alt=\"\" width=\"490\" height=\"685\" srcset=\"https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/tutorial-2.jpg 490w, https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/tutorial-2-215x300.jpg 215w, https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/tutorial-2-250x349.jpg 250w, https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/tutorial-2-129x180.jpg 129w, https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/tutorial-2-358x500.jpg 358w\" sizes=\"(max-width: 490px) 100vw, 490px\" \/><\/p>\n<p>Aparecer\u00e1 a tela abaixo:<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2369 size-full\" src=\"https:\/\/seriea.digital\/blog1\/wp-content\/uploads\/2017\/03\/tutorial-2-1.jpg\" alt=\"\" width=\"365\" height=\"508\" srcset=\"https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/tutorial-2-1.jpg 365w, https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/tutorial-2-1-216x300.jpg 216w, https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/tutorial-2-1-250x348.jpg 250w, https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/tutorial-2-1-129x180.jpg 129w, https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/tutorial-2-1-359x500.jpg 359w\" sizes=\"(max-width: 365px) 100vw, 365px\" \/><\/p>\n<p>O tamanho ideal \u00e9 KB, pois \u00e9 o menor tamanho poss\u00edvel. Em ordem crescente de tamanho teremos:<\/p>\n<p>byte&gt; kb &gt; mb &gt; gb &gt; tb<\/p>\n<p>1 mb s\u00e3o 1024kb, 1gb s\u00e3o 1024mb<\/p>\n<p>Ou seja,<\/p>\n<p>1 terabyte = 1.024 gigabyte = 1.048.576 megabyte = 1.073.741.824 kilobyte.<\/p>\n<p><strong>3- \u00a0As informa\u00e7\u00f5es do banner devem estar centralizados<\/strong><\/p>\n<p>Os banners responsivos (que se adaptam no celular), precisam se adaptarem do tamanho da tela de celular. Isto \u00e9, acabam diminuindo de tamanho para a imagem ser visualizada inteira.<\/p>\n<p>A <a href=\"https:\/\/seriea.digital\/blog1\/contato\">Seri.e<\/a> recomenda para as principais informa\u00e7\u00f5es o tamanho de\u00a01170px, que \u00e9 a visualiza\u00e7\u00e3o na maioria dos computadores, devido ao grande n\u00famero de pessoas que utilizam\u00a0o notebooks no Brasil.<\/p>\n<p>O banner ficaria assim:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2366 size-full\" src=\"https:\/\/seriea.digital\/blog1\/wp-content\/uploads\/2017\/03\/banner-tutorial.png\" alt=\"\" width=\"1307\" height=\"357\" srcset=\"https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/banner-tutorial.png 1307w, https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/banner-tutorial-300x82.png 300w, https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/banner-tutorial-768x210.png 768w, https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/banner-tutorial-1024x280.png 1024w, https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/banner-tutorial-250x68.png 250w, https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/banner-tutorial-550x150.png 550w, https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/banner-tutorial-800x219.png 800w, https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/banner-tutorial-659x180.png 659w, https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/banner-tutorial-1098x300.png 1098w\" sizes=\"(max-width: 1307px) 100vw, 1307px\" \/><\/p>\n<p><strong>4- Use sua criatividade!<\/strong><\/p>\n<p>Abuse da sua criatividade. Crie imagens que chamem a aten\u00e7\u00e3o dos seus clientes e <a href=\"https:\/\/seriea.digital\/blog1\/\">atraia<\/a> mais vendas para a sua loja.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/s-media-cache-ak0.pinimg.com\/564x\/2e\/24\/d3\/2e24d3d6016bee6d79bce2878f6d2296.jpg\" alt=\"simple small product sweep cloth A Portable And Inexpensive Seamless Background System: \" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Quer uma loja profissional? <a href=\"https:\/\/seriea.digital\/blog1\/\">Clique aqui<\/a> e entre em contato conosco!<\/h3>\n","protected":false},"excerpt":{"rendered":"<p>Saiba como a imagem pode te ajudar a vender mais Banner principal \u00e9 a imagem em destaque do seu site. Seria o outdoor da sua loja, e por isso \u00e9 muito importante na hora de vender. O banner principal \u00e9 a capa da sua loja. \u00c9 importante que mostre o que sua loja quer passar [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":2375,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19,25,15,84],"tags":[24,26,50,28,17,23,71],"class_list":["post-2364","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-ecommerce","category-mercadoshops","category-tutoriais","tag-e-commerce","tag-ecommerce","tag-layout-mercadoshops","tag-loja-online","tag-loja-virtual","tag-mercadolivre-2","tag-onde-comecar"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>#Tutorial: 4 dicas de ouro para a capa da sua loja - SERI.E DESIGN, ag\u00eancia e-commerce<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"#Tutorial: 4 dicas de ouro para a capa da sua loja - SERI.E DESIGN, ag\u00eancia e-commerce\" \/>\n<meta property=\"og:description\" content=\"Saiba como a imagem pode te ajudar a vender mais Banner principal \u00e9 a imagem em destaque do seu site. Seria o outdoor da sua loja, e por isso \u00e9 muito importante na hora de vender. O banner principal \u00e9 a capa da sua loja. \u00c9 importante que mostre o que sua loja quer passar [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/\" \/>\n<meta property=\"og:site_name\" content=\"SERI.E DESIGN, ag\u00eancia e-commerce\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SERIEDESIGN\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-03T14:29:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-04-04T14:14:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/resolucao1-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"236\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"SERI.E DESIGN\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"SERI.E DESIGN\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/\",\"url\":\"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/\",\"name\":\"#Tutorial: 4 dicas de ouro para a capa da sua loja - SERI.E DESIGN, ag\u00eancia e-commerce\",\"isPartOf\":{\"@id\":\"https:\/\/seriea.digital\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/resolucao1-1.jpg\",\"datePublished\":\"2017-04-03T14:29:25+00:00\",\"dateModified\":\"2017-04-04T14:14:26+00:00\",\"author\":{\"@id\":\"https:\/\/seriea.digital\/blog\/#\/schema\/person\/e6b243027e8754686f5ab0fa3d065187\"},\"breadcrumb\":{\"@id\":\"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/#primaryimage\",\"url\":\"https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/resolucao1-1.jpg\",\"contentUrl\":\"https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/resolucao1-1.jpg\",\"width\":400,\"height\":236},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/seriea.digital\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"#Tutorial: 4 dicas de ouro para a capa da sua loja\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/seriea.digital\/blog\/#website\",\"url\":\"https:\/\/seriea.digital\/blog\/\",\"name\":\"SERI.E DESIGN\",\"description\":\"Ag\u00eancia digital especializada em e-commerce - Desenvolvimento de layout pra E-commerce, Tray Commerce,Wake, Vtex, Deco, Sites. Eleita a ag\u00eancia com melhor atendimento.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/seriea.digital\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/seriea.digital\/blog\/#\/schema\/person\/e6b243027e8754686f5ab0fa3d065187\",\"name\":\"SERI.E DESIGN\",\"sameAs\":[\"https:\/\/seriea.digital\/blog\/\"],\"url\":\"https:\/\/seriea.digital\/blog\/author\/seri-e-design\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"#Tutorial: 4 dicas de ouro para a capa da sua loja - SERI.E DESIGN, ag\u00eancia e-commerce","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:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/","og_locale":"pt_BR","og_type":"article","og_title":"#Tutorial: 4 dicas de ouro para a capa da sua loja - SERI.E DESIGN, ag\u00eancia e-commerce","og_description":"Saiba como a imagem pode te ajudar a vender mais Banner principal \u00e9 a imagem em destaque do seu site. Seria o outdoor da sua loja, e por isso \u00e9 muito importante na hora de vender. O banner principal \u00e9 a capa da sua loja. \u00c9 importante que mostre o que sua loja quer passar [&hellip;]","og_url":"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/","og_site_name":"SERI.E DESIGN, ag\u00eancia e-commerce","article_publisher":"https:\/\/www.facebook.com\/SERIEDESIGN","article_published_time":"2017-04-03T14:29:25+00:00","article_modified_time":"2017-04-04T14:14:26+00:00","og_image":[{"width":400,"height":236,"url":"https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/resolucao1-1.jpg","type":"image\/jpeg"}],"author":"SERI.E DESIGN","twitter_misc":{"Escrito por":"SERI.E DESIGN","Est. tempo de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/","url":"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/","name":"#Tutorial: 4 dicas de ouro para a capa da sua loja - SERI.E DESIGN, ag\u00eancia e-commerce","isPartOf":{"@id":"https:\/\/seriea.digital\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/#primaryimage"},"image":{"@id":"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/#primaryimage"},"thumbnailUrl":"https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/resolucao1-1.jpg","datePublished":"2017-04-03T14:29:25+00:00","dateModified":"2017-04-04T14:14:26+00:00","author":{"@id":"https:\/\/seriea.digital\/blog\/#\/schema\/person\/e6b243027e8754686f5ab0fa3d065187"},"breadcrumb":{"@id":"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/#primaryimage","url":"https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/resolucao1-1.jpg","contentUrl":"https:\/\/seriea.digital\/blog\/wp-content\/uploads\/2017\/03\/resolucao1-1.jpg","width":400,"height":236},{"@type":"BreadcrumbList","@id":"https:\/\/seriea.digital\/blog\/tutorial-4-dicas-de-ouro-para-capa-da-sua-loja\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/seriea.digital\/blog\/"},{"@type":"ListItem","position":2,"name":"#Tutorial: 4 dicas de ouro para a capa da sua loja"}]},{"@type":"WebSite","@id":"https:\/\/seriea.digital\/blog\/#website","url":"https:\/\/seriea.digital\/blog\/","name":"SERI.E DESIGN","description":"Ag\u00eancia digital especializada em e-commerce - Desenvolvimento de layout pra E-commerce, Tray Commerce,Wake, Vtex, Deco, Sites. Eleita a ag\u00eancia com melhor atendimento.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/seriea.digital\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/seriea.digital\/blog\/#\/schema\/person\/e6b243027e8754686f5ab0fa3d065187","name":"SERI.E DESIGN","sameAs":["https:\/\/seriea.digital\/blog\/"],"url":"https:\/\/seriea.digital\/blog\/author\/seri-e-design\/"}]}},"_links":{"self":[{"href":"https:\/\/seriea.digital\/blog\/wp-json\/wp\/v2\/posts\/2364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seriea.digital\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seriea.digital\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seriea.digital\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/seriea.digital\/blog\/wp-json\/wp\/v2\/comments?post=2364"}],"version-history":[{"count":8,"href":"https:\/\/seriea.digital\/blog\/wp-json\/wp\/v2\/posts\/2364\/revisions"}],"predecessor-version":[{"id":2418,"href":"https:\/\/seriea.digital\/blog\/wp-json\/wp\/v2\/posts\/2364\/revisions\/2418"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seriea.digital\/blog\/wp-json\/wp\/v2\/media\/2375"}],"wp:attachment":[{"href":"https:\/\/seriea.digital\/blog\/wp-json\/wp\/v2\/media?parent=2364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seriea.digital\/blog\/wp-json\/wp\/v2\/categories?post=2364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seriea.digital\/blog\/wp-json\/wp\/v2\/tags?post=2364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}