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

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