Imagem de conteúdo ou background CSS: como escolher

Imagens de fundo CSS não são descobertas pelo Google como imagens de conteúdo. A escolha depende da função da mídia na página.

Antes de começar

Pergunte se a imagem explica produto, etapa ou resultado, ou se apenas compõe o visual do bloco.

Passo a passo

1. Para conteúdo, use elemento <img> com alternativa textual apropriada; reserve background-image para decoração.

2. Teste sem CSS e confirme que a informação essencial e a imagem de conteúdo continuam representadas.

Limites e cuidados

Não transforme uma imagem informativa em fundo apenas para facilitar o layout.

Continue na biblioteca

Fonte oficial: SEO de imagens — Google Search Central.