Como Incorporar Conteúdo Externo no Seu Site de Forma Eficiente

Como Incorporar Conteúdo Externo no Seu Site de Forma Eficiente

Você já pensou em como o embed pode transformar seu site? Incorporar conteúdo externo é uma maneira poderosa de aumentar o engajamento e a relevância do seu site. Vamos explorar como fazer isso de forma simples e eficaz!

O Poder do Embed: Como Incorporar Conteúdo Externo no Seu Site

Como consultor de marketing digital, passo muito tempo divulgando conteúdo em redes sociais. Mas e o contrário? Já pensou em usar seu site para promover sua presença social? É aí que o embed entra em cena! Essa técnica permite exatamente isso. Eu, por exemplo, uso muito para vídeos, uma forma de reaproveitar o material e aumentar seu alcance.

O que significa embed?

Quando falamos em “embed” (ou incorporar), estamos nos referindo à prática de exibir conteúdo de uma fonte externa diretamente no seu site. Pense em um vídeo do YouTube que você vê em um blog, ou um post do Instagram que aparece em uma notícia. Esse conteúdo não está hospedado no seu servidor; ele é “puxado” de outro lugar e exibido ali, como se fizesse parte da sua página.

O que é um código de embed?

Para que o conteúdo externo apareça no seu site, usamos um “código de embed”. Esse código é, na verdade, um trecho de HTML – a linguagem básica que estrutura as páginas da web. Você geralmente encontra esse código no “back-end” do seu site, como no editor de um post de blog. A maioria dos editores de site, desde temas do WordPress até construtores de arrastar e soltar, oferece blocos de HTML onde você pode colar esse código.

[rb_related title="Veja também" total="2"]

Eu, por exemplo, uso bastante códigos de embed para incorporar posts do X (antigo Twitter) ou do LinkedIn. É uma forma rápida e fácil de adicionar uma dimensão de liderança de pensamento ao conteúdo do blog. A maioria dos sites de redes sociais e multimídia oferece uma opção para gerar esse código diretamente de cada post individual. Veja um exemplo de um código de embed para um vídeo do YouTube da HubSpot:

<iframe width=“560” height=“315” src=“https://www.youtube.com/embed/eGUEAvNpz48” title=“YouTube video player” frameborder=“0” allow=“accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>

Quer fazer o mesmo em seus posts e páginas? A seguir, vou detalhar como gerar um código de embed nas plataformas sociais mais populares. Minha experiência mostra que, uma vez que você aprende em uma plataforma, os passos são bem parecidos em qualquer lugar que ofereça essa funcionalidade.

Como adicionar código HTML de embed ao seu site

Antes de incorporar qualquer conteúdo externo, o primeiro passo é sempre gerar o código de embed para o post ou página que você quer exibir. Uma dica profissional: muitos construtores de sites e CMSs (Sistemas de Gerenciamento de Conteúdo) permitem que você simplesmente cole o link do post e ele seja incorporado automaticamente, sem precisar pegar o código. Mas isso varia de plataforma para plataforma.

Vamos ver como gerar o código de embed nas principais redes sociais e de conteúdo.

Como incorporar um post do Facebook

Para incorporar um post do Facebook, o processo é simples:

  1. Abra o Facebook em um navegador de desktop.
  2. Encontre o post que deseja incorporar.
  3. Clique nos três pontos no canto superior direito do post. Um menu suspenso aparecerá.
  4. No menu, clique em “Embed” (Incorporar).
  5. Uma janela pop-up surgirá. Você terá a opção de incluir o post completo e acessar configurações avançadas. Para iniciantes, recomendo deixar as configurações avançadas como estão e simplesmente clicar em “Copy Code” (Copiar Código).
  6. Pronto! O código de embed estará copiado para sua área de transferência, pronto para ser colado no back-end do seu site.

Como incorporar um post do Instagram

Incorporar um post do Instagram é bem parecido, mas lembre-se que só é possível fazer isso pela versão desktop. Veja como eu faço:

  1. Encontre o post que quer incorporar e clique nele para abri-lo completamente no navegador.
  2. Clique nos três pontos no canto superior direito do post. Um menu pop-out aparecerá.
  3. Selecione a opção “Embed” (Incorporar) na lista.
  4. O código de embed aparecerá com um botão para copiá-lo para sua área de transferência.
  5. Às vezes, quero incluir a legenda, mas muitas vezes desmarco a caixa “Include caption” (Incluir legenda), especialmente para incorporar vídeos.
  6. Depois de clicar em “Copy embed code” (Copiar código de incorporação), você estará pronto para voltar ao seu site e incorporar o post.

Como incorporar um vídeo do YouTube

Se você dedicou tempo para criar conteúdo de vídeo para um canal do YouTube, é natural querer que ele seja visto o máximo possível. Incorporar vídeos do YouTube é uma das formas mais frequentes de usar a funcionalidade de embed. Isso torna seu conteúdo de vídeo acessível aos usuários do site, ampliando seu alcance.

Outra grande vantagem de incorporar vídeos é a economia de largura de banda para o seu site. Vídeos são arquivos muito grandes, e carregá-los diretamente no seu site pode diminuir drasticamente o tempo de carregamento da página. Por isso, se você quer vídeos no seu site, recomendo usar plataformas como YouTube ou Vimeo.

Para incorporar vídeos do YouTube, siga estes passos:

  1. Clique no vídeo que deseja incorporar e selecione “Share” (Compartilhar) na linha de opções abaixo do player de vídeo.
  2. “Embed” (Incorporar) é a primeira opção na lista após clicar no botão “Share”.
  3. Depois de clicar em “Embed”, o vídeo reaparece com o código de incorporação à direita.
  4. Basta clicar em “Copy” (Copiar) no canto inferior direito.
  5. Agora você tem o código de incorporação na sua área de transferência, pronto para colar no editor do seu site.

Como incorporar um post do X (antigo Twitter)

Há muito conteúdo valioso e de liderança de pensamento no X, e eu gosto de incorporar tweets em conteúdo editorial ou de blog para aumentar a autoridade e a prova social. É também uma boa maneira de citar especialistas sem precisar contatá-los diretamente ou obter algo personalizado para seu post.

Veja como incorporar posts do X:

  1. Primeiro, abra o post que deseja incorporar.
  2. Na barra do navegador, copie o link para o post.
  3. Assim como em outras plataformas, clique nos três pontos no canto superior direito do post.
  4. Isso abrirá uma lista de opções, incluindo “Embed post” (Incorporar post).
  5. Aqui, o processo no X fica um pouco mais complexo. Ao clicar em “Embed”, o site abre https://publish.twitter.com/ em uma nova aba com a pergunta “What would you like to embed?” (O que você gostaria de incorporar?).
  6. É aqui que você cola o link do post do X que copiou anteriormente da barra do navegador.
  7. Pressione Enter, e duas opções aparecerão em “Here are your display options” (Aqui estão suas opções de exibição).
  8. Clique em “Embedded Post” (Post Incorporado) das duas opções, mas você pode clicar em “Embedded Video” para conteúdo de vídeo.
  9. Uma janela pop-up aparecerá abaixo com o código de incorporação e uma opção para “Copy Code” (Copiar Código), então clique nessa opção.
  10. Assim como no Facebook, o X também oferece a oportunidade de “set customization options” (definir opções de personalização).
  11. Depois de clicar em “Copy Code”, você pode retornar ao editor do seu site e incorporar o post.

Como incorporar um post do Pinterest

Posts do Pinterest são ótimos para sites de moda, DIY (faça você mesmo), decoração, culinária e receitas, e sites de hobbies. Se o seu site está em um nicho que se alinha bem com o formato e o público do Pinterest, incorporar seus posts do Pinterest é uma excelente maneira de aumentar seu número de seguidores na plataforma social.

Aqui está o processo que sigo para incorporar um post do Pinterest:

  1. Abra o Pin que deseja incorporar no site.
  2. Clique nos três pontos no canto superior esquerdo, bem no final da lista de opções.
  3. Em seguida, clique em “Get Pin embed code” (Obter código de incorporação do Pin).
  4. Uma das coisas que gosto nos códigos de incorporação do Pinterest são as opções de tamanho. Isso garante o dimensionamento e a resolução corretos. Se eu estiver incorporando o pin em uma área pequena, como o conteúdo da barra lateral, posso escolher “small” (pequeno). Mas se eu quiser uma imagem de largura total para um post de blog, escolheria “large” (grande).
  5. Depois de personalizar o tamanho, destaque o código e clique em Command + C ou CTRL + C, dependendo do dispositivo que estiver usando.
  6. Agora seu Pin está pronto para ser incorporado.

Como incorporar uma apresentação do SlideShare

As apresentações do SlideShare estão um pouco datadas hoje em dia – faz muito tempo que não incorporo uma em um site. Mas, nunca se sabe. Então, é útil saber como, por via das dúvidas.

Veja como pegar o código de incorporação para uma apresentação do SlideShare:

  1. Abra a apresentação do SlideShare que deseja incorporar.
  2. Abaixo da apresentação, clique nos três pontos e selecione a opção “Share” (Compartilhar).
  3. Isso fará com que uma caixa “Share this SlideShare” (Compartilhar este SlideShare) apareça sobre os slides da apresentação.
  4. Vá para a seção “Embed” (Incorporar) abaixo dos botões de compartilhamento social.
  5. A princípio, o campo parece vazio. Mas ao clicar nele, você pode ver o código de incorporação.
  6. O bom do SlideShare é que você pode selecionar o tamanho da apresentação à esquerda e escolher em qual slide a incorporação começa à direita.
  7. Depois de satisfeito com essas configurações, destaque o código e clique em Command + C ou CTRL + C, dependendo do seu dispositivo.
  8. Agora, você pode voltar ao editor do seu site e incorporar a apresentação diretamente em uma página do site ou post de blog.

Como incorporar uma página externa

Em raras ocasiões, pode ser necessário incorporar uma página da web externa. Assim como todos os códigos de incorporação, isso é feito usando uma tag HTML `