{"id":3461,"date":"2021-11-24T17:48:55","date_gmt":"2021-11-24T20:48:55","guid":{"rendered":"https:\/\/temp.leadster.com.br\/blog\/?p=3461"},"modified":"2022-12-21T16:43:37","modified_gmt":"2022-12-21T19:43:37","slug":"como-otimizar-imagens-ranqueamento","status":"publish","type":"post","link":"https:\/\/leadster.com.br\/blog\/como-otimizar-imagens-ranqueamento\/","title":{"rendered":"Como Otimizar Imagens do seu Site para Ganhar Ranqueamento"},"content":{"rendered":"\n<p>Atualmente, <strong>33% dos resultados de busca do Google exibem imagens <\/strong>em destaque logo no in\u00edcio da p\u00e1gina. <\/p>\n\n\n\n<p>E esse \u00e9 apenas um dos motivos pelos quais voc\u00ea deveria se preocupar em <strong>otimizar as imagens<\/strong> do seu site.&nbsp;<\/p>\n\n\n\n<p>As imagens podem afetar diversos aspectos de um site, como a <strong>velocidade de carregamento<\/strong>, a <strong><a href=\"https:\/\/leadster.com.br\/blog\/ux-e-ui\/\">experi\u00eancia do usu\u00e1rio<\/a><\/strong>, a <strong>experi\u00eancia mobile<\/strong>, a <strong>acessibilidade<\/strong> e o <strong>ranqueamento no Google<\/strong>. <\/p>\n\n\n\n<p>Quer entender mais sobre o poder da otimiza\u00e7\u00e3o de imagens? <\/p>\n\n\n\n<p><strong>Confira o post que preparamos!&nbsp;&nbsp;<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que \u00e9 otimiza\u00e7\u00e3o de imagens para web?<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"751\" height=\"401\" src=\"https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2021\/11\/H1.png\" alt=\"O que \u00e9 otimiza\u00e7\u00e3o de imagens para web?\" class=\"wp-image-3466\" srcset=\"https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2021\/11\/H1.png 751w, https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2021\/11\/H1-300x160.png 300w\" sizes=\"(max-width: 751px) 100vw, 751px\" \/><\/figure>\n<\/div>\n\n\n<p>As imagens utilizadas na internet precisam contar com algumas caracter\u00edsticas para ter carregamento r\u00e1pido e para serem entendidas pelas plataformas de busca, como o Google, como amig\u00e1veis.&nbsp;<\/p>\n\n\n\n<p>Portanto, <strong>otimizar imagens<\/strong> para a web pode ter v\u00e1rios significados, como:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Comprimir o seu tamanho para um que seja adequado, mantendo a qualidade;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Garantir a responsividade (carregamento e formatos adequados tamb\u00e9m para os dispositivos m\u00f3veis, como celulares e tablets);<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Incluir texto alternativo para possibilitar a leitura das imagens pelos rob\u00f4s das plataformas j\u00e1 citadas.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">4 Motivos para otimizar as imagens do seu site<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"751\" height=\"401\" src=\"https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2021\/11\/H2.png\" alt=\"4 Motivos para otimizar as imagens do seu site\" class=\"wp-image-3467\" srcset=\"https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2021\/11\/H2.png 751w, https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2021\/11\/H2-300x160.png 300w\" sizes=\"(max-width: 751px) 100vw, 751px\" \/><\/figure>\n<\/div>\n\n\n<p>Pode parecer uma a\u00e7\u00e3o simples \u2014 e realmente \u00e9! \u2014 mas imagens adequadas trazem diversos benef\u00edcios para seu site, sua marca e seus visitantes.<\/p>\n\n\n\n<p>Confira 4 motivos para otimizar imagens no seu site:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Aumenta a <a href=\"https:\/\/leadster.com.br\/blog\/melhorar-velocida\">velocidade de carregamento<\/a><\/h3>\n\n\n\n<p>Segundo o <a href=\"https:\/\/httparchive.org\/\" target=\"_blank\" rel=\"noopener\">HTTP Archive<\/a>, as imagens representam em m\u00e9dia <strong>21% do peso total de uma p\u00e1gina<\/strong>. <\/p>\n\n\n\n<p>Logo, ao reduzir esse tamanho, reduzimos tamb\u00e9m o tempo que a p\u00e1gina leva para ser completamente carregada.&nbsp;<\/p>\n\n\n\n<p>De acordo com Matheus Angeli, web designer da Leadster:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>&#8220;2 ou 3 segundos a mais no carregamento s\u00e3o suficientes para perder uma convers\u00e3o ou prejudicar a experi\u00eancia do site.&#8221;<\/p><\/blockquote>\n\n\n\n<p>De nada vale seu site ter um conte\u00fado e visual excelente, se o usu\u00e1rio n\u00e3o consegue visualiz\u00e1-lo ou se ele leva muito tempo para aparecer completamente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Fornece uma experi\u00eancia mobile completa<\/h3>\n\n\n\n<p>Imagine que as imagens do seu site sejam pensadas apenas para o acesso atrav\u00e9s de um computador. <\/p>\n\n\n\n<p>O que acontece quando um visitante o acessa atrav\u00e9s de um celular ou tablet? <\/p>\n\n\n\n<p>Ou ainda com visualiza\u00e7\u00e3o em um monitor de um tamanho diferente? <\/p>\n\n\n\n<p>As imagens podem n\u00e3o ser exibidas corretamente. <\/p>\n\n\n\n<p>Isso atrapalha a experi\u00eancia, que \u00e9 diferente dependendo da <strong>origem do acesso<\/strong>.<\/p>\n\n\n\n<p>Por isso, otimizar as imagens e deix\u00e1-las <strong>responsivas <\/strong>tamb\u00e9m garante a experi\u00eancia que voc\u00ea pensou ao desenvolver o site em todos os dispositivos.&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-verse\"> <em><img decoding=\"async\" width=\"15\" height=\"15\" src=\"https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2021\/08\/magnifying-glass.png\" alt=\"\" class=\"wp-image-2691\"><\/em> <em>Voc\u00ea tamb\u00e9m pode se interessar: <\/em><a href=\"https:\/\/leadster.com.br\/blog\/ux-e-ui\/\"><em>O que \u00e9 UX e UI e Como as \u00c1reas se Complementam<\/em><\/a><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">3. Melhora os resultados de SEO<\/h3>\n\n\n\n<p>A velocidade do site conta muitos pontos no <strong><a href=\"https:\/\/leadster.com.br\/blog\/otimizacao-de-site-seo-ou-conversao\/\">ranqueamento das p\u00e1ginas<\/a> <\/strong>nas buscas org\u00e2nicas realizadas em plataformas como o Google. <\/p>\n\n\n\n<p>Ent\u00e3o, ao tornar o carregamento do seu site mais r\u00e1pido, voc\u00ea tamb\u00e9m ganha pontos de SEO.&nbsp;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Hoje, cerca de 33% das p\u00e1ginas de resultados de busca do Google mostram imagens, sem ser necess\u00e1rio entrar na aba \u201cimagens\u201d.<\/p><cite><em>(Fonte: <\/em><a href=\"https:\/\/moz.com\/\" target=\"_blank\" rel=\"noopener\">MOZ<\/a><em>)<\/em><\/cite><\/blockquote>\n\n\n\n<p>Al\u00e9m disso, uma imagem que conta com<strong> texto alternativo<\/strong> se torna leg\u00edvel pelos mecanismos de busca, que podem passar a exibi-la nas procuras.<\/p>\n\n\n\n<p>Confira algumas dicas do nosso designer web sobre esse ponto:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>O atributo &#8220;alt&#8221; foi criado para que, quando o sistema n\u00e3o consegue carregar uma imagem, seja exibido um texto no seu lugar. Hoje ele n\u00e3o tem muita utilidade pr\u00e1tica nesse sentido, j\u00e1 que os sistemas, servidores e conex\u00e3o \u00e0 internet evolu\u00edram muito. Ent\u00e3o ele acaba sendo utilizado como um canal para falar para o bot do Google o que cont\u00e9m aquela imagem.<\/p><cite>Matheus Angeli, Web Designer<\/cite><\/blockquote>\n\n\n\n<p>Al\u00e9m disso, o uso do texto alternativo nas imagens contribui para que a internet seja mais acess\u00edvel \u00e0s pessoas cegas, com baixa vis\u00e3o &#8211; ou que fazem uso de leitores digitais.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Acorda com o Core Web Vitals<\/h3>\n\n\n\n<p>O <strong>Core Web Vitals <\/strong>\u00e9 um conjunto de m\u00e9tricas e orienta\u00e7\u00f5es relacionadas \u00e0 experi\u00eancia do usu\u00e1rio. <\/p>\n\n\n\n<p>Ele \u00e9 levado em considera\u00e7\u00e3o em todas as ferramentas e plataformas do Google e foca em tr\u00eas par\u00e2metros: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Loading (carregamento);<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Interactivity (interatividade);<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>e Visual Stability (estabilidade visual). <\/li><\/ul>\n\n\n\n<p>Imagens otimizadas atendem a estes crit\u00e9rios.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qual o melhor formato de imagem para internet?<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"751\" height=\"401\" src=\"https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2021\/11\/H3.png\" alt=\"Qual o melhor formato de imagem para internet?\" class=\"wp-image-3468\" srcset=\"https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2021\/11\/H3.png 751w, https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2021\/11\/H3-300x160.png 300w\" sizes=\"(max-width: 751px) 100vw, 751px\" \/><\/figure>\n<\/div>\n\n\n<p>Existem alguns fatores que impactam na otimiza\u00e7\u00e3o de imagens. <\/p>\n\n\n\n<p>Um deles \u00e9 o <strong>formato de arquivo<\/strong> escolhido e carregado nas p\u00e1ginas. <\/p>\n\n\n\n<p>Para internet, devemos dar prefer\u00eancia para tr\u00eas tipos de arquivo:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>PGN<\/strong>: de melhor qualidade que JPEG, apresenta menos perda, com tamanho de arquivo que pode ser maior. Atente-se a esse fator na hora de subir as imagens em PNG;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>SVG<\/strong>: formato de imagem vetorial e baseado em XML, \u00e9 um formato indexado pelo Google, o que melhora os resultados de SEO. Al\u00e9m disso, um arquivo em SVG tem tamanho menor do que o PNG;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>WEBP<\/strong>: com alta profundidade de cor, esse \u00e9 um formato interessante tamb\u00e9m por oferecer alta taxa de compacta\u00e7\u00e3o. Como desvantagem o arquivo WEBP pode n\u00e3o ser suportado em todos os navegadores.<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-verse\"> <em><img decoding=\"async\" width=\"15\" height=\"15\" src=\"https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2021\/08\/magnifying-glass.png\" alt=\"\" class=\"wp-image-2691\"><\/em> <em>Acesse tamb\u00e9m:<\/em> <a href=\"https:\/\/leadster.com.br\/blog\/midia-paga-e-cro\/\"><em>7 Dicas para Turbinar suas Campanhas de M\u00eddia Paga com CRO<\/em><\/a><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Como converter o formato de uma imagem<\/h3>\n\n\n\n<p>Se voc\u00ea tem uma imagem em um formato e quer transform\u00e1-la em outro mais adequado para web, saiba que isso \u00e9 poss\u00edvel! <\/p>\n\n\n\n<p>Voc\u00ea pode explorar ferramentas como o <a href=\"https:\/\/convertio.co\/pt\" target=\"_blank\" rel=\"noopener\">Photoshop<\/a> e o <a href=\"https:\/\/spark.adobe.com\/pt-BR\/sp\/\" target=\"_blank\" rel=\"noopener\">Adobe Spark<\/a> ou alguns sites como <a href=\"https:\/\/convertio.co\/pt\" target=\"_blank\" rel=\"noopener\">Convertio<\/a> ou <a href=\"https:\/\/cloudconvert.com\/\" target=\"_blank\" rel=\"noopener\">CloudConvert<\/a>, para mudar os formatos.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como otimizar e deixar uma imagem mais leve sem perder a qualidade?<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"751\" height=\"401\" src=\"https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2021\/11\/H4.png\" alt=\"Como otimizar e deixar uma imagem mais leve sem perder a qualidade?\" class=\"wp-image-3469\" srcset=\"https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2021\/11\/H4.png 751w, https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2021\/11\/H4-300x160.png 300w\" sizes=\"(max-width: 751px) 100vw, 751px\" \/><\/figure>\n<\/div>\n\n\n<p>Por mais que uma imagem otimizada seja importante para o rankeamento do site, esse ajuste deve ser feito da forma correta, para que voc\u00ea n\u00e3o acabe com uma imagem leve, mas com qualidade muito baixa. <\/p>\n\n\n\n<p>Uma situa\u00e7\u00e3o assim pode acabar com a experi\u00eancia do usu\u00e1rio.&nbsp;<\/p>\n\n\n\n<p>Existem algumas formas de deixar a imagem com o tamanho ideal sem perder a qualidade. <\/p>\n\n\n\n<p>Apresentamos algumas aqui:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Como otimizar uma imagem no Photoshop?<\/h3>\n\n\n\n<p>Uma das formas mais simples e profissionais de otimizar a imagem \u00e9 utilizar um software espec\u00edfico de edi\u00e7\u00e3o de imagens. <\/p>\n\n\n\n<p>Recomendamos, caso voc\u00ea escolha essa op\u00e7\u00e3o, o <a href=\"https:\/\/www.adobe.com\/br\/products\/photoshop.html\" target=\"_blank\" rel=\"noopener\">Adobe Photoshop<\/a>.&nbsp;<\/p>\n\n\n\n<p>Para reduzir o tamanho para utiliza\u00e7\u00e3o em sites e blogs, basta abrir a imagem original no programa e selecionar a op\u00e7\u00e3o \u201c<strong>Salvar para Web<\/strong>\u201d(<em>Save for Web<\/em>) no menu \u201c<strong>Arquivo<\/strong>\u201d (<em>File<\/em>).<\/p>\n\n\n\n<p>O software oferecer\u00e1 alguns formatos e op\u00e7\u00f5es de qualidade, j\u00e1 ideais para o uso na internet. <\/p>\n\n\n\n<p>Al\u00e9m disso, ainda \u00e9 poss\u00edvel visualizar como a imagem ficar\u00e1 antes de salv\u00e1-la.<\/p>\n\n\n\n<p>O processo \u00e9 bastante simples e o Photoshop tem muitas outras funcionalidades que podem ser exploradas. <\/p>\n\n\n\n<p>Contudo, \u00e9 preciso um pouco de conhecimento t\u00e9cnico para utilizar outras fun\u00e7\u00f5es e o software \u00e9 pago depois de um per\u00edodo de teste de 7 dias.<\/p>\n\n\n\n<p>O designer Matheus tamb\u00e9m deu uma dica valiosa sobre o uso dessa ferramenta:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>O Photoshop n\u00e3o \u00e9 a ferramenta mais eficiente para otimizar imagens para web, mas uma coisa que indico \u00e9 se preocupar em criar as imagens j\u00e1 no tamanho correto em que ser\u00e3o usadas, para evitar perda de qualidade ao fazer upscale ou downscale.<\/p><\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">Como otimizar imagem online?<\/h3>\n\n\n\n<p>Outra op\u00e7\u00e3o, para quem n\u00e3o quer depender de um software mais t\u00e9cnico, \u00e9 utilizar ferramentas online pensadas para essa finalidade. <\/p>\n\n\n\n<p>Seja qual for a escolhida, voc\u00ea precisar\u00e1 fazer o upload da imagem para o site da ferramenta, escolher entre as possibilidades oferecidas de formato, tamanho e qualidade da imagem e ent\u00e3o aguardar a convers\u00e3o para baixar a imagem otimizada.&nbsp;&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Compressores de imagem online<\/h4>\n\n\n\n<p>Selecionamos algumas indica\u00e7\u00f5es, caso voc\u00ea opte pelos <strong>compressores de imagem online<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener\"><strong>TinyPNG<\/strong><\/a>: na vers\u00e3o gratuita comprime at\u00e9 20 imagens, nos formatos WebP, PNG e JPEG, com tamanho m\u00e1ximo de 5MB;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.iloveimg.com\/pt\/comprimir-imagem\" target=\"_blank\" rel=\"noopener\"><strong>I Love Img<\/strong><\/a>: com a vantagem de selecionar as imagens direto do Google Drive ou DropBox, voc\u00ea pode utilizar essa op\u00e7\u00e3o para comprimir arquivos JPG, PNG, SVG ou GIF;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/imagecompressor.com\/pt\/\" target=\"_blank\" rel=\"noopener\"><strong>Optimizilla<\/strong><\/a>: tamb\u00e9m com limite de 20 imagens por vez, trabalha com os formatos JPEG, GIF e PNG.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Como otimizar imagem no WordPress<\/h3>\n\n\n\n<p>Por \u00faltimo, mas n\u00e3o menos eficaz, est\u00e1 a op\u00e7\u00e3o de otimizar as imagens utilizando plugins para WordPress. <\/p>\n\n\n\n<p>Caso seu site tenha essa plataforma como base, voc\u00ea pode instalar ferramentas que v\u00e3o comprimir as imagens a um tamanho adequado de forma automatizada, poupando muito tempo e trabalho manual.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Plugins para otimizar imagens<\/h4>\n\n\n\n<p>Alguns dos plugins para WordPress mais indicados para esse caso s\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong><a href=\"https:\/\/br.wordpress.org\/plugins\/tiny-compress-images\/\" target=\"_blank\" rel=\"noopener\">TinyPNG<\/a><\/strong>: o compressor de imagens online que citamos no t\u00f3pico anterior tamb\u00e9m possui uma vers\u00e3o para sites feitos em WordPress. O plugin otimiza automaticamente todas as imagens carregadas no site, e ainda integra com os populares servi\u00e7os de compress\u00e3o online TinyJPG e TinyPNG.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\" target=\"_blank\" rel=\"noopener\"><strong>Imagify<\/strong><\/a>: comprime as imagens sem perda de qualidade e quando instalado ajusta as imagens j\u00e1 existentes no site, deixando-o com carregamento mais r\u00e1pido. Voc\u00ea pode optar por tr\u00eas tipos de compress\u00e3o das imagens e o plugin est\u00e1 dispon\u00edvel em vers\u00f5es gratuita e paga. \u00c9 preciso atentar que, caso desinstalado, ele restaura automaticamente as imagens da galeria para o tamanho original;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" target=\"_blank\" rel=\"noopener\"><strong>Smush<\/strong><\/a>: tamb\u00e9m com diferentes vers\u00f5es (paga e gratuita), este plugin consegue reduzir o tamanho de at\u00e9 50 imagens por vez e auxilia na identifica\u00e7\u00e3o de imagens que est\u00e3o muito pesadas para a aplica\u00e7\u00e3o;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\" target=\"_blank\" rel=\"noopener\"><strong>Optimole<\/strong><\/a>: al\u00e9m de compactar as imagens para WordPress, este plugin se destaca pois acelera a velocidade do site, por ser todo em nuvem e por identificar a velocidade de conex\u00e3o do visitante e adaptar a qualidade da imagem para cada contexto.<\/li><\/ul>\n\n\n\n<p>Gostou de saber mais sobre como otimizar imagens e a diferen\u00e7a que essa simples a\u00e7\u00e3o faz na velocidade e experi\u00eancia do seu site? <\/p>\n\n\n\n<p>Se sim, compartilhe este post com aquele colega que tamb\u00e9m vai aproveitar a leitura!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"750\" height=\"250\" src=\"https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2022\/03\/comentarios_leadster2.webp\" alt=\"\" class=\"wp-image-4053\" srcset=\"https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2022\/03\/comentarios_leadster2.webp 750w, https:\/\/leadster.com.br\/blog\/wp-content\/uploads\/2022\/03\/comentarios_leadster2-300x100.webp 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Atualmente, 33% dos resultados de busca do Google exibem imagens em destaque logo no in\u00edcio da p\u00e1gina. E esse \u00e9 apenas um dos motivos pelos quais voc\u00ea deveria se preocupar em otimizar as imagens do seu site.&nbsp; As imagens podem afetar diversos aspectos de um site, como a velocidade de [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":3464,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[39,66],"tags":[],"class_list":["post-3461","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conversao","category-marketing-digital"],"_links":{"self":[{"href":"https:\/\/leadster.com.br\/blog\/wp-json\/wp\/v2\/posts\/3461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leadster.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leadster.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leadster.com.br\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/leadster.com.br\/blog\/wp-json\/wp\/v2\/comments?post=3461"}],"version-history":[{"count":0,"href":"https:\/\/leadster.com.br\/blog\/wp-json\/wp\/v2\/posts\/3461\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/leadster.com.br\/blog\/wp-json\/wp\/v2\/media\/3464"}],"wp:attachment":[{"href":"https:\/\/leadster.com.br\/blog\/wp-json\/wp\/v2\/media?parent=3461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leadster.com.br\/blog\/wp-json\/wp\/v2\/categories?post=3461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leadster.com.br\/blog\/wp-json\/wp\/v2\/tags?post=3461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}