{"id":3717,"date":"2017-02-06T21:02:32","date_gmt":"2017-02-07T00:02:32","guid":{"rendered":"https:\/\/www.kadunew.com\/blog\/?p=3717"},"modified":"2017-04-16T13:23:22","modified_gmt":"2017-04-16T16:23:22","slug":"otimizando-imagens-para-wordpress","status":"publish","type":"post","link":"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress","title":{"rendered":"Otimizando Imagens para WordPress"},"content":{"rendered":"<p>Otimizando imagens \u00e9 uma \u00f3tima maneira de melhorar a performance de um site e melhorar o desempenho do seu SEO. As imagens podem tornar-se um componente importante de sua estrat\u00e9gia de SEO, tamb\u00e9m.<br \/>\nVeja um resumo de como otimizar suas imagens no WordPress<\/p>\n<p><!--more--><\/p>\n<h2>Preparando a imagem<\/h2>\n<p>Primeira coisa que devemos fazer \u00e9 ter certeza que a imagem est\u00e1 mas dimens\u00f5es desejada. A regra \u00e9 simples. N\u00e3o redimensione suas imagens no HTML ou no CSS para diminuir seu tamanho. Caso precise de uma imagem menor voc\u00ea deve cortar ou redimensionar usando um editor de imagens e logo em seguida exporta-la j\u00e1 com o tamanho que deseja.<\/p>\n<p>Mesmo que o WordPress redimensione sua imagem na \u00e1rea do conte\u00fado o tamanho em bytes da imagem ser\u00e1 o mesmo. Logo isso \u00e9 completamente desnecess\u00e1rio, pois teremos uma imagem com dimens\u00f5es menores e o tamanho em bytes de uma imagem grande. Isso contribui para o tempo de carregamento do seu site. J\u00e1 diminuindo ou cortando a imagem conseguimos reduzir o tamanho do arquivo.<\/p>\n<h2>Compactando a imagem<\/h2>\n<p>Para compactar ainda mais o tamanho das imagens, considere instalar um plugin pra essa finalidade:<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\">https:\/\/wordpress.org\/plugins\/wp-smushit\/<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer\/\">https:\/\/wordpress.org\/plugins\/ewww-image-optimizer\/<\/a><\/li>\n<\/ul>\n<p>O EWWW Image Optimizer \u00e9 um plugin para o WordPress que <strong>reduz o tamanho dos arquivos<\/strong> &#8211; sem perder qualidade de imagem &#8211; utilizando uma forma de compacta\u00e7\u00e3o que remove da imagem informa\u00e7\u00f5es desnecess\u00e1rias como meta dados, camadas, informa\u00e7\u00f5es de cores, etc.<\/p>\n<figure id=\"attachment_3721\" aria-describedby=\"caption-attachment-3721\" style=\"width: 575px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2015\/04\/plugin-otimizar-imagens.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2015\/04\/plugin-otimizar-imagens.jpg\" alt=\"Plugin EWWW - compacta\u00e7\u00e3o de imagens para WordPress\" width=\"575\" height=\"188\" class=\"size-full wp-image-3721\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2015\/04\/plugin-otimizar-imagens.jpg 575w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2015\/04\/plugin-otimizar-imagens-300x98.jpg 300w\" sizes=\"(max-width: 575px) 100vw, 575px\" \/><\/a><figcaption id=\"caption-attachment-3721\" class=\"wp-caption-text\">Plugin EWWW &#8211; compactar imagens para WordPress<\/figcaption><\/figure>\n<p>O EWWW Image Optimizer \u00e9 capaz de comprimir as imagens automaticamente quando voc\u00ea carreg\u00e1-las, ou voc\u00ea pode us\u00e1-lo para comprimir as imagens existentes em sua biblioteca de m\u00eddia.<\/p>\n<p>Caso n\u00e3o queira adicionar um plugin para fazer esse trabalho, voc\u00ea pode usar ferramentas online similares. Eu recomendo o <a href=\"https:\/\/kraken.io\/\" title=\"Compactar imagens online\" target=\"_blank\">Kraken.io<\/a>.<\/p>\n<p>Uma opini\u00e3o bem pessoal: caso seu site tenha uma m\u00e9dia de tr\u00eas imagens  por post recomendo usar ferramentas online de compacta\u00e7\u00e3o.<\/p>\n<h2>Otimizando imagens para SEO<\/h2>\n<p>Depois de ajustar as dimens\u00f5es da imagem e compactar seu tamanho, chegou a hora de otimizar para SEO.<\/p>\n<p>Quando inserimos imagens no WordPress atrav\u00e9s do bot\u00e3o Adicionar M\u00eddia h\u00e1 quatro campos que podem ser preenchidos a respeito da imagem, s\u00e3o eles:<\/p>\n<figure id=\"attachment_3720\" aria-describedby=\"caption-attachment-3720\" style=\"width: 471px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2015\/04\/otimizando-performance-e-seo.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2015\/04\/otimizando-performance-e-seo.jpg\" alt=\"Imagem otimizada no WordPress\" width=\"471\" height=\"252\" class=\"size-full wp-image-3720\" srcset=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2015\/04\/otimizando-performance-e-seo.jpg 471w, https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2015\/04\/otimizando-performance-e-seo-300x161.jpg 300w\" sizes=\"(max-width: 471px) 100vw, 471px\" \/><\/a><figcaption id=\"caption-attachment-3720\" class=\"wp-caption-text\">Inserindo imagem otimizada no WordPress<\/figcaption><\/figure>\n<p><strong>T\u00edtulo de Imagem<\/strong>: O campo de t\u00edtulo da imagem \u00e9 automaticamente preenchido com o nome do arquivo da imagem. Sempre dar suas imagens um t\u00edtulo relevante, incluindo palavras-chave relevantes, sempre que poss\u00edvel. O t\u00edtulo da imagem \u00e9 um dos fatores de maior ranking de SEO, mas o campo tamb\u00e9m \u00e9 importante para organizar sua biblioteca de m\u00eddia &#8211; que ajuda a encontrar a imagem que voc\u00ea quer.<\/p>\n<p><strong>Legenda<\/strong>: texto abaixo da imagem usado para explicar o que a imagem est\u00e1 mostrando. Ele n\u00e3o tem muito impacto sobre SEO, e \u00e9 mais para ajudar os visitantes a entender a imagem.<\/p>\n<p><strong>Alt Texto<\/strong>: O texto alternativo \u00e9 o fator de classifica\u00e7\u00e3o SEO mais importante, uma vez que se comunica diretamente com os motores de busca. Google vai analisar especificamente o texto alt para determinar do que se trata a imagem. Por isso \u00e9 importante que voc\u00ea preencha este campo com palavras-chave relevantes. Como o t\u00edtulo da imagem tamb\u00e9m \u00e9 um fator ranking, eu recomendo usar um texto alternativo que difere de seu t\u00edtulo da imagem.<\/p>\n<p><strong>Descri\u00e7\u00e3o<\/strong>: A descri\u00e7\u00e3o \u00e9 provavelmente o menos importante para fins de SEO, mas pode ser \u00fatil para ajudar a organizar a sua biblioteca de m\u00eddia.<\/p>\n<p><strong>Considera\u00e7\u00f5es Finais:<\/strong> Os mecanismos de busca consideram bastante o conte\u00fado de imagens. As imagens contam muito para a relev\u00e2ncia do seu site, \u00e9 por isso que devemos otimiz\u00e1-las.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Otimizando imagens \u00e9 uma \u00f3tima maneira de melhorar a performance de um site e melhorar o desempenho do seu SEO. As imagens podem tornar-se um componente importante de sua estrat\u00e9gia de SEO, tamb\u00e9m. Veja um resumo de como otimizar suas imagens no WordPress<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[],"class_list":["post-3717","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Otimizando Imagens para WordPress<\/title>\n<meta name=\"description\" content=\"Veja algumas maneiras de otimizar suas imagens no WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Otimizando Imagens para WordPress\" \/>\n<meta property=\"og:description\" content=\"Veja algumas maneiras de otimizar suas imagens no WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress\" \/>\n<meta property=\"og:site_name\" content=\"KADUNEW\" \/>\n<meta property=\"article:published_time\" content=\"2017-02-07T00:02:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-04-16T16:23:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2015\/04\/plugin-otimizar-imagens.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"575\" \/>\n\t<meta property=\"og:image:height\" content=\"188\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kadu Oliveira\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kadu Oliveira\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress\",\"url\":\"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress\",\"name\":\"Otimizando Imagens para WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2015\/04\/plugin-otimizar-imagens.jpg\",\"datePublished\":\"2017-02-07T00:02:32+00:00\",\"dateModified\":\"2017-04-16T16:23:22+00:00\",\"author\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05\"},\"description\":\"Veja algumas maneiras de otimizar suas imagens no WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress#primaryimage\",\"url\":\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2015\/04\/plugin-otimizar-imagens.jpg\",\"contentUrl\":\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2015\/04\/plugin-otimizar-imagens.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.kadunew.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress\",\"item\":\"https:\/\/www.kadunew.com\/blog\/category\/wordpress\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Otimizando Imagens para WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#website\",\"url\":\"https:\/\/www.kadunew.com\/blog\/\",\"name\":\"KADUNEW\",\"description\":\"Artigos sobre Front-End e Programa\u00e7\u00e3o web\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.kadunew.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05\",\"name\":\"Kadu Oliveira\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g\",\"caption\":\"Kadu Oliveira\"},\"sameAs\":[\"https:\/\/www.kadunew.com\/blog\"],\"url\":\"https:\/\/www.kadunew.com\/blog\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Otimizando Imagens para WordPress","description":"Veja algumas maneiras de otimizar suas imagens no WordPress.","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:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress","og_locale":"pt_BR","og_type":"article","og_title":"Otimizando Imagens para WordPress","og_description":"Veja algumas maneiras de otimizar suas imagens no WordPress.","og_url":"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress","og_site_name":"KADUNEW","article_published_time":"2017-02-07T00:02:32+00:00","article_modified_time":"2017-04-16T16:23:22+00:00","og_image":[{"width":575,"height":188,"url":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2015\/04\/plugin-otimizar-imagens.jpg","type":"image\/jpeg"}],"author":"Kadu Oliveira","twitter_misc":{"Escrito por":"Kadu Oliveira","Est. tempo de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress","url":"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress","name":"Otimizando Imagens para WordPress","isPartOf":{"@id":"https:\/\/www.kadunew.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress#primaryimage"},"image":{"@id":"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress#primaryimage"},"thumbnailUrl":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2015\/04\/plugin-otimizar-imagens.jpg","datePublished":"2017-02-07T00:02:32+00:00","dateModified":"2017-04-16T16:23:22+00:00","author":{"@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05"},"description":"Veja algumas maneiras de otimizar suas imagens no WordPress.","breadcrumb":{"@id":"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress#primaryimage","url":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2015\/04\/plugin-otimizar-imagens.jpg","contentUrl":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2015\/04\/plugin-otimizar-imagens.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.kadunew.com\/blog\/wordpress\/otimizando-imagens-para-wordpress#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.kadunew.com\/blog"},{"@type":"ListItem","position":2,"name":"WordPress","item":"https:\/\/www.kadunew.com\/blog\/category\/wordpress"},{"@type":"ListItem","position":3,"name":"Otimizando Imagens para WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.kadunew.com\/blog\/#website","url":"https:\/\/www.kadunew.com\/blog\/","name":"KADUNEW","description":"Artigos sobre Front-End e Programa\u00e7\u00e3o web","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kadunew.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05","name":"Kadu Oliveira","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g","caption":"Kadu Oliveira"},"sameAs":["https:\/\/www.kadunew.com\/blog"],"url":"https:\/\/www.kadunew.com\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/3717"}],"collection":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/comments?post=3717"}],"version-history":[{"count":12,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/3717\/revisions"}],"predecessor-version":[{"id":4529,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/3717\/revisions\/4529"}],"wp:attachment":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/media?parent=3717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/categories?post=3717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/tags?post=3717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}