Como usar a biblioteca de mídia do WordPress

Publicados: 2021-05-04

A menos que você planeje executar um site somente de texto, precisará lidar com uma variedade de arquivos de mídia. Isso pode incluir imagens, vídeos, GIFs, arquivos de áudio e até PDFs. Felizmente, o WordPress permite que você gerencie todos esses recursos usando sua biblioteca de mídia integrada.

Neste artigo, explicaremos o que é a Biblioteca de mídia do WordPress e onde encontrá-la. Veremos quais formatos de arquivo ele suporta e como fazer upload desses arquivos para o seu site. Finalmente, discutiremos o uso adequado da Biblioteca de mídia e algumas maneiras de estender sua funcionalidade padrão usando plug-ins.

Vamos lá!

Inscreva-se no nosso canal no Youtube

O que é a biblioteca de mídia do WordPress (e onde você pode encontrá-la)?

A Biblioteca de mídia do WordPress é um repositório que mostra todos os arquivos de mídia que você carrega em seu site. Você pode acessar sua Biblioteca de mídia fazendo login em seu painel e selecionando Mídia> Biblioteca no menu à esquerda:

A biblioteca de mídia do WordPress

Esta seção do seu painel permite que você pesquise os arquivos de mídia carregados. Você também pode classificar o conteúdo com base em seus tipos de arquivo e datas de upload. Clicar em Adicionar novo na parte superior da tela permitirá que você carregue novos arquivos de mídia do seu computador:

Upload de novos arquivos de mídia para WordPress

É importante notar que você também pode fazer upload de arquivos de mídia para o WordPress usando o Editor de bloco. Na maioria dos casos, você fará isso conforme necessário enquanto trabalha em uma postagem ou página. Se você carregar imagens pela Biblioteca de mídia primeiro, poderá acessá-las no editor selecionando a opção Biblioteca de mídia ao adicionar um novo bloco de imagem , galeria , vídeo ou áudio :

Um bloco de imagem WordPress

Lembre-se de que, em alguns casos, você pode encontrar um erro HTTP ao enviar imagens para o WordPress, seja por meio do editor ou de sua biblioteca de mídia. Felizmente, esse problema é fácil de solucionar.

Como você pode editar arquivos de mídia e adicionar metadados no WordPress?

Além de permitir que você visualize todos os arquivos de mídia em seu site, a Biblioteca de mídia também permite que você edite esses arquivos em massa ou individualmente. Vamos examinar como esse processo funciona.

Editando Detalhes de Imagem

Se você clicar em qualquer arquivo da Biblioteca de mídia do WordPress, uma nova janela será aberta onde você poderá ver seus detalhes. Isso inclui:

  1. A data de upload, quem fez o upload e o nome, tipo, tamanho e dimensões do arquivo
  2. Uma opção para editar a imagem
  3. Os metadados da imagem

Uma janela de detalhes do anexo no WordPress

Se você clicar no botão Editar imagem , terá acesso a um conjunto de opções básicas para alterar arquivos de imagem. Por exemplo, você pode:

  1. Gire a imagem, vire-a e recorte-a com uma ferramenta de arrastar e soltar
  2. Dimensione a imagem inserindo as dimensões manualmente
  3. Corte a imagem manualmente inserindo as dimensões exatas ou uma proporção de aspecto
  4. Decida se deseja aplicar suas alterações a todos os tamanhos de imagem ou apenas a alguns deles

Editando uma imagem no WordPress

Quando você carrega uma imagem no WordPress, a plataforma gera automaticamente várias variantes em diferentes tamanhos, incluindo uma versão em miniatura. Em seguida, você pode escolher o tamanho da imagem a ser usado em seus posts e páginas.

Você pode visualizar suas alterações na janela à esquerda e salvá-las clicando no botão correspondente . Lembre-se de que o editor de imagens embutido do WordPress é uma ferramenta muito básica. Se você quiser fazer edições significativas em suas imagens, recomendamos o uso de um software de edição de imagens dedicado antes de enviar os arquivos para o WordPress.

Adicionando metadados de imagem

Se você sair do editor e retornar à tela principal de detalhes do anexo , poderá editar alguns dos metadados do arquivo, incluindo:

  1. Texto alternativo (ou “texto alternativo”). Deve ser uma breve descrição da imagem, o que ajuda os mecanismos de pesquisa a entender o que estão “vendo”. Além disso, se sua imagem não carregar, os visitantes verão o texto alternativo.
  2. Título. O atributo title da imagem também é importante para Search Engine Optimization (SEO) e deve explicar concisamente o que é a imagem. Além disso, alguns navegadores exibirão o título de uma imagem se você passar o mouse sobre ela.
  3. Rubrica. Este é o texto que você costuma ver abaixo de uma imagem que explica seu contexto ou inclui detalhes de atribuição.
  4. Descrição. A descrição da imagem aparecerá se os visitantes acessarem o URL do arquivo ou a página do anexo. Você pode usá-lo para incluir mais detalhes sobre cada imagem ou adicionar informações de atribuição.

Veja como cada um desses campos aparece na janela de detalhes do anexo de cada imagem:

Editando dados de imagem no WordPress

Desses campos, você deve prestar atenção especial ao texto alternativo e ao título de cada imagem. Essas são as duas peças de metadados mais importantes do ponto de vista de SEO. Quanto às legendas e descrições, você pode decidir se deseja incluí-las ou não, dependendo do estilo do seu site.

Desativando páginas de anexo de imagem

Um momento atrás, mencionamos páginas de anexo de imagem. Essas são as páginas que o WordPress gera para cada imagem que você carrega. Se você visitar o URL de uma imagem, verá uma página como esta, que inclui a descrição do arquivo:

Uma página de anexo de imagem

Muitos sites não usam páginas de anexo porque não precisam delas. Se você deseja desativar as páginas de anexo completamente, alguns plug-ins de redirecionamento permitem que você envie os usuários que tentam acessá-los de volta à sua página inicial (ou a algum outro destino personalizado).

Quais tipos de arquivo de mídia o WordPress suporta?

Até agora, falamos principalmente sobre arquivos de imagem. No entanto, existem muitos tipos de mídia além das imagens, e o WordPress permite que você carregue uma ampla variedade de tipos de arquivo.

Aqui está uma análise completa de todos os tipos de arquivos de mídia que o WordPress permite:

Imagens Documentos Áudio Vídeo
jpg pdf mp3 mp4
JPEG doc m4a mov
png ppt ogg wmv
gif odt wav avi
ico xls mpg
psd ogv
3gp
3g2

Se você tentar fazer upload de um tipo de arquivo incompatível com o WordPress, verá uma mensagem de erro como esta:

Carregando um arquivo svg para WordPress

Nesse exemplo, tentamos fazer upload de um arquivo SVG, que é um formato não compatível com o WordPress pronto para uso. No entanto, existem várias maneiras de lidar com o erro “Desculpe, este tipo de arquivo não é permitido por razões de segurança”. Para obter mais detalhes, confira nosso tutorial completo sobre como adicionar suporte para mais tipos de arquivo ao WordPress.

Se você carregar arquivos de vídeo ou áudio, o WordPress permitirá que você os reproduza na Biblioteca de mídia clicando neles. No entanto, você não terá acesso a nenhuma funcionalidade de edição para estes tipos de mídia:

Janela de detalhes do anexo de um vídeo no WordPress

Além disso, a funcionalidade de visualização não se estende a tipos de arquivos de documentos. Se você fizer upload de um PDF (ou outro arquivo semelhante), verá apenas um ícone ao abrir a janela de detalhes do anexo:

Uma janela de detalhes do anexo de PDF no WordPress

Da mesma forma, você não pode incorporar documentos em suas páginas ou postagens do WordPress, mesmo que sejam tipos de arquivo compatíveis com o WordPress. Se quiser adicionar um PDF a uma postagem, por exemplo, você precisará usar o bloco Arquivo . Mesmo assim, o WordPress mostrará apenas o título do arquivo ao lado de um botão de download.

3 melhores práticas para gerenciamento de mídia WordPress

Carregar arquivos de mídia para o WordPress e colocá-los dentro de páginas ou posts é simples. No entanto, existem algumas considerações que você deve ter em mente para garantir que seus arquivos de mídia sejam fáceis de interagir e forneçam valor de SEO. Vejamos três dicas principais.

1. Adicione títulos descritivos e texto alternativo a cada arquivo de mídia

Cada arquivo de mídia que você envia para o WordPress deve ter um título descritivo e um texto alternativo. Por exemplo, em vez de enviar um arquivo chamado “12312414.png”, você deseja renomeá-lo como “cat-picture.png” antes de fazer o upload.

Assim que você enviar a imagem, também poderá adicionar o texto alternativo:

Adicionando uma imagem de gato ao WordPress

Essas duas ações simples podem ter um impacto positivo no SEO do seu site. Além disso, adicionar texto alternativo tornará seu site mais acessível para todos os visitantes, independentemente de suas habilidades.

2. Otimize as imagens antes de enviá-las

A maioria dos sites modernos inclui várias imagens por página. Só esta postagem do blog tem mais de dez deles, cada um com muitos detalhes. As imagens de alta resolução têm uma aparência fantástica, mas também podem tornar o seu site mais lento devido ao tamanho dos arquivos.

Como regra geral, recomendamos que você comprima as imagens para otimizá-las antes de enviá-las para o seu site. Existem duas maneiras de fazer isso. Um deles está usando um serviço de terceiros, como o TinyPNG:

A página inicial do TinyPNG

A segunda opção é usar um plugin de otimização de imagem. Essas ferramentas compactam as imagens depois de carregá-las, o que se traduz em um processo mais prático. No entanto, é importante notar que muitos desses plug-ins exigem a compra de uma licença ou plano premium.

Para tornar seu trabalho mais fácil, recomendamos que você não carregue arquivos com resoluções massivas para o WordPress. Em vez disso, você pode redimensionar essas imagens para uma resolução mais gerenciável primeiro e, em seguida, otimizá-las. Você verá uma diminuição significativa nos tamanhos dos arquivos se seguir essas duas etapas.

3. Use plug-ins para estender a funcionalidade da biblioteca de mídia do WordPress

Como você pode esperar, há muitos plug-ins que você pode usar para estender a funcionalidade da Biblioteca de mídia. Fora da caixa, a biblioteca funciona muito bem. No entanto, isso não significa que você não pode melhorá-lo e adicionar alguns dos recursos que faltam.

Alguns aspectos da Biblioteca de mídia que você pode estender usando plug-ins incluem:

  • Funcionalidade de redimensionamento automático. Este recurso significa que você não precisará redimensionar as imagens de alta resolução manualmente antes de carregá-las.
  • Um sistema de taxonomia. À medida que sua biblioteca de mídia cresce em tamanho, navegá-la e encontrar arquivos específicos se torna mais difícil. Um sistema de taxonomia abrangente (como categorias e tags) ajudará a aliviar esse problema.
  • A opção de renomear arquivos de mídia em massa. Se os arquivos que você já enviou não tiverem títulos descritivos, você pode substituí-los em massa usando a ferramenta certa.

Reunimos uma lista de plug-ins que incluem todos esses recursos e muito mais em nosso artigo sobre como turbinar sua biblioteca de mídia do WordPress. Se houver algum aspecto do uso da biblioteca que você não goste ou que tome muito tempo longe de outras tarefas, recomendamos o uso de um plug-in para ter mais opções.

Conclusão

A Biblioteca de mídia do WordPress é aparentemente simples, mas contém muitos recursos. Por meio da biblioteca, você pode fazer upload de imagens em massa, encontrar arquivos específicos entre centenas de opções, navegar na mídia com base em quando foram carregadas ou em seus tipos, editar imagens e muito mais.

Adicionar e usar arquivos de mídia no WordPress é muito simples. No entanto, se você deseja obter o máximo da Biblioteca de mídia e melhorar a experiência do usuário, aqui estão algumas dicas a serem lembradas:

  1. Adicione títulos descritivos e texto alternativo a cada arquivo de mídia.
  2. Otimize as imagens antes de enviá-las.
  3. Use plug-ins para estender a funcionalidade da Biblioteca de mídia do WordPress.

Você tem alguma dúvida sobre como usar a Biblioteca de mídia do WordPress? Vamos repassá-los na seção de comentários abaixo!

Imagem em destaque via kaisorn / shutterstock.com