O atributo alt (texto alternativo) é essencial para acessibilidade, SEO e usabilidade. Ele descreve a imagem para leitores de tela, ajudando pessoas com deficiência visual a entender o conteúdo. Além disso, melhora o ranqueamento no Google e exibe um texto caso a imagem não carregue.
✅ Boas práticas:
Descreva a imagem de forma objetiva e curta.
Use alt="" em imagens meramente decorativas.
Evite frases como "imagem de..." ou "foto de...".
💡 Dica para escrever um bom alt:
Gere uma descrição detalhada da imagem usando a ferramenta Joy Caption.
Refine o texto com uma LLM (modelo de IA como ChatGPT, Gemini, Claude) usando este prompt:
🔹 Prompt para otimizar a descrição do alt:
Resuma esta descrição da imagem para torná-la objetiva e apropriada para um atributo alt em um site. Mantenha as informações relevantes, evitando palavras desnecessárias e removendo termos genéricos como 'imagem de'. Retorne apenas o texto final, sem explicações.
✅ Exemplo:
Entrada (descrição da IA):
Uma mulher vestindo um casaco vermelho caminha em uma rua movimentada coberta de neve enquanto segura um guarda-chuva preto. Ao fundo, há luzes brilhantes de lojas e carros passando.
Saída otimizada para alt:
Mulher de casaco vermelho caminhando na neve com um guarda-chuva preto, luzes da cidade ao fundo.
Agora é só copiar e colar no código! 🚀
Og Image
O tamanho ideal para a OG:image (Open Graph image) do Facebook e outras redes sociais que utilizam esse protocolo é de 1200 x 630 pixels.
Recomendações:
Tamanho mínimo: 600 x 315 pixels
Proporção: 1.91:1
Tamanho do arquivo: Deve ter menos de 300 KB
Formato: JPEG ou PNG (evite PNG muito grande para não perder qualidade na compressão automática do Facebook)
Texto na imagem: Evite excesso de texto, pois algumas plataformas limitam o alcance de imagens com muito texto
Se a imagem for menor que 200 x 200 pixels, o Open Graph pode não exibi-la corretamente.
Otimização das imagens
Tamanho ideal: Até 1200 x 1200 px (posts) | 1920 x 1080 px (banners)
Peso máximo: 100 KB (páginas) | 200 KB (banners)
Formato recomendado: WebP (melhor compressão) | JPEG/PNG se necessário