Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Adicionando Mídia às Postagens | Criação de Conteúdo
Crie um Site sem Código com o WordPress

bookAdicionando Mídia às Postagens

Mídias—como imagens e vídeos—tornam seu conteúdo mais dinâmico e envolvente. Nesta lição, você aprenderá as melhores práticas para enviar mídias para posts do WordPress, como otimizar seus arquivos e como usar texto alternativo e legendas para acessibilidade e SEO.

Enviando e Incorporando Mídias no WordPress
expand arrow

Mídias podem ser adicionadas a um post usando blocos. A seguir, um breve resumo dos tipos de blocos relevantes:

  • Use o bloco de Imagem para enviar fotos ou escolher da biblioteca de mídia;
  • Use o bloco de Vídeo apenas se realmente precisar enviar um arquivo de vídeo para seu servidor (não recomendado);
  • Use o bloco de Incorporação para inserir vídeos do YouTube, Vimeo ou outros vídeos externos apenas colando o link do vídeo.
Por que Usar Serviços Externos de Vídeo?
expand arrow

É recomendável usar plataformas externas como YouTube ou Vimeo para hospedar seus vídeos. Isso porque:

  • Seu servidor de hospedagem tem armazenamento limitado: vídeos ocupam muito espaço;
  • Vídeos consomem muita largura de banda: cada vez que alguém assiste a um vídeo, utiliza dados do seu plano de hospedagem;
  • Arquivos grandes deixam seu site mais lento: isso pode criar uma experiência ruim para os visitantes e prejudicar seu SEO.

Ao incorporar vídeos de plataformas como o YouTube, seu site carrega mais rápido e você não utiliza os recursos do seu servidor.

Otimização de Imagens para Performance
expand arrow

Imagens grandes também podem deixar seu site mais lento. Para melhorar o tempo de carregamento:

  • Use o formato JPEG ou WebP; eles oferecem boa qualidade com tamanhos de arquivo menores;
  • Redimensione suas imagens antes de enviar; evite enviar arquivos em tamanho original da sua câmera ou celular;
  • Use ferramentas de compressão como TinyPNG ou ImageOptim para reduzir o tamanho do arquivo.

É aconselhável manter o tamanho dos arquivos de imagem abaixo de 200–300 KB sempre que possível, pois isso contribui para tempos de carregamento mais rápidos, especialmente em conexões de internet mais lentas.

Usando Legendas e Texto Alternativo
expand arrow

Adicionar texto alternativo (alt text) e legendas às suas imagens melhora tanto a acessibilidade quanto a otimização para mecanismos de busca (SEO).

O texto alternativo é uma descrição escrita da sua imagem. Ele é importante para pessoas que usam leitores de tela—por exemplo, alguém com deficiência visual. O leitor de tela lê o texto alternativo em voz alta para que a pessoa saiba o que está na tela.

O texto alternativo também é usado pelo Google e outros mecanismos de busca para entender sobre o que é sua imagem; isso ajuda suas imagens a aparecerem na Pesquisa de Imagens do Google, trazendo mais visitantes para seu site.

As legendas são visíveis na página, logo abaixo da imagem; elas ajudam a explicar ou dar contexto extra à imagem para todos os usuários.

Exemplo:
Se você enviar uma foto de uma salada para um post no blog, seu texto alternativo pode ser:
"Salada verde fresca com tomates-cereja e queijo feta". Isso informa ao Google e aos leitores de tela exatamente o que está na imagem.

Ao enviar uma imagem no WordPress, observe o painel de configurações da imagem à direita. Você encontrará campos para texto alternativo e legenda.

Reserve um momento para preencher esses campos, especialmente o texto alternativo. Tente incluir palavras-chave relacionadas ao seu tema, mas evite exageros.

Adicionar essas informações melhora:

  • Acessibilidade para todos os usuários;
  • Ranking de SEO para seu conteúdo;
  • A chance de sua imagem aparecer no Google Imagens, trazendo mais tráfego para seu site.
question mark

Qual das opções a seguir é a melhor prática ao adicionar imagens a um post do WordPress?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

How do I embed a YouTube video in my WordPress post?

What are the best tools for compressing images before uploading?

Can you explain how to write effective alt text for images?

Awesome!

Completion rate improved to 3.45

bookAdicionando Mídia às Postagens

Deslize para mostrar o menu

Mídias—como imagens e vídeos—tornam seu conteúdo mais dinâmico e envolvente. Nesta lição, você aprenderá as melhores práticas para enviar mídias para posts do WordPress, como otimizar seus arquivos e como usar texto alternativo e legendas para acessibilidade e SEO.

Enviando e Incorporando Mídias no WordPress
expand arrow

Mídias podem ser adicionadas a um post usando blocos. A seguir, um breve resumo dos tipos de blocos relevantes:

  • Use o bloco de Imagem para enviar fotos ou escolher da biblioteca de mídia;
  • Use o bloco de Vídeo apenas se realmente precisar enviar um arquivo de vídeo para seu servidor (não recomendado);
  • Use o bloco de Incorporação para inserir vídeos do YouTube, Vimeo ou outros vídeos externos apenas colando o link do vídeo.
Por que Usar Serviços Externos de Vídeo?
expand arrow

É recomendável usar plataformas externas como YouTube ou Vimeo para hospedar seus vídeos. Isso porque:

  • Seu servidor de hospedagem tem armazenamento limitado: vídeos ocupam muito espaço;
  • Vídeos consomem muita largura de banda: cada vez que alguém assiste a um vídeo, utiliza dados do seu plano de hospedagem;
  • Arquivos grandes deixam seu site mais lento: isso pode criar uma experiência ruim para os visitantes e prejudicar seu SEO.

Ao incorporar vídeos de plataformas como o YouTube, seu site carrega mais rápido e você não utiliza os recursos do seu servidor.

Otimização de Imagens para Performance
expand arrow

Imagens grandes também podem deixar seu site mais lento. Para melhorar o tempo de carregamento:

  • Use o formato JPEG ou WebP; eles oferecem boa qualidade com tamanhos de arquivo menores;
  • Redimensione suas imagens antes de enviar; evite enviar arquivos em tamanho original da sua câmera ou celular;
  • Use ferramentas de compressão como TinyPNG ou ImageOptim para reduzir o tamanho do arquivo.

É aconselhável manter o tamanho dos arquivos de imagem abaixo de 200–300 KB sempre que possível, pois isso contribui para tempos de carregamento mais rápidos, especialmente em conexões de internet mais lentas.

Usando Legendas e Texto Alternativo
expand arrow

Adicionar texto alternativo (alt text) e legendas às suas imagens melhora tanto a acessibilidade quanto a otimização para mecanismos de busca (SEO).

O texto alternativo é uma descrição escrita da sua imagem. Ele é importante para pessoas que usam leitores de tela—por exemplo, alguém com deficiência visual. O leitor de tela lê o texto alternativo em voz alta para que a pessoa saiba o que está na tela.

O texto alternativo também é usado pelo Google e outros mecanismos de busca para entender sobre o que é sua imagem; isso ajuda suas imagens a aparecerem na Pesquisa de Imagens do Google, trazendo mais visitantes para seu site.

As legendas são visíveis na página, logo abaixo da imagem; elas ajudam a explicar ou dar contexto extra à imagem para todos os usuários.

Exemplo:
Se você enviar uma foto de uma salada para um post no blog, seu texto alternativo pode ser:
"Salada verde fresca com tomates-cereja e queijo feta". Isso informa ao Google e aos leitores de tela exatamente o que está na imagem.

Ao enviar uma imagem no WordPress, observe o painel de configurações da imagem à direita. Você encontrará campos para texto alternativo e legenda.

Reserve um momento para preencher esses campos, especialmente o texto alternativo. Tente incluir palavras-chave relacionadas ao seu tema, mas evite exageros.

Adicionar essas informações melhora:

  • Acessibilidade para todos os usuários;
  • Ranking de SEO para seu conteúdo;
  • A chance de sua imagem aparecer no Google Imagens, trazendo mais tráfego para seu site.
question mark

Qual das opções a seguir é a melhor prática ao adicionar imagens a um post do WordPress?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 2
some-alt