O que mede este check
Este check revisa se as imagens relevantes de uma página estão bem declaradas em HTML.
AISEO observa sinais como dimensões, carga diferida, estabilidade do layout e atributos que ajudam a interpretar o recurso.
<img src="/images/exemplo.jpg" width="800" height=" 450" loading=" lazy" alt="Descrição útil">O objetivo não é decidir o melhor formato de ficheiro, mas evitar que uma imagem mal declarada quebra desempenho, estabilidade visual ou compreensão.
Por que importa em AISEO
Uma imagem mal declarada pode abrandar a carga e mover o desenho enquanto o utilizador tenta ler. Isso afeta experiência e leitura técnica.
Os crawlers e os sistemas de IA não interpretam uma imagem só por vê-la. Precisam de contexto, atributos corretos e uma carga que não penaize a página.
- As imagens sem dimensões podem provocar saltos visuais.
- As imagens pesadas retardam o conteúdo principal.
- Um alt vazio em imagens informativas reduz acessibilidade e contexto.
Como verificar o passo a passo
Rever as dimensões
Verifique se as imagens importantes têm width e height ou uma reserva clara de espaço.
Verificação de carga diferida
Usa lazy loading em imagens secundárias, mas evita aplicá-lo de forma cega ao recurso principal do hero.
Rever responsive images
Verifique srcset e sizes quando uma imagem é utilizada em diferentes tamanhos ou contextos.
Rever atributos complementares
As imagens informativas devem conservar contexto textual quando apropriado.
Exemplo de imagem otimizada
Uma imagem otimizada reserva espaço, carga de forma adequada e traz contexto quando necessário.
<img
src="/images/check.jpg"
width="1200"
height=" 675"
loading=" lazy"
decoding="async"
alt="Painel técnico de validação AISEO">- A imagem tem dimensões declaradas.
- A carga está adaptada à sua posição na página.
- O texto alternativo oferece contexto real.
Erros frequentes
- Subir imagens enormes e reduzi-las apenas com CSS.
- Não declarar dimensões e provocar deslocamentos de layout.
- Usar o lazy loading na imagem crítica do primeiro ecrã.
- Repetir o alt genéricos como imagem, foto ou gráfico sem contexto.
Checklist final
- As imagens têm dimensões e atributos adequados.
- As dimensões ou reservas de espaço evitam saltos visuais.
- A carga diferida é aplicada onde faz sentido.
- As imagens informativas têm alt útil.