Já não é um saber-fazer que adicionar vídeos ao seu sítio web lhe trará um valor real inigualável e aos visitantes do seu sítio. Desde melhorar a experiência do utilizador - na nossa cultura orientada para o visual, as pessoas preferem ver à leitura - a trazer benefícios SEO ao seu sítio. Maior tempo no site, taxas de cliques mais elevadas, conversões impulsionadas, e, portanto, receitas, estão entre os benefícios claros da incorporação de vídeos no seu site.

No entanto, um simples carregamento não o cortará neste caso. A incorporação de vídeo no seu sítio web é realmente o caminho a seguir. A incorporação de vídeo pode parecer um trabalho de rotina, no entanto, não é um corte tão claro. Com tanta informação aqui e ali sobre como incorporar um vídeo de um lugar para outro, temos como objectivo criar um guia definitivo para incorporar vídeo no seu sítio web, que abrange tudo.

Vamos saltar já para dentro!

Parte I: O que é um Vídeo Embed?

Antes de mais nada, é importante compreender o que está por detrás do elemento principal de uma incorporação de vídeo - um código de incorporação. Um código incorporado é uma peça de código HTML que pode usar para adicionar vídeo e outros tipos de conteúdo ao seu website.

Este trecho de código ajuda a exibir o vídeo no seu website. Retira o vídeo da sua fonte original, sem realmente o "forçar" a hospedá-lo no seu sítio web. Isto implica que não terá de se preocupar que um vídeo afecte o tempo de carregamento do seu sítio web, e também abre uma série de escolhas entre vários serviços de alojamento de vídeo que melhor se adaptam às suas necessidades.

Embora a maioria dos serviços de alojamento de vídeo ofereçam a geração auto-integrada, não fará mal em compreender a estrutura básica do código de incorporação de vídeo:

<iframe src="URL'></iframe>

Em vez da parte URL, basta adicionar o link para o vídeo, e voilá - aí está o seu código HTML. Saber um pouco de HTML também lhe permitirá ajustar o código incorporado manualmente: adicionar a altura e largura necessárias, ou bloquear características particulares do vídeo que não quer exibir na sua página. Pode ter este aspecto:

Pode perguntar-se neste momento - porque não pode simplesmente carregar o vídeo para o seu site e acabar com o incómodo? O Google diz frequentemente que os vídeos adicionam um tempo significativo de carregamento do site, diminuem a velocidade do site e, assim, afectam a experiência do utilizador e têm um impacto negativo no seu SEO. Assim, pode perder tráfego, rankings, etc. Para não falar de servidores sobrecarregados, custos adicionais, e assim por diante.

Incorporar vídeos num sítio Web ajudá-lo-á a ultrapassar a maioria destas questões. Eis a razão.

Parte II: Embedar Não Carregar: As Principais Vantagens de um Vídeo Embedded

1. Incorporar vídeo num website para tempos de carregamento de vídeo mais elevados (e SEO)

Quando carrega um vídeo para o seu site, o seu vídeo pode demorar muito tempo a carregar, o que, por sua vez, afecta o tempo de carregamento da página. Assim, os visitantes do seu sítio podem experimentar um carregamento lento do vídeo, pausas inesperadas, e a recusa geral de reprodução. A incorporação de vídeos pode ajudá-lo amanter a velocidade do seu sítio a um ritmo equilibrado e não trazer nenhum efeito negativo à experiência do utilizador .E, de acordo com John Mueller do Google, a velocidade do site é um dos principais factores de classificação na nossa primeira era de mobilidade .

Porque se deve preocupar com isso? Aqui está um gráfico que mostra como o tempo de carregamento do sítio tem impacto nas conversões:

Fonte: Vídeo de Crisp

Assim, basicamente, um tempo de carga mais baixo significa classificações mais baixas, menos tráfego, menos conversões, e... receitas perdidas!

Mas não pense que adicionar um vídeo só lhe causará problemas. Ter uma reprodução de vídeo no seu site terá um impacto significativo no tempo que as pessoas passam no seu site (factor de ranking positivo), e também o vídeo em si pode aparecer na página #1 do Google, o que traz tráfego, e todo o resto que se segue. Assim, é apenas uma questão de fazer as coisas bem feitas e escolher a opção de incorporação em vez do carregamento.

2. Incorporar vídeo num website para ultrapassar as limitações de largura de banda

O carregamento de um vídeo esgota a largura de banda do seu próprio servidor (que vem com um custo). E cada vez que alguém liga ou incorpora o seu vídeo no seu site, o seu próprio site sofre ao utilizar novamente a sua largura de banda. Isto é dispendioso e ineficiente.

3. Incorporar vídeo num website para evitar tamanho de ficheiro e limites de armazenamento

O alojamento do seu sítio vem sempre com um limite de armazenamento - por isso, de um modo geral, sempre que carrega um vídeo, está a ocupar espaço no seu servidor. Ao carregar vários vídeos, pode potencialmente ocupar demasiado espaço, e se vários utilizadores virem o seu vídeo simultaneamente, os tempos de carregamento do seu sítio podem abrandar drasticamente.

Além disso, há também uma questão de limitação do tamanho do ficheiro ao carregamento de vídeo. A sua plataforma de alojamento de sítios terá muito provavelmente restrições apertadas no formato de vídeo e no tamanho dos ficheiros, pelo que se verá a comprimir o vídeo até um ponto em que não terá qualquer utilidade. A incorporação do vídeo não lhe trará estas restrições.

Fonte: ProPhoto

4. Incorporar vídeo num website para uma maior qualidade de vídeo

Das restrições de tamanho de ficheiro, estamos a chegar a limitações de qualidade de vídeo quando se trata de carregar vídeos para um site. Se quiser exibir o seu vídeo de alta qualidade e trabalhado no seu site, armazená-lo num site de terceiros garante que se manterá dentro do seu "limite inode", a estrutura de dados que mantém a informação sobre o ficheiro na sua conta de alojamento. Assim, não terá de pensar em converter os seus ficheiros de vídeo em múltiplos formatos e versões para permitir aos seus visitantes ver os seus vídeos em alta definição ou em resolução mais baixa.

Parte III: Escolha de um site de hospedagem de vídeo

Basicamente, ao optar por incorporar vídeos no seu website, está a deixar todas as preocupações de carga do servidor e alterações no formato do ficheiro para alguém que tem tempo e recursos para isso. Mas, como provavelmente compreenderá, para incorporar um vídeo no seu sítio web, tem de, primeiro, adicioná-lo a uma plataforma de alojamento de vídeo de terceiros. E aqui, tem muitas escolhas.

Não existe o melhor ou pior conceito de hospedeiro de vídeo, é realmente uma questão de equilíbrio entre as características certas e o custo. Assim, resumimos as principais características a considerar antes de escolher o sítio de alojamento de vídeo certo:

Actor responsivo

O seu site de alojamento de vídeo deve oferecer um leitor de vídeo reactivo, um widget de media rico e fácil de utilizar, concebido para proporcionar ao seu público a máxima experiência de utilização e visualização. Independentemente de assistirem a partir de um ecrã de secretária, smartphone, tablet ou qualquer outro tamanho de ecrã, o vídeo expande-se para preencher a largura do ecrã, mas mantém a relação de aspecto original dos vídeos. Isto ajuda a evitar o dimensionamento estático que pode potencialmente distorcer a disposição das páginas, deformar a imagem, ou exibir barras pretas à volta do vídeo.

Rapidez e qualidade de serviço

Quando se escolhe um alojamento de vídeo, quer ter a certeza de que estão a prestar o máximo serviço. Portanto, há uma dupla compreensão do que uma boa velocidade e qualidade de serviço implicam:

• Apoio para uma grande qualidade de vídeo: Em 2020, não se pode realmente permitir filmagens e animações granulosas em 360p ou 480p. Portanto, a menos que esteja com um orçamento baixo e 1080p irá cortá-lo para os seus propósitos, certifique-se de que o serviço de alojamento de vídeo que escolher suporta Ultra HD ou mais. As melhores plataformas oferecem-lhe a possibilidade de mudar automaticamente entre a qualidade HD/SD.
• Grande apoio e serviço ao cliente: Dupla verificação da qualidade dos servidores que o serviço utiliza. O sítio falha de vez em quando (isto irá afectar a exibição do vídeo no seu sítio!)? É de alguma forma propenso a ataques DDoS? E, o que é mais importante, qual é o tempo médio de resposta às consultas dos seus clientes?

Opções de configuração do leitor

As primeiras impressões são importantes, por isso a primeira coisa que chama a sua atenção e a dos seus clientes é o design do leitor de vídeo. Desde as cores aos botões, a reprodução automática e a configuração de todos os comandos necessários - quanto mais personalizável for o leitor de vídeo, melhor.

Opções de personalização do leitor de vídeo em Wave.video hosting

Características da geração de chumbo

Se estiver a adicionar um vídeo ao seu website, este torna-se uma parte da sua máquina de geração de leads .Por isso, certifique-se de que a plataforma de vídeo que está a escolher suporta efectivamente a geração de leads através do vídeo. Esta funcionalidade inclui coisas como chamadas para a acção e formas de capturar a informação dos seus visitantes (leads). Caso contrário, é basicamente um leitor de vídeo pelo qual está a pagar.

Privacidade

Ao operar online, a privacidade é um factor óbvio a considerar. O mesmo se aplica à privacidade dos seus vídeos. É importante que a plataforma de alojamento de vídeos da sua escolha não permita que todos vejam ou descarreguem os seus vídeos sem a sua permissão. Por conseguinte, o serviço de alojamento deve dar-lhe a opção de impor regras rigorosas sobre o descarregamento e uma forma eficiente de fazer cumprir essas regras. A capacidade de proteger os seus vídeos com uma senha é uma característica a procurar ao escolher uma plataforma de alojamento de vídeo.

SEO

Se quiser jogar com o ranking do seu próprio sítio, deve ser estratégico na escolha de uma plataforma de alojamento de vídeo. Procure um serviço de alojamento que seja estável e popular (como em si mesmo, elevado no ranking), e faça uso da sua quota-parte no ranking do Google .Em primeiro lugar, alojar oseu vídeo num site externo irá fornecer-lhe links de saída, ou backlinks, e irá potencialmente facilitar a obtenção de snippets ricos em vídeo para o seu próprio domínio. Assim, isto dar-lhe-á também uma oportunidade de ter impacto na classificação do seu site.

Fonte: Moz

Analítica e recolha de dados

Os seus vídeos são concebidos para atrair e agradar ao cliente, pelo que naturalmente gostaria de saber o quanto os clientes estão satisfeitos. Por conseguinte, o serviço em que hospeda o seu vídeo deve dar-lhe uma infinidade de análises para ver. E não apenas coisas simples como vistas, comentários, mas todo um tipo diferente de dados complexos. Incorporar vídeos permite-lhe adicionar um código de rastreio especial - do Google Tag Manager - e obter análises adicionais na sua conta Google Analytics, como o tempo médio de observação, o momento em que as pessoas geralmente param de ver, e assim por diante. Precisa de todos estes dados para saber como e porquê os seus vídeos são bem sucedidos (ou não).

Custo

Depois de se certificar de ter considerado todas as características de que necessita, de estar satisfeito com a plataforma e o apoio, e de ter a cabeça à volta da qualidade do vídeo, a última coisa a fazer é garantir que a plataforma se enquadra no seu orçamento. E isto depende do número de visualizações de vídeo que prevê, e do tamanho dos seus ficheiros de vídeo. Mais visualizações de vídeos maiores implicarão que está a utilizar mais largura de banda e por isso o preço irá aumentar. Vale também a pena verificar se a plataforma permite contratos mensais ou anuais. Se for um pequeno negócio ou apenas começar com vídeo, provavelmente não vai querer estar vinculado a contratos a longo prazo.

Parte IV: Como Gerar o Código Embed

Uma vez escolhida a sua plataforma de hospedagem de vídeo e carregado todo o seu conteúdo de vídeo, há apenas um passo que o separa de adicionar/integrar um vídeo ao seu sítio web - encontrar esse código de incorporação.

Incorporação de vídeos deserviços de alojamento de vídeo

Embeddedded from Wave.video

Para incorporar um vídeo do Wave.video, vá a My Projects e encontre o vídeo que pretende incorporar. Depois, passe o cursor sobre o ícone dos três pontos e clique em "Player".

Ligue a alavanca que diz "Embed video" e Wave.video irá auto-gerar um código de incorporação para o seu vídeo. Sob a comutação, também encontrará definições de tamanho de vídeo, por isso não se esqueça de fazer uso desta funcionalidade.

Para personalizar o leitor de vídeo, abrir o separador "Aparência" e sentir-se livre para mudar a cor do leitor, definir que controlos são mostrados (se houver), ou escolher uma miniatura personalizada. Se quiser saber mais sobre as características do Wave.video hosting, não deixe de ler este artigo.

Há várias opções de como pode incorporar vídeos com Wave.video no seu website ou blog.

• Encaixe em linha

Esta é uma incorporação regular que colocará o seu vídeo dentro do texto circundante ou outros elementos de UI da sua página.

• Popover embed

Incorporar um vídeo desta forma abri-lo-á num diálogo modal que aparece sobre o resto do conteúdo.

Há três maneiras de integrar o seu vídeo no conteúdo da sua página: miniatura, destaque e ligação de texto.

Embeddedded from YouTube

Basta ir à página de reprodução do seu vídeo no YouTube, clicar no botão "Partilhar", e depois "Incorporar". Pode simplesmente copiar o código incorporado, ou trabalhar em algumas opções personalizáveis - exibir/cobrir os controlos do leitor ou reproduzir o vídeo a partir de um determinado ponto (não necessariamente do início).

Se desejar uma maior personalização, há muitos parâmetros - reprodução automática, cor, língua, looping, e mais - que pode adicionar dentro do iframe embed. Todos eles estão listados na página do Google Developer.

Embutir da Vimeo

O código incorporado do Vimeo pode ser encontrado clicando no ícone Partilhar na mão direita do vídeo. Verá uma janela com várias molduras, e uma delas é o seu código de incorporação.

Ao clicar em +Show Options, pode personalizar a forma como o seu vídeo será exibido com este código incorporado. Pode alterar a cor do leitor, o seu tamanho (mantê-lo reactivo, só por precaução), adicionar uma introdução, e adicionar algumas "coisas especiais" como looping, autoplaying e muito mais.

Ao optar por Pro, Business, ou Premium, pode ver algumas vantagens adicionais como personalizar cores e componentes, adicionar ecrãs finais e logótipo.

Embeddedded from Wistia

Vá à sua página de imprensa, e clique no botão Embed & Share (Incorporar e Partilhar). Verá um ecrã Embed & Share, onde poderá copiar o seu tipo de código Embed e alterá-lo para a sua página.

A Wistia oferece dois tipos de códigos de incorporação: Emblemas em linha e Emblemas Popover. Os códigos de incorporação em linha implicam o posicionamento do vídeo de acordo com o resto do seu conteúdo, enquanto as incrustações Popover ajudam os seus vídeos, bem, salte sobre o conteúdo da sua página.

Embeddedded de Vidyard

Note que para a incorporação de vídeo do Vidyard, deve ter a funcionalidade de Incorporação do Jogador com o seu plano. Vidyard suporta duas opções de incorporação - incorporação responsiva e iframe embed.

No tablier do seu Vidyard, clique na secção Conteúdo>Tocar, e passe o cursor sobre o jogador, e depois clique em "partilhar". Por baixo da parte "Responsive Embed", basta clicar no ícone Copy Code, e escolher a opção Use Lightbox para transformar o código numa "lightbox embed". Pode introduzir manualmente as dimensões do leitor para obter a largura e altura máximas.

Se o seu sítio Web não suporta JavaScript, pode seleccionar a caixa de verificação Trouble embedding? e copiar o código iframe embed code.

Incorporação de vídeos dasredes sociais

Embutir do Facebook

Cada vídeo no Facebook é suportado com a funcionalidade de incorporação. Tudo o que tem de fazer é clicar no "..." no canto superior direito do post do Facebook e carregar em "Embed".

Se desejar, pode escolher a opção "Incluir mensagem completa" (basta carregar na caixa de verificação), e adicionará o texto correspondente da mensagem do Facebook juntamente com o vídeo.

Embutir da Instagram

Uma vez que a Instagram é propriedade do Facebook, o processo de incorporação é muito semelhante. Abra o Instagram a partir de uma área de trabalho (não da aplicação), e clique no "..." no canto superior direito.

Carregar em "Embedar" e copiar o código de incorporação. Mais uma vez, terá a opção de acrescentar (ou não) o título à sua incorporação.

Embutir do Twitter

Para incorporar um vídeo no Twitter, não utilize a aplicação. Abra o tweet numa área de trabalho e seleccione "Embed Tweet" no menu pendente, localizado ao lado do botão "Follow" no Tweet. Depois, escolha a opção "Embedar Tweet".

Basta copiar/colar o código incorporado - mas note que, com a incorporação do Twitter, exibirá todo o Tweet com a legenda, não há opção para exibir um único vídeo.

Embeddedded de TikTok

Com TikTok, o botão "Get Embed Code" aparece logo no vídeo. Embora não haja opções de escolha, uma vez que tudo o que irá obter é um link para um leitor 340×700 com reprodução automática, pode ajustar algumas definições ao adicionar o código incorporado à sua página web.

Usando um Método Alternativo: Geradores de Código de Embedição de Vídeo

Se, por alguma razão, não desejar seguir os passos fáceis para obter os códigos incorporados para o seu vídeo a partir dos sites de hospedagem de vídeo ou das redes sociais, há certamente uma solução.

Há um método alternativo - pode encontrar muitos sítios especiais que são inerentemente apenas geradores de códigos de incorporação de vídeo. Plataformas como Embed.ly, Toolki, e Siege Media permitem-lhe gerar um código incorporado para o seu vídeo: tudo o que tem de fazer é ter o URL dos vídeos à mão e estes sites criarão automaticamente um código incorporado para o seu vídeo.

Mas, esta solução de trabalho vem com algumas capturas:

• Normalmente, o novo vídeo incorporado no seu site terá a marca de água da plataforma
• Há uma capacidade de personalização de vídeo muito limitada
• Estas plataformas não oferecem qualquer análise ou mesmo a possibilidade de adicionar um código de rastreio para seguir as estatísticas do seu vídeo no Google Analytics ou em plataformas analíticas de terceiros.

Assim, se tiver a oportunidade de utilizar uma plataforma de hospedagem de vídeo, opte sempre por esta opção.

Parte V: Como incorporar um vídeo no seu Website

Agora, quando todos estiverem equipados com os conhecimentos sobre as vantagens da incorporação de vídeo, saberem como escolher o serviço de alojamento de vídeo certo e como gerar o código de incorporação, rapidamente o acompanharemos através dos detalhes de como realmente incorporar um vídeo nas plataformas de alojamento de sites mais populares.

Incorporação de vídeos em HTML

PASSO 1: EDITAR O SEU HTML

Abra a página na qual pretende inserir o vídeo no modo de edição. Seleccione o ponto exacto no código em que deseja que o seu vídeo apareça e coloque aí o seu cursor.

PASSO 2: COPIAR E COLAR O CÓDIGO DE INCORPORAÇÃO

Copie o seu código de incorporação e simplesmente cole-o no local onde colocou o seu cursor. Prima, "guardar" ou "publicar", e pronto.

Verifique novamente se o vídeo é exibido exactamente onde colocou o código e não se esqueça de monitorizar o desempenho da sua página e do vídeo.

Incorporação de vídeos no WordPress

Se o seu sítio web funcionar no WordPress, há duas opções para incorporar um vídeo.

#1 OPÇÃO: COPIAR/COLAR A URL

Para as plataformas de hospedagem de vídeo mais populares como Vimeo, YouTube, e algumas outras, não é necessário procurar o código de incorporação completo. Basta copiar o URL do vídeo e colá-lo no editor Visual - o código de incorporação será produzido automaticamente.

#2 OPÇÃO: USAR O CÓDIGO DE INCORPORAÇÃO

Por vezes pretende adicionar alguns ajustes à exibição do vídeo, ou pode estar a alojar os seus vídeos numa plataforma que não está a ser suportada pela incorporação automática do WordPress. É nessa altura que terá de utilizar o código de incorporação do vídeo.

Vá ao editor de Texto do WordPress(não confundir com o editor Visual) e verá a versão HTML da sua página. Depois, basta seguir os passos que mencionamos acima na secção HTML deste guia sobre como incorporar vídeo no seu website.

Embutir vídeos em Shopify

PASSO 1: COPIAR O CÓDIGO DE INCORPORAÇÃO

O primeiro passo é muito simples - basta copiar o código incorporado de onde está a receber o seu vídeo.

PASSO 2: ENTRAR NO SEU PAINEL DE ADMINISTRAÇÃO DA LOJA

Entre no seu painel de administração da Shopify. Todas as suas páginas actuais devem ser listadas em Loja Online -> Páginas. Navegue até à página que deseja editar e anote os símbolos na barra de ferramentas do editor.

Passo 3: CLIQUE NO BOTÃO "INSERIR VÍDEO

Escolha o editor de texto rico, e na barra de ferramentas, clique no ícone da câmara de vídeo. Aparecerá uma nova janela - basta colar o código de incorporação do vídeo e seleccionar a opção "Inserir vídeo". Aí está!

Incorporação de vídeos no espaço dos quadrados

Quando se trata de incorporação, o Squarespace é muito semelhante ao WordPress. Pode escolher entre a opção de usar um código de incorporação ou de incorporar vídeos, copiando/colando o URL do vídeo (apenas possível quando se incorporar a partir do YouTube, Vimeo, Animoto, ou Wistia).

Uma vez que o Squarespace é um construtor de websites, basta adicionar qualquer bloco que suporte vídeo, e simplesmente copiar/colar o seu URL de vídeo, ou pressionar o ícone de incorporação (destacado num círculo vermelho), depois verá uma janela pop-up onde pode copiar/colar o seu código de incorporação.

No Squarespace, pode ajustar o título e descrição do vídeo, e desmarcando a opção "Use Thumbnail", pode também adicionar uma miniatura feita à medida para o seu vídeo nessa página.

Incorporação de vídeos em Wix

Wix funciona segundo princípios semelhantes aos das plataformas de alojamento de sítios anteriores. Apenas a opção copiar/colar URL para incorporação de vídeo suporta vídeos alojados no YouTube, Vimeo, DailyMotion, e Facebook.

#1 OPÇÃO: COPIAR/COLAR A URL

Passo 1: Abrir o Editor

Clique no ícone "+" no lado esquerdo do Editor e escolha Vídeo. Em Single Videos Player, escolha a plataforma onde o seu vídeo está alojado - YouTube, Vimeo, DailyMotion, ou Facebook.

Passo 2: Copie o URL do seu vídeo

Clique em "Mudar vídeo" e copie o URL do vídeo que gostaria de mostrar. Neste passo, pode afinar as opções de reprodução e controlo.

Passo 3: Ajuste a posição do seu vídeo

Use o arrastar e largar para mudar a posição e o tamanho do seu vídeo. E basta guardar a página!

#2 OPÇÃO: USAR O CÓDIGO DE INCORPORAÇÃO

Se não estiver a alojar os seus vídeos nas plataformas suportadas por Wix, terá de copiar o código de incorporação para o seu vídeo. E depois, em vez de seleccionar para adicionar um vídeo, terá de carregar em "Mais". É aqui que encontrará o iframe HTML, onde pode colar o código de incorporação. Carregue em "Save", e está pronto para ir.

Palavras finais

Parece que já cobrimos praticamente tudo relacionado com a incorporação de vídeos no seu sítio web. Depois de uma leitura tão extensa, tudo o que temos a dizer é que adicionar um vídeo ao seu site trará valor não só ao seu departamento de SEO, análise e receitas. As pessoas adoram vídeos e apreciam o tempo que investe na criação de conteúdos valiosos, divertidos e fáceis de digerir. Tudo o que tem de assegurar é que os seus vídeos não estão a afectar a experiência do utilizador, e as incorporações de vídeo são uma óptima ferramenta para isso.

Por favor, diga-nos nos comentários se há algo que gostaria que acrescentássemos a este guia. Que perguntas ainda estão por responder? Com que plataformas de alojamento de vídeo ou serviços de alojamento de sítios gostaria que actualizássemos este guia? Quais são assuas dificuldades e desafios quando se trata de incorporar vídeos no seu sítio web e proporcionar a máxima experiência ao utilizador?