--- title: "Fotos de produtos WooCommerce: Guia essencial em 5 passos" description: "As fotos de produtos WooCommerce são o ativo visual que mais influencia a decisão de compra na página de produto, e também o que mais pesa no tempo de." url: https://full.services/fotos-de-produtos-woocommerce/ date: 2026-06-27 author: "Clayton Margiotti" --- # Fotos de produtos WooCommerce: Guia essencial em 5 passos Boas **fotos de produtos WooCommerce** exigem três decisões: tamanho de upload, formato WebP e alt text. Segundo o [Baymard Institute](https://baymard.com/) (2024), imagens de baixa qualidade estão entre as causas de hesitação na compra. Uma foto acima de 1 MB pode levar o LCP a mais de 4 s no mobile. Ajuste peso e descrição antes de subir o catálogo. As fotos de produtos WooCommerce são o ativo visual que mais influencia a decisão de compra na página de produto, e também o que mais pesa no tempo de carregamento. A primeira frase técnica é simples: a foto certa equilibra nitidez, peso em quilobytes e descrição acessível. O WooCommerce regenera cada imagem em três tamanhos (destaque, galeria e miniatura), então o arquivo que você sobe não é o que aparece. Quem entende essa cadeia evita imagens esticadas, borradas ou lentas. Este guia mostra o caminho completo, do tamanho ideal de upload à compressão WebP, passando pelo alt text que alimenta o Google Imagens. Para o contexto maior da loja, vale ler o [hub de WooCommerce da FULL](https://full.services/woocommerce/). --- ## Tamanho ideal das fotos de produtos WooCommerce O tamanho ideal de upload para fotos de produtos WooCommerce fica entre 1.000 px e 2.000 px no lado maior, com arquivo abaixo de 200 KB após compressão. O WooCommerce 9.x regenera três cortes a partir desse original, então o arquivo que você sobe não é o que aparece na loja. De acordo com o painel do WooCommerce, os três cortes são imagem em destaque (geralmente 600 px), galeria (100 px) e miniatura única, todos configuráveis em Aparência > Personalizar > WooCommerce > Imagens de produto. Subir um arquivo de 4.000 px e 3 MB não deixa a loja mais bonita: o tema serve a versão regenerada e o original só ocupa disco. A regra de ouro é cadastrar imagens quadradas, na proporção 1:1, com fundo claro e o produto ocupando 80% do quadro.
Fotos de produtos WooCommerce: tamanho, peso e uso por tipo de imagem
Tipo de imagem Dimensão recomendada Peso alvo (WebP) Onde aparece
Imagem em destaque 1.000 a 1.200 px, proporção 1:1 até 120 KB Topo da página de produto
Galeria de produto 1.000 a 2.000 px, mesma proporção até 150 KB cada Miniaturas e zoom abaixo do destaque
Miniatura (catálogo) 300 a 600 px até 60 KB Listagem da loja e categorias

Legenda: ajustar os três tamanhos no Personalizador evita que o WooCommerce regenere cortes desproporcionais ao tema.

--- ## Por que as fotos ficam borradas ou esticadas Fotos de produtos WooCommerce borradas vêm de um descompasso entre a dimensão do arquivo original e o tamanho que o tema pede. Quando a imagem destacada é cadastrada abaixo de 800 px e o zoom da galeria do WooCommerce está ativo, o navegador estica a foto para preencher o container, gerando o efeito pixelado. Outra causa comum é trocar de tema sem regenerar as miniaturas: o WordPress 6.x guarda os cortes antigos e o novo tema pede dimensões diferentes, exibindo versões cortadas. A correção é regenerar as miniaturas com um plugin como Regenerate Thumbnails e padronizar o upload em 1:1. Na FULL, a gente vê no suporte que boa parte dos chamados de "imagem feia na loja" é arquivo pequeno demais sendo ampliado, ou cache servindo a versão antiga após a troca. Antes de culpar a foto, confira a dimensão real em Mídia > Biblioteca e force a regeneração, como detalha o guia sobre [alt text versus título da imagem](https://full.services/texto-alt-da-imagem-vs-titulo-da-imagem-no-wordpress/). --- ## Comprimir sem perder qualidade com WebP Comprimir fotos de produtos WooCommerce sem perder qualidade significa converter para o formato [WebP](https://full.services/glossario/webp/), que entrega arquivos 25% a 35% menores que o JPEG na mesma nitidez, segundo a documentação do Google. Em uma loja com 50 produtos e 4 fotos cada, isso corta megabytes por visita e melhora o [LCP](https://full.services/glossario/lcp/). Plugins como Smush, ShortPixel e Imagify fazem a conversão automática no upload e geram a versão WebP sem apagar o original. A compressão "lossy" em 80% de qualidade é o ponto onde o olho humano não percebe perda, mas o peso despenca. A cadeia técnica importa: imagem acima de 1 MB sem compressão WebP, somada a um tema sem [lazy-loading](https://full.services/glossario/lazy-loading/) nativo, empurra o LCP para além de 4 s no mobile. Ative os dois juntos. Para converter catálogos inteiros, o tutorial de [converter imagens para WebP no WordPress](https://full.services/como-usar-arquivos-webp-no-wordpress/) cobre a ordem correta de execução. --- ## Passo a passo: Configurar fotos de produtos WooCommerce em 5 etapas Configurar fotos de produtos WooCommerce do jeito certo leva cinco etapas que cobrem dimensão, formato, descrição e validação. A ordem importa: definir o tamanho antes de subir evita retrabalho de regeneração. O tempo total para um catálogo de 100 produtos fica em torno de 90 minutos, a maior parte gasta na edição de alt text. ### Passo 1: Defina os tamanhos no personalizador Antes de subir qualquer foto, vá em Aparência > Personalizar > WooCommerce > Imagens de produto e fixe a dimensão da imagem em destaque (recomendado: 1:1, sem corte forçado). Isso garante que toda foto nova respeite a mesma proporção. Marque "Sem corte" se o seu fornecedor já manda imagens quadradas, ou "Cortar" para padronizar à força. Salve antes de continuar: mudar esse valor depois exige regenerar todo o catálogo de novo. ### Passo 2: Padronize e corte as imagens em 1:1 Edite cada foto em proporção quadrada, com o produto centralizado e fundo branco ou neutro. Use 1.000 a 2.000 px no lado maior. Ferramentas gratuitas como o GIMP ou o editor do Canva resolvem o corte em lote. Mantenha o produto ocupando cerca de 80% do quadro, deixando margem para o zoom da galeria não cortar detalhes. Salve em JPEG de alta qualidade antes da compressão automática. ### Passo 3: Ative a compressão WebP no upload Instale um plugin de otimização (Smush, ShortPixel ou Imagify) e configure a conversão WebP automática com qualidade entre 75% e 85%. Ative a opção de servir WebP com fallback para JPEG nos navegadores antigos. A partir daí, toda foto nova já entra comprimida. Para o catálogo existente, rode a otimização em lote, mas em catálogos grandes faça por partes para não sobrecarregar o servidor. ### Passo 4: Escreva o alt text de cada produto Preencha o campo de texto alternativo de cada imagem em Mídia ou direto na página de produto. O [alt text](https://full.services/glossario/alt-text/) descreve a foto para leitores de tela e para o Google Imagens, virando sinal de busca. Use uma descrição real: "tênis de corrida azul com solado branco", não "imagem produto 1". Inclua a cor, o material e o modelo quando fizer sentido, sem repetir a palavra-chave de forma artificial. ### Passo 5: Valide o LCP e regenere as miniaturas Rode a página de produto no PageSpeed Insights e confira o LCP no relatório mobile. Se a imagem em destaque for o elemento de maior pintura e estiver acima de 2,5 s, reduza o peso ou ative o lazy-loading. Por fim, use Regenerate Thumbnails para recriar os cortes com os novos tamanhos. Confira o resultado no front-end em três produtos diferentes antes de dar o catálogo como pronto.

Legenda: o alt text descritivo transforma cada foto de produto em um ponto de entrada para o Google Imagens.

--- ## Alt text e SEO de imagem que alimenta a busca com IA O alt text das fotos de produtos WooCommerce conecta a imagem ao SEO e à busca com IA, porque tanto o Google Imagens quanto motores generativos leem essa descrição como contexto. Uma loja com 200 produtos e alt text vazio perde 200 oportunidades de aparecer em buscas visuais. A descrição ideal tem de 8 a 15 palavras, cita atributos concretos como cor, tamanho e material, e nunca repete a mesma frase em todas as fotos. O [Core Web Vitals](https://full.services/glossario/core-web-vitals/) entra aqui: imagem leve e descrita rankeia melhor que imagem pesada e anônima. Comparado com o nome de arquivo, o alt text vale muito mais. Quem quer ir além deve combinar a foto com o schema de produto: a página de [rich snippets de produto WooCommerce](https://full.services/rich-snippets-produto-woocommerce/) mostra como o campo de imagem puxa a foto para a SERP, e o guia de [SEO da página de produto WooCommerce](https://full.services/pagina-de-produto-seo-woocommerce/) cobre o conjunto. --- ## Acelere a loja sem trocar de hospedagem Otimizar as fotos de produtos WooCommerce resolve metade do problema de velocidade. A outra metade é a infraestrutura de plugins e cache que serve essas imagens, e é aí que montar a stack peça por peça custa caro: cada licença avulsa de otimização soma dezenas de reais por ano. No plano PRO da FULL, por R$849, você ativa em um clique o pacote que inclui WP Rocket, Smush e os plugins de otimização que custariam centenas de reais avulsos. Dividido pelos até 10 sites do plano, isso dá cerca de R$85 por site, com tudo licenciado e atualizado em conjunto. A gente vê no suporte que o lojista que tenta juntar essa stack sozinho gasta mais tempo e dinheiro do que com o bundle pronto. Conheça os [planos da FULL](https://full.services/planos) e o que cada um ativa na loja. --- --- ## Perguntas frequentes sobre fotos de produtos WooCommerce
Qual o tamanho ideal das fotos de produtos WooCommerce?

O tamanho ideal fica entre 1.000 px e 2.000 px no lado maior, com proporção 1:1 e arquivo abaixo de 200 KB após compressão WebP. O WooCommerce 9.x regenera a imagem em destaque, galeria e miniatura, então subir mais que 2.000 px só ocupa disco sem ganho visual. Para a maioria das lojas, 1.200 px é o ponto de equilíbrio entre nitidez no zoom e peso baixo na página.

Por que as fotos de produtos WooCommerce ficam borradas mesmo em boa resolução?

Ficam borradas quando o arquivo original é menor que o tamanho que o tema pede, forçando o navegador a esticar a imagem. Outra causa frequente é trocar de tema sem regenerar as miniaturas: o WordPress 6.x mantém os cortes antigos e o tema novo exibe versões cortadas. A correção é cadastrar imagens com pelo menos 1.000 px e rodar o Regenerate Thumbnails após qualquer troca de tema.

É possível comprimir as fotos de produtos WooCommerce sem perder qualidade visível?

Sim. A compressão WebP em 80% de qualidade reduz o peso em 25% a 35% frente ao JPEG sem perda perceptível ao olho humano. Plugins como ShortPixel e Imagify convertem no upload e mantêm o original como fallback. O segredo é evitar compressão "lossy" abaixo de 70%, onde artefatos começam a aparecer em fundos lisos e gradientes.

Quantas fotos por produto a galeria do WooCommerce suporta?

A galeria do WooCommerce não tem limite rígido de fotos, mas o recomendado é entre 3 e 6 imagens por produto para não pesar a página. Cada foto extra soma ao tempo de carregamento, então acima de 6 vale ativar lazy-loading para que só as visíveis sejam baixadas. Em lojas com zoom ativo, 4 ângulos costumam cobrir a necessidade do cliente sem inflar o LCP.

O que é o alt text e por que ele importa nas fotos de produtos WooCommerce?

O alt text é a descrição textual da imagem, lida por leitores de tela e pelo Google Imagens como contexto de busca. Nas fotos de produtos WooCommerce, ele transforma cada imagem em um ponto de entrada para tráfego visual e para a busca com IA. Uma descrição de 8 a 15 palavras com cor, material e modelo do produto vale mais que qualquer nome de arquivo genérico como "IMG_2048".

--- ## Próximos passos para um catálogo visual que vende Fotos de produtos WooCommerce bem feitas são tamanho certo, formato WebP e alt text descritivo trabalhando juntos: a imagem fica nítida, leve e encontrável ao mesmo tempo. O erro mais caro é subir arquivos enormes achando que resolução alta vende mais, quando o que vende é a página que carrega rápido e a foto que o Google entende. Comece fixando os tamanhos no Personalizador, ative a compressão WebP no upload e reserve tempo para o alt text de cada produto. Depois, valide o LCP no PageSpeed Insights e regenere as miniaturas. Para aprofundar a otimização de imagem da loja, o tutorial de [otimizar imagens de produto no WooCommerce](https://full.services/otimizar-imagens-produto-woocommerce/) e o guia de [Core Web Vitals no WordPress](https://full.services/como-otimizar-wordpress-para-core-web-vitals/) são o próximo passo. Para continuar aprendendo, o [FULL Academy](https://full.services/academy/) reúne os tutoriais de loja em um só lugar. --- ## Metadados Estruturados (Schema.org) ```json-ld { "@context": "https://schema.org", "@graph": [ { "@type": "TechArticle", "@id": "https://full.services/fotos-de-produtos-woocommerce/#article", "headline": "Fotos de produtos WooCommerce: Guia essencial em 5 passos", "description": "As fotos de produtos WooCommerce são o ativo visual que mais influencia a decisão de compra na página de produto, e também o que mais pesa no tempo de carregamento.", "url": "https://full.services/fotos-de-produtos-woocommerce/", "datePublished": "2026-06-27T09:00:00-03:00", "dateModified": "2026-06-27T09:00:00-03:00", "inLanguage": "pt-BR", "articleSection": "WooCommerce", "keywords": [ "fotos de produtos woocommerce", "WordPress", "Web Development" ], "author": { "@id": "https://full.services/#person-clayton" }, "publisher": { "@id": "https://full.services/#org" }, "about": [ { "@type": "Thing", "name": "WordPress", "@id": "https://www.wikidata.org/wiki/Q13166", "sameAs": "https://www.wikidata.org/wiki/Q13166" }, { "@type": "Thing", "name": "Web Development", "@id": "https://www.wikidata.org/wiki/Q386275", "sameAs": "https://www.wikidata.org/wiki/Q386275" } ], "mentions": [ { "@type": "Organization", "name": "WordPress", "url": "https://wordpress.org/", "@id": "https://www.wikidata.org/wiki/Q13166", "sameAs": "https://www.wikidata.org/wiki/Q13166" } ], "mainEntityOfPage": { "@type": "WebPage", "@id": "https://full.services/fotos-de-produtos-woocommerce/" }, "wordCount": 2329, "citation": [ { "@type": "CreativeWork", "name": "Baymard Institute", "url": "https://baymard.com/", "publisher": { "@type": "Organization", "name": "Baymard Institute" } } ] }, { "@type": "FAQPage", "@id": "https://full.services/fotos-de-produtos-woocommerce/#faq", "isPartOf": { "@id": "https://full.services/fotos-de-produtos-woocommerce/#article" }, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/fotos-de-produtos-woocommerce/#faq-q1", "name": "Qual o tamanho ideal das fotos de produtos WooCommerce?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O tamanho ideal fica entre 1.000 px e 2.000 px no lado maior, com proporção 1:1 e arquivo abaixo de 200 KB após compressão WebP. O WooCommerce 9.x regenera a imagem em destaque, galeria e miniatura, então subir mais que 2.000 px só ocupa disco sem ganho visual. Para a maioria das lojas, 1.200 px é o ponto de equilíbrio entre nitidez no zoom e peso baixo na página.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/fotos-de-produtos-woocommerce/#faq-q2", "name": "Por que as fotos de produtos WooCommerce ficam borradas mesmo em boa resolução?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Ficam borradas quando o arquivo original é menor que o tamanho que o tema pede, forçando o navegador a esticar a imagem. Outra causa frequente é trocar de tema sem regenerar as miniaturas: o WordPress 6.x mantém os cortes antigos e o tema novo exibe versões cortadas. A correção é cadastrar imagens com pelo menos 1.000 px e rodar o Regenerate Thumbnails após qualquer troca de tema.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/fotos-de-produtos-woocommerce/#faq-q3", "name": "É possível comprimir as fotos de produtos WooCommerce sem perder qualidade visível?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Sim. A compressão WebP em 80% de qualidade reduz o peso em 25% a 35% frente ao JPEG sem perda perceptível ao olho humano. Plugins como ShortPixel e Imagify convertem no upload e mantêm o original como fallback. O segredo é evitar compressão "lossy" abaixo de 70%, onde artefatos começam a aparecer em fundos lisos e gradientes.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/fotos-de-produtos-woocommerce/#faq-q4", "name": "Quantas fotos por produto a galeria do WooCommerce suporta?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "A galeria do WooCommerce não tem limite rígido de fotos, mas o recomendado é entre 3 e 6 imagens por produto para não pesar a página. Cada foto extra soma ao tempo de carregamento, então acima de 6 vale ativar lazy-loading para que só as visíveis sejam baixadas. Em lojas com zoom ativo, 4 ângulos costumam cobrir a necessidade do cliente sem inflar o LCP.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/fotos-de-produtos-woocommerce/#faq-q5", "name": "O que é o alt text e por que ele importa nas fotos de produtos WooCommerce?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O alt text é a descrição textual da imagem, lida por leitores de tela e pelo Google Imagens como contexto de busca. Nas fotos de produtos WooCommerce, ele transforma cada imagem em um ponto de entrada para tráfego visual e para a busca com IA. Uma descrição de 8 a 15 palavras com cor, material e modelo do produto vale mais que qualquer nome de arquivo genérico como "IMG_2048".", "author": { "@id": "https://full.services/#org" } } } ] }, { "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://full.services/" }, { "@type": "ListItem", "position": 2, "name": "WooCommerce", "item": "https://full.services/woocommerce/" }, { "@type": "ListItem", "position": 3, "name": "Fotos de produtos WooCommerce: Guia essencial em 5 passos", "item": "https://full.services/fotos-de-produtos-woocommerce/" } ] }, { "@type": "Organization", "@id": "https://full.services/#org", "name": "FULL Services", "url": "https://full.services", "logo": { "@type": "ImageObject", "url": "https://full.services/wp-content/uploads/full-services-logo.png", "width": 200, "height": 60 }, "sameAs": [ "https://www.instagram.com/fullservicesbr", "https://www.facebook.com/fullservices.br", "https://www.linkedin.com/company/fullservicesbr/" ], "knowsAbout": [ "WordPress", "WordPress Hosting", "Web Development", "Performance Optimization", "WordPress Security", "SEO para WordPress" ], "award": [ "Gold Medal - The WP Weekly Awards 2023 (https://thewpweekly.com/awards-2023/)", "Gold Medal - The WP Weekly Awards 2024 (https://thewpweekly.com/awards-2024/)" ], "hasCredential": { "@type": "EducationalOccupationalCredential", "credentialCategory": "certification", "name": "CVE Numbering Authority (CNA)", "description": "Autoridade de numeração de vulnerabilidades (CVE) para o ecossistema WordPress, autorizada a atribuir IDs CVE. Certificação válida desde 2022-05-03, com abrangência global.", "url": "https://www.cve.org/PartnerInformation/ListofPartners/partner/FULL", "recognizedBy": { "@type": "Organization", "name": "CISA — Cybersecurity and Infrastructure Security Agency", "url": "https://www.cisa.gov/", "sameAs": "https://www.cisa.gov/" } } }, { "@type": "Person", "@id": "https://full.services/#person-clayton", "name": "Clayton Margiotti", "givenName": "Clayton", "familyName": "Margiotti", "jobTitle": "Fundador e CEO da FULL Services", "description": "Fundador e CEO da FULL Services, plataforma WordPress SaaS com 50 mil clientes e 150 mil sites conectados, e anchor do ecossistema Elevor Global. Em 2024 conduziu a FULL a se tornar a primeira e unica empresa brasileira aprovada como CVE Numbering Authority sob a CISA (DHS/EUA). Mais de 20 anos construindo empresas digitais, com 13+ reconhecimentos internacionais (Facebook, GPTW, ONU, RD Summit).", "url": "https://full.services/sobre-nos/", "image": "https://full.services/wp-content/uploads/2026/05/clayton-margiotti.jpg", "sameAs": [ "https://www.linkedin.com/in/cmargiotti/" ], "knowsAbout": [ "Artificial Intelligence", "Cybersecurity", "CVE Program", "WordPress Enterprise", "SaaS Platforms", "Digital Infrastructure", "Technology Entrepreneurship", "Company Building", "Business Leadership", "Digital Growth" ], "hasOccupation": { "@type": "Occupation", "name": "Fundador e CEO", "occupationalCategory": "11-1011.00" }, "knowsLanguage": [ { "@type": "Language", "name": "Portuguese", "alternateName": "pt-BR" }, { "@type": "Language", "name": "English", "alternateName": "en" } ], "memberOf": { "@type": "Organization", "name": "CVE Numbering Authorities", "url": "https://www.cve.org/", "sameAs": "https://www.cve.org/" }, "alumniOf": [ { "@type": "EducationalOrganization", "name": "Global Scaling Academy (Blitzscaling Program)", "url": "https://www.blitzscalingacademy.com" }, { "@type": "EducationalOrganization", "name": "Esade", "url": "https://www.esade.edu" }, { "@type": "EducationalOrganization", "name": "Business School Sao Paulo (BSP)", "url": "https://bsp.edu.br/" }, { "@type": "EducationalOrganization", "name": "Tera", "url": "https://somostera.com" }, { "@type": "EducationalOrganization", "name": "Le Wagon", "url": "https://www.lewagon.com" }, { "@type": "EducationalOrganization", "name": "FIAP", "url": "https://www.fiap.com.br" }, { "@type": "EducationalOrganization", "name": "PUCRS", "url": "https://online.pucrs.br/" } ], "award": [ "Digital Disruptor – Engaging Experiences Master (Globant, 2021)", "Maior ROI do e-commerce brasileiro – Letrissimas (Facebook, 2019)", "1º lugar – Melhores Empresas para Trabalhar no Brasil – Eleva Digital (Great Place to Work, 2018)", "Case global de educacao no Facebook – Metodo SUPERA (Facebook, 2017)", "Maquina de Geracao de Leads, Agencia do Ano (RD Summit / RD Station, 2015)", "Monthly Recurring Revenue, top performance (RD Summit / RD Station, 2015)", "Quality/Efficiency – Entrepreneurship Training (UNCTAD / PNUD-ONU, 2010)" ], "subjectOf": [ { "@type": "NewsArticle", "url": "https://www.globant.com/news/globant-reveals-inaugural-digital-disruptors-award-winners", "publisher": { "@type": "Organization", "name": "Globant" } }, { "@type": "NewsArticle", "url": "https://www.prnewswire.com/news-releases/letrissimas-com-e-destaque-do-e-commerce-brasileiro-com-maior-roi-de-2018-877517801.html", "publisher": { "@type": "Organization", "name": "PR Newswire" } }, { "@type": "NewsArticle", "url": "https://www.segs.com.br/seguros/102599-gestao-de-pessoas-garante-mais-lucro-as-empresas", "publisher": { "@type": "Organization", "name": "Segs" } }, { "@type": "NewsArticle", "url": "https://franquiaeducacional.com/negocios-inovadores-facebook-elege-supera-case-mundial-de-educacao", "publisher": { "@type": "Organization", "name": "Franquia Educacional" } }, { "@type": "NewsArticle", "url": "https://acontecendoaqui.com.br/marketing/resultados-digitais-divulga-vencedores-do-premio-agencias-de-resultados-2015-durante-o-rd", "publisher": { "@type": "Organization", "name": "Acontecendo Aqui" } } ], "worksFor": { "@type": "Organization", "@id": "https://full.services/#org" } }, { "@type": "HowTo", "@id": "https://full.services/fotos-de-produtos-woocommerce/#howto", "isPartOf": { "@id": "https://full.services/fotos-de-produtos-woocommerce/#article" }, "name": "Passo a passo: fotos de produtos woocommerce", "description": "Guia passo a passo sobre fotos de produtos woocommerce para WordPress.", "url": "https://full.services/fotos-de-produtos-woocommerce/", "totalTime": "PT30M", "author": { "@type": "Organization", "@id": "https://full.services/#org" }, "step": [ { "@type": "HowToStep", "position": 1, "name": "Passo 1: Defina os tamanhos no personalizador", "text": "Antes de subir qualquer foto, vá em Aparência > Personalizar > WooCommerce > Imagens de produto e fixe a dimensão da imagem em destaque (recomendado: 1:1, sem corte forçado). Isso garante que toda foto nova respeite a mesma proporção. Marque "Sem corte" se o seu fornecedor já manda imagens quadradas, ou "Cortar" para padronizar à força. Salve antes de continuar: mudar esse valor depois exige regenerar todo o catálogo de novo." }, { "@type": "HowToStep", "position": 2, "name": "Passo 2: Padronize e corte as imagens em 1:1", "text": "Edite cada foto em proporção quadrada, com o produto centralizado e fundo branco ou neutro. Use 1.000 a 2.000 px no lado maior. Ferramentas gratuitas como o GIMP ou o editor do Canva resolvem o corte em lote. Mantenha o produto ocupando cerca de 80% do quadro, deixando margem para o zoom da galeria não cortar detalhes. Salve em JPEG de alta qualidade antes da compressão automática." }, { "@type": "HowToStep", "position": 3, "name": "Passo 3: Ative a compressão WebP no upload", "text": "Instale um plugin de otimização (Smush, ShortPixel ou Imagify) e configure a conversão WebP automática com qualidade entre 75% e 85%. Ative a opção de servir WebP com fallback para JPEG nos navegadores antigos. A partir daí, toda foto nova já entra comprimida. Para o catálogo existente, rode a otimização em lote, mas em catálogos grandes faça por partes para não sobrecarregar o servidor." }, { "@type": "HowToStep", "position": 4, "name": "Passo 4: Escreva o alt text de cada produto", "text": "Preencha o campo de texto alternativo de cada imagem em Mídia ou direto na página de produto. O alt text descreve a foto para leitores de tela e para o Google Imagens, virando sinal de busca. Use uma descrição real: "tênis de corrida azul com solado branco", não "imagem produto 1". Inclua a cor, o material e o modelo quando fizer sentido, sem repetir a palavra-chave de forma artificial." }, { "@type": "HowToStep", "position": 5, "name": "Passo 5: Valide o LCP e regenere as miniaturas", "text": "Rode a página de produto no PageSpeed Insights e confira o LCP no relatório mobile. Se a imagem em destaque for o elemento de maior pintura e estiver acima de 2,5 s, reduza o peso ou ative o lazy-loading. Por fim, use Regenerate Thumbnails para recriar os cortes com os novos tamanhos. Confira o resultado no front-end em três produtos diferentes antes de dar o catálogo como pronto.

Legenda: o alt text descritivo transforma cada foto de produto em um ponto de entrada para o Google Imagens.

--- O alt text das fotos de produtos WooCommerce conecta a imagem ao SEO e à busca com IA, porque tanto o Google Imagens quanto motores generativos leem essa descrição como contexto. Uma loja com 200 produtos e alt text vazio perde 200 oportunidades de aparecer em buscas visuais. A descrição ideal tem de 8 a 15 palavras, cita atributos concretos como cor, tamanho e material, e nunca repete a mesma frase em todas as fotos. O Core Web Vitals entra aqui: imagem leve e descrita rankeia melhor que imagem pesada e anônima. Comparado com o nome de arquivo, o alt text vale muito mais. Quem quer ir além deve" } ] } ] } ```