Como Otimizar Vídeos para o Seu Site WordPress (Dicas de Especialistas)

Adicionar um novo e elegante vídeo ao seu site pode parecer uma grande vitória. Mas a empolgação pode rapidamente se transformar em frustração quando você percebe que sua página da web está carregando mais lentamente.

Sabemos como é. Um site lento pode fazer com que os visitantes cliquem e prejudicar seu engajamento, tudo por causa de um arquivo de vídeo grande.

Após otimizar inúmeros vídeos em nossos próprios sites, aprendemos os passos exatos para obter todos os benefícios de aumento de audiência sem as dores de cabeça de desempenho. Neste guia, vamos guiá-lo através de nossas dicas especializadas, passo a passo.

Por que otimizar vídeos para sites?

A principal razão pela qual você deve otimizar vídeos para o seu site é porque eles podem ser incrivelmente pesados para carregar.

Arquivos de vídeo contêm visuais e áudio de alta qualidade que os tornam grandes em tamanho de arquivo. De fato, um único vídeo 1080p que dura 30 segundos pode adicionar cerca de 30-50 MB a um site.

Para contextualizar, no WPBeginner, sempre visamos comprimir nossas imagens para menos de 30 KB, o que é muito menos do que o tamanho médio de um vídeo de 30 segundos. Se o tamanho de um arquivo for maior do que isso, ele pode afetar negativamente o tempo de carregamento da página.

Um site de carregamento lento pode criar uma reação em cadeia. Primeiro, ele pode frustrar os usuários que desejam acessar seu site, o que pode levá-los a procurar um concorrente.

Se você administra uma loja de comércio eletrônico, o desempenho lento também pode levar a uma taxa de rejeição mais alta e a menos conversões.

Mas não se preocupe. Se você tem conteúdo de vídeo em seu site, tudo o que você precisa fazer é seguir nossas dicas para otimizá-lo e evitar que esse efeito dominó aconteça.

Além de otimizar vídeos para o desempenho do seu site, também é bom otimizar vídeos para SEO. Com o aumento de plataformas de conteúdo em vídeo como YouTube e TikTok, os vídeos se tornaram uma ferramenta poderosa para gerar tráfego para o seu site.

Quando otimizados corretamente, os resultados de pesquisa de vídeo podem ser mais notáveis, aumentar sua visibilidade online e melhorar seu ranking nos mecanismos de busca.

Dito isso, vamos dar uma olhada em como otimizar vídeos para sites. Você pode usar os links rápidos abaixo para pular para diferentes dicas em nossa postagem:

• Dica 1: Use um Serviço de Hospedagem de Vídeo
• Dica 2: Comprima seu Vídeo Antes de Enviá-lo
• Dica 3: Configure seu Sitemap de Vídeo e Marcação de Schema
• Dica 4: Habilite o Lazy Loading para Vídeos
• Dica 5: Use uma CDN de Vídeo (Rede de Distribuição de Conteúdo)
• Como Otimizar Vídeos de Fundo no WordPress
• Perguntas Frequentes Sobre Como Otimizar Vídeos para o seu Site WordPress

Dica 1: Use um Serviço de Hospedagem de Vídeo

Primeiro, você deve escolher uma plataforma de hospedagem de vídeo confiável. Nossa experiência de anos com WordPress mostrou que é melhor usar um provedor de hospedagem de vídeo de terceiros do que hospedar seus próprios vídeos.

Você pode ler nosso artigo sobre por que você nunca deve enviar um vídeo para o WordPress para mais detalhes. Mas, essencialmente, enviar vídeos para sua biblioteca de mídia pode consumir muita largura de banda e recursos da sua hospedagem web.

Além disso, os formatos de vídeo HTML5 podem ser um pouco complicados. Navegadores diferentes suportam formatos diferentes, como MP4, WebM e Ogg. Isso significa que você precisaria de vários arquivos de vídeo para garantir a reprodução em todos os navegadores.

Mesmo que você use um poderoso hospedeiro em nuvem ou um hospedeiro web dedicado, é muito mais fácil usar vídeos incorporados do que hospedar seu próprio conteúdo de vídeo. Se você hospedar seus próprios vídeos, precisará processá-los para que sejam compatíveis com diferentes dispositivos.

Enquanto isso, plataformas como YouTube e Vimeo cuidam disso para você. Não há necessidade de se preocupar em usar um determinado formato de arquivo ou resolução, desde que sejam suportados pela plataforma.

Em seguida, você pode simplesmente incorporar o vídeo em seu site WordPress usando um bloco de Vídeo e o URL do seu conteúdo.

Se você precisar de instruções passo a passo, pode ler estes guias de incorporação de vídeo:

• Como Incorporar Vídeos Facilmente em Posts de Blog do WordPress
• Como Incorporar uma Transmissão ao Vivo do YouTube no WordPress
• Como Incorporar um Vídeo do Facebook no WordPress
• Como Incorporar uma Playlist do YouTube no WordPress (Melhor Método)
• Como exibir os vídeos mais recentes do canal do YouTube no WordPress

Além disso, você pode conferir nosso guia sobre os melhores sites de hospedagem de vídeo se precisar de recomendações.

Se você estiver exibindo vídeos de produtos para o seu site WooCommerce, então você também pode ler nosso guia passo a passo sobre como adicionar vídeos de produtos ao WooCommerce às galerias.

Dica 2: Comprima seu Vídeo Antes de Enviá-lo

As imagens precisam ser comprimidas antes de serem carregadas no WordPress, e o mesmo vale para os vídeos. A compressão é uma maneira rápida e fácil de reduzir o tamanho dos arquivos para que eles não diminuam a velocidade da sua página.

Dito isso, nem todas as ferramentas de otimização de vídeo são iguais. Embora possam reduzir o tamanho do arquivo, elas também podem comprometer a qualidade do seu vídeo.

Ao procurar um software para comprimir seus vídeos, certifique-se de que ele suporta o formato de arquivo que você planeja usar.

Se você estiver carregando vídeos para o YouTube ou Vimeo, então, muito provavelmente, você estará usando um formato popular como MP4, WebM ou MOV. Esses formatos são amplamente suportados por plataformas de compressão de vídeo.

Além disso, considere usar uma ferramenta que ofereça níveis de compressão ajustáveis. Normalmente, você poderá escolher entre qualidade de vídeo baixa, média ou alta. Você também pode selecionar uma resolução desejada para reduzir o tamanho.

Por fim, não se esqueça de considerar o preço da plataforma. Existem muitas opções de software gratuitas para otimizar vídeos para sites online, mas você deve testá-las para ver se elas adicionam uma marca d'água.

Uma ferramenta popular de otimização de vídeo online é o VEED.IO.

Esta plataforma gratuita vem com configurações de compressão básicas e avançadas e não adiciona marca d'água ao seu conteúdo. Tudo o que você precisa fazer é carregar seu vídeo na ferramenta e selecionar uma qualidade e resolução de vídeo.

Se você quiser usar uma ferramenta de desktop, pode conferir o HandBrake.

É uma plataforma de compressão de vídeo gratuita e de código aberto, compatível com todos os principais sistemas operacionais.

Dica 3: Configure seu Sitemap de Vídeo e Marcação de Schema

Reduzir o tamanho e a qualidade do arquivo de vídeo é apenas uma parte da otimização de vídeo. Se você deseja que seus vídeos apareçam nas páginas de resultados dos mecanismos de pesquisa (SERPs), você precisa ajudar o Google a entender e indexar seu conteúdo de forma eficaz.

Uma maneira de fazer isso é usar o plugin All in One SEO for WordPress (AIOSEO). É o melhor plugin de SEO para WordPress que pode ajudá-lo a otimizar facilmente seu conteúdo e monitorar o desempenho do seu site.

Aqui no WPBeginner, usamos o AIOSEO para todas as nossas necessidades de SEO, incluindo sitemaps de vídeo e marcação de schema. Para uma análise completa de seus recursos, você pode ver nossa revisão detalhada do All in One SEO.

Para acessar os recursos de SEO de Vídeo do AIOSEO, como o Sitemap de Vídeo e a Marcação de Schema de Vídeo, você precisará se inscrever em um plano Pro.

Em seguida, você pode instalar e ativar o plugin AIOSEO no WordPress. Para mais orientações, confira nosso guia sobre como instalar um plugin do WordPress.

Após instalar o plugin, você pode ativar a chave de licença. Simplesmente vá para All in One SEO » Configurações Gerais na sua área de administrador do WordPress e insira a chave de licença lá.

A partir daqui, você pode seguir nosso guia passo a passo sobre como configurar um sitemap de vídeo no WordPress.

Um sitemap de vídeo é um sitemap XML especializado que fornece informações detalhadas sobre os vídeos em seu site. Esses dados incluem o título do vídeo, descrição, duração, URL da miniatura e a página onde o vídeo está incorporado.

Ao criar um sitemap de vídeo, você permite que os mecanismos de busca rastreiem e indexem seus vídeos de forma mais eficaz.

Outra etapa importante é configurar a marcação de esquema de vídeo. Estes são dados estruturados que ajudam os mecanismos de busca a entender sobre o que são seus vídeos.

Isso aumenta a probabilidade de seus vídeos aparecerem como prévias especiais (ou rich snippets) nos resultados de pesquisa, tornando-os mais notáveis para as pessoas que pesquisam online. Veja como isso se parece:

Para configurar a marcação de esquema de vídeo no AIOSEO, basta ir à postagem ou página do WordPress onde seu vídeo está incorporado e abrir o editor de blocos do WordPress.

Depois disso, role para baixo até as Configurações do AIOSEO e navegue até a guia 'Schema'. Em seguida, clique em 'Gerar Schema'.

Agora, a janela pop-up do Gerador de Schema aparecerá. Na guia Catálogo de Schema, procure pelo modelo de schema 'Vídeo'.

Vá em frente e clique no botão '+' ao lado do modelo de Vídeo.

Agora, você poderá preencher as informações do seu vídeo. Nos três primeiros campos, você pode inserir o Nome, Descrição e URL do Conteúdo do vídeo.

Para Nome e Descrição, sinta-se à vontade para usar as Smart Tags do AIOSEO. Estes são rótulos predefinidos que podem facilmente adicionar informações existentes do seu conteúdo, como o título da postagem, título do site e trecho da postagem.

Quanto à URL do Conteúdo, você pode inserir o endereço do arquivo de mídia de vídeo. Isso significa que a URL deve terminar com o formato do arquivo, como https://www.example.com/video/123/file.mp4

O Google informou que fornecer a URL do conteúdo do seu vídeo é a melhor maneira para eles obterem seu arquivo de vídeo. Mas se você carregou seu vídeo para um site de hospedagem de vídeo como o YouTube, isso pode não ser possível.

Rolando para baixo, você encontrará as configurações de URL de Incorporação, Data de Upload, É Adequado para Família e URL da Miniatura.

Você usará a URL de Incorporação se carregou o vídeo para um serviço de terceiros e não tem acesso à URL do Conteúdo. Aqui, você precisa inserir o endereço do player incorporável do vídeo, portanto, deve parecer https://www.example.com/embed/123

Se você carregou o vídeo para o YouTube, pode encontrar a URL de incorporação abrindo o vídeo do YouTube e clicando no botão 'Compartilhar' abaixo do player.

Depois disso, clique em 'Incorporar' na janela pop-up.

Você verá um código completo de incorporação de vídeo na próxima janela pop-up. Observe que você não precisa copiar e colar tudo.

O que você deve fazer é selecionar a URL que está entre as aspas duplas após o atributo src=. Esta é a URL de Incorporação do seu vídeo.

Depois disso, copie e cole esta URL de volta no Gerador de Schema de Vídeo do AIOSEO.

Para a URL da Miniatura, você pode copiar e colar sua URL de imagem no campo ou carregar uma nova imagem para a biblioteca de mídia. Observe que o tamanho mínimo é de 112 pixels de largura e altura.

Quando todas as configurações parecerem boas, basta clicar no botão 'Adicionar Schema'.

E é isso! Agora você deve ver um item de Schema de Vídeo na guia Schema dentro das Configurações do AIOSEO.

Dica 4: Habilite o Lazy Loading para Vídeos

Carregamento preguiçoso significa que seu site atrasa o carregamento de certos elementos de conteúdo até que alguém role para onde o conteúdo está na tela. Isso faz com que seu site carregue mais rápido inicialmente porque não precisa carregar todos os elementos de vídeo de uma vez.

Quando o carregamento preguiçoso é ativado para vídeos, seu site esperará para carregar o player de vídeo e o conteúdo até que o espectador esteja prestes a assisti-lo.

Para fazer isso, você pode usar o WP Rocket. Ele é um dos melhores plugins de desempenho para WordPress do mercado, e é a mesma ferramenta que usamos em nossos próprios sites para otimizar a velocidade e o cache.

O primeiro passo é instalar e ativar o plugin WP Rocket. Você pode ler nosso guia sobre como instalar um plugin do WordPress para mais informações.

Em seguida, acesse Configurações » WP Rocket no seu painel do WordPress e navegue até a aba ‘Mídia’. Em seguida, basta marcar as caixas ‘Ativar para iframes e vídeos’ e ‘Substituir o iframe do YouTube por imagem de pré-visualização’.

O que a segunda caixa de seleção significa é que, em vez de carregar o player de vídeo real imediatamente quando alguém visita sua página da web, apenas uma imagem estática representando o vídeo é carregada primeiro.

Se você também quiser carregar imagens lentamente (lazy load), confira nosso artigo sobre como carregar imagens lentamente no WordPress.

Dica 5: Use uma CDN de Vídeo (Rede de Distribuição de Conteúdo)

CDN é a abreviação de rede de distribuição de conteúdo, que é um serviço que pode acelerar seu site.

Ele funciona armazenando o conteúdo do seu site em vários servidores em todo o mundo. Quando alguém visita seu site, a CDN entrega o conteúdo do servidor mais próximo dele. Isso reduz a distância que os dados precisam percorrer e faz com que seu site carregue mais rápido.

Aqui no WPBeginner, usamos a CDN empresarial da Cloudflare como nossa solução de otimização de desempenho. Isso garante que nossas páginas carreguem rapidamente para milhões de leitores em todo o mundo.

Uma CDN de vídeo é projetada para entregar conteúdo de vídeo de forma eficiente. Ela otimiza o streaming de vídeo armazenando cópias de seus vídeos em servidores localizados estrategicamente em todo o mundo.

Se você seguiu nossa sugestão de fazer upload de vídeos para um serviço de terceiros, ter uma CDN de vídeo não será necessário. Mas para pessoas que optam por auto-hospedar seus próprios vídeos, recomendamos o uso de Bunny.net.

Bunny.net é um dos melhores serviços de CDN para WordPress com um recurso de CDN de entrega de vídeo. Seus vídeos serão protegidos em seu armazenamento de nível empresarial, e os espectadores poderão assistir seus vídeos em alta qualidade sem buffering.

Se você estiver interessado em usar uma CDN, confira nossa lista dos melhores serviços de CDN para WordPress.

Como Otimizar Vídeos de Fundo no WordPress

Se você precisar otimizar vídeos de fundo para o seu site WordPress, então você pode usar as seguintes dicas.

Remover o Áudio

O áudio pode adicionar um peso significativo a um arquivo de vídeo. Se você estiver usando apenas um vídeo como fundo sem som, é melhor remover o áudio.

Você pode remover facilmente o áudio de um vídeo usando um software de edição de vídeo. Para recomendações, veja nossa lista dos melhores softwares de edição de vídeo.

Alternativamente, você pode usar o removedor de áudio gratuito para vídeos do Adobe Express. Basta fazer o upload do seu vídeo, e a ferramenta cuidará da remoção do som para você. O vídeo será então baixável como um arquivo MP4.

Diminuir a Duração

Diminuir a duração do vídeo é outra boa maneira de comprimir vídeos para vídeos de fundo ou de reprodução automática. Isso pode diminuir o tamanho geral do arquivo, tornando o carregamento mais rápido e melhorando o desempenho do site.

Normalmente, 30 segundos ou menos de duração de vídeo devem ser suficientes para um vídeo de fundo.

Novamente, você pode usar um software de edição de vídeo para reduzir a duração do seu vídeo. Para uma ferramenta online gratuita, você pode usar o Canva ou o Cortador de Vídeo do Adobe Express.

Evite Loop Infinito

Ao usar vídeos de fundo ou de reprodução automática em seu site, é essencial evitar loops infinitos. Loop é quando o vídeo continua tocando repetidamente e pode consumir muita largura de banda.

Também é importante considerar o contexto em que o vídeo é exibido. Se o vídeo for uma breve introdução ou mostrar um produto específico, um número limitado de loops ou uma única reprodução geralmente é suficiente para comunicar a mensagem.

No WordPress, você pode controlar o comportamento do loop do seu vídeo do YouTube para reduzir a carga nos recursos do seu site. Nosso guia sobre como adicionar um vídeo do YouTube como fundo em tela cheia no WordPress mostra como.

Use uma Boa Cor de Fonte Contrastante

Pessoas que usam um vídeo em reprodução automática como fundo de sua página inicial geralmente colocam algum texto sobre ele. Nessa situação, é bom usar uma cor de texto que contraste bem com o esquema de cores do vídeo.

Dessa forma, o texto permanece facilmente legível e se destaca proeminentemente contra o fundo do vídeo.

Se você quiser dicas e truques para escolher uma cor de texto para o seu vídeo de fundo, visite nosso guia sobre como escolher o esquema de cores perfeito.

Além disso, você pode conferir nosso artigo sobre os melhores temas WordPress para sites de vídeo para encontrar designs que complementem seu site e conteúdo de vídeo.

Perguntas Frequentes Sobre Como Otimizar Vídeos para o seu Site WordPress

Agora, vamos abordar algumas perguntas comuns relacionadas à otimização de vídeos para o seu site WordPress.

1. Qual é o melhor formato de vídeo para um site WordPress?

O WordPress suporta tipos de arquivo de vídeo como .mp4, .m4v, .mov, .wmv, .avi, .mpg, .ogv, .3gp e .3g2.

Recomenda-se usar MP4 com codec H.264 para o melhor equilíbrio entre qualidade e tamanho do arquivo.

2. Como otimizo um vídeo do YouTube no WordPress?

Se você incorporar seus vídeos do YouTube, o WordPress cuidará do processo de incorporação e garantirá que o player de vídeo carregue de forma eficiente.

No entanto, você pode otimizar ainda mais os vídeos habilitando o carregamento preguiçoso (lazy loading), comprimindo os arquivos de vídeo e configurando marcação de esquema de vídeo e sitemap com o AIOSEO. A última etapa garante que os mecanismos de pesquisa possam entender e indexar seus vídeos corretamente.

Você também pode conferir nossa lista de melhores plugins de galeria de vídeos do YouTube para WordPress para mais recursos para aprimorar os vídeos do seu site.

3. Como faço para que meu vídeo do WordPress carregue mais rápido?

Para fazer seus vídeos do WordPress carregarem mais rápido, você pode carregá-los em um serviço de hospedagem de terceiros como YouTube ou Vimeo. Não é recomendado hospedar seus próprios vídeos, pois isso geralmente requer mais recursos do servidor e deixa seu site lento.

Você também precisará comprimir os vídeos para reduzir seus tamanhos de arquivo sem comprometer a qualidade.

Além disso, é uma boa ideia habilitar o carregamento preguiçoso (lazy loading) para o conteúdo de vídeo. Isso garante que seu site carregue rapidamente na primeira vez, e os vídeos só são carregados quando o visitante rola para visualizá-los.

Esperamos que este tutorial tenha ajudado você a aprender como otimizar vídeos para sites.

Para mais dicas de especialistas, você também pode querer conferir estes recursos adicionais:

• Melhores Plugins do WordPress para Publicadores do YouTube
• Guia para Iniciantes em SEO de Imagens – Otimize Imagens para Mecanismos de Busca

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.