Posted on

Erro http 500: Como corrigir o erro interno no servidor

Conhecido como 500 Internal Server Error, o Erro 500 é um dos erros de status HTTP mais comuns. Ele aparece quando um servidor de hospedagem está com arquivos corrompidos. Hoje você vai aprender a como corrigir esse problema no WordPress.

O Que é Erro 500?

O Erro 500 é um status de erro HTTP de Servidor Interno (Internal Server Error). Ele indica que algum tipo de problema está afetando o desempenho do servidor em que o site que você está acessando está hospedado.

Isso também pode acontecer com o seu próprio site, inclusive. Se o servidor em que seu site está hospedado está sobrecarregado ou se alguma configuração estiver incorreta, é possível que o Erro 500 aconteça.

Quando aparece, o Erro 500 mostra uma mensagem do tipo Erro 500 – Internal Servidor Error. Essa mensagem pode vir também em português, algo como Erro 500 – Erro Interno do Servidor.

Independente do caso, a ideia é sempre a mesma. O servidor não está dando conta do recado e a página que você quer visitar está com acesso negado naquele momento.

Motivos do Erro 500 Acontecer

O Erro 500 aparece na tela do usuário quando existe algum tipo de incompatibilidade em um site. Esses conflitos podem ser bem específicos. Por exemplo, pode ser problema de configuração, arquivos corrompidos ou instalação de plugins desatualizados.

Se o Erro 500 está afetando o seu site, a melhor forma de saber qual a origem do Erro 500 é conseguir identificar qual tarefa realizou mais recentemente nele. Mas, se você não se lembra ou não tem muita certeza do que alterou no seu site recentemente, não se preocupe.

Abaixo, vamos mostrar alguns dos motivos do porquê o Erro 500 pode estar acontecendo no seu site.

Permissões indevidas em grupo de usuário. Seu site pode acusar algum erro de permissão de acesso dos usuários a arquivos, documentos e pastas. Por padrão, as permissões de pastas e arquivos executáveis devem estar configuradas para 0755. Outros elementos, como mídia, imagens e arquivos em texto HTML devem estar configuradas para 0644.

Arquivo com configuração incorreta. Por conta de alguma configuração incorreta, um arquivo, pasta ou documento esteja corrompido no seu site. Um exemplo de arquivos de configuração que podem estar com conflitos são .htacess, php.ini ou o web.config.

Alto consumo do servidor. Se seu site estiver recebendo cada vez mais visitantes, pode ser que os recursos do servidor não sejam suficientes para atender a demanda de acessos. Como você quer que seu projeto continue crescendo na internet, fique atento às estatísticas que aparecem no seu painel de controle.

Incompatibilidade com temas e plugins. Se o tema (o template do design) e os plugins (funcionalidades extras) que o seu site tem instalado estiverem desatualizados, o erro 500 pode aparecer por problemas de incompatibilidade. O mesmo pode acontecer caso estejam desatualizados ou tenham erros de programação.

Versão desatualizada do PHP. O PHP é a linguagem de programação usada para executar grande parte dos sites na internet. Se o seu site, incluindo se ele for WordPress, não seja compatível com a versão do PHP instalada, o Erro 500 surge neste momento.

Como Corrigir o Erro 500 no WordPress?

Aprender a como corrigir o Erro 500 no seu site significa que você vai evitar que ele fique indisponível para seus visitantes. Como sabemos que você não quer isso, abaixo estão algumas soluções que você pode usar para resolver o Erro 500.

Verificar o Arquivo .htaccess

O arquivo .htaccess é um arquivo de configuração geral do seu site. E as configurações de servidor interno fazem parte dele. Se algo estiver incorreto nessas configurações, o Erro 500 de servidor interno do seu site com certeza vai aparecer.

Para resolver o Erro 500 verificando o arquivo .htaccess, siga os passos abaixo.

No seu painel de hospedagem da Hostcel no cPanel, clique na opção Gerenciador de Arquivos dentro da seção Arquivos.

Clique em Configurações, no topo do lado direito da página. Mostrar Arquivos Ocultos e clique em Salvar para fazer o arquivo .htaccess aparecer.

Localize o arquivo .htaccess e o desabilite. Você pode fazer isso dando um novo nome para ele. No exemplo abaixo, vamos usar .htaccess-bkp. Para salvar, clique no botão Rename.

Crie um novo arquivo .htaccess e coloque nele o código padrão do seu site. No modelo abaixo, estamos usando com um site WordPress.

# BEGIN WordPress

  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.php$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.php [L]

# END WordPress

Salve o novo arquivo .htaccess com o código adicionado. Abra o navegador, recarregue seu site WordPress e verifique se o erro 500 foi solucionado. Caso não, temos outras 3 tarefas que você pode fazer.

Aumentar o Limite do PHP

Quando você começa um site, postar conteúdos, instalar plugins e temas, é comum que os recursos do seu serviço de hospedagem sejam consumidos aos poucos.

Chega uma hora em que esses mesmos recursos não dão mais conta do recado, fazendo com que o seu site tenha problemas de desempenho.

O mesmo acontece com o PHP, o script de programação que sustenta o funcionamento do seu site. Caso o poder de processamento e a memória estejam em uso demasiado, o Erro 500 aparece e compromete todo o sistema.

Para resolver o Erro 500 pelo aumento do limite do PHP

Contate sua provedora de hospedagem. Peça para a empresa que fornece o serviço a você para que aumente o limite do consumo de dados pelo PHP. Essa medida pode trazer algum custo extra a você, pois o limite que você tem atualmente depende do plano contratado.

Use outras versões do PHP. Pelo cPanel da sua hospedagem, na seção Software -> Gerenciador de MultiPHP, você pode testar outras versões do PHP.

Teste quantas quiser e troque livremente, salvando todas as ações para ver se o Erro 500 foi embora. Se algumas das seleções que você fizer der certo, altere a versão do PHP para a que estava sendo usada anteriormente.

Alterar as Permissões de Acesso

As permissões funcionam como uma espécie de privilégio a um grupo de usuários para acessar certas pastas ou arquivos do serviço de hospedagem.

Com essas permissões, você consegue definir que usuários de certos níveis possam editar arquivos, apenas visualizar ou realizar tarefas de escrita.

Para corrigir o Erro 500 alterando as permissões de acesso a uma pasta ou arquivo no painel de controle da hospedagem Hostcel.

Encontre a seção Arquivos > Gerenciador de Arquivos. Clique nela.

Clique com o botão direito do mouse sobre a pasta que quer alterar as permissões e selecione Change Permissions (Alterar Permissões).

Escolha para qual tipo de usuário, entre Usuário (Dono), Grupo e Mundo, pode Leitura, Gravar ou Executar qualquer ação na hospedagem.

Ao final, clique em no botão Change Permissions para salvar as alterações.

Se estiver usando uma hospedagem com o painel de controle cPanel, siga os passos abaixo para conseguir corrigir o Erro 500 alterando permissões de acesso.

Encontre a seção Arquivos -> Gerenciador de Arquivos.

Selecione a pasta ou arquivo que quer alterar a permissão e clique em Permissões no topo da página.

Defina os modos de permissão Leitura, Gravar ou Executar e os tipos de usuários (Usuário, Grupo ou Mundo) que podem acessar a pasta ou arquivo que você escolheu. Depois, clique em Change Permissions para salvar a alteração.

Se quiser encurtar o caminho, você também pode alterar a própria numeração da permissão. É só clicar no número mostrado e editar como você quiser. Salve a mudança.

Desativar ou Remover Temas e Plugins

Temas e plugins desatualizados ou mal configurados podem ocasionar o Erro 500 no seu site. No caso da plataforma WordPress, você pode desinstalar ou mesmo remover temas e plugins de uma forma bem simples.

Para remover ou desinstalar um tema do WordPress, siga os passos abaixo.

Acesse o painel de controle do seu site WordPress.

Localize e clique na aba Aparência > Temas, à esquerda.

Você será levado a uma página com os temas disponíveis para o seu site. No tema que estiver ativo no momento, arraste o mouse sobre ele e clique em Informações do Tema.

Na sequência, troque de aba escolhendo a flechinha e clique no botão vermelho Excluir, na direita inferior.

Para desinstalar ou desativar um plugin no WordPress, siga os passos a seguir.

No painel de controle do WordPress, encontre e seção Plugins > Plugins Instalados.

Selecione o plugin instalado que pode estar comprometendo o desempenho do seu site WordPress. No campo Ações em Massa, escolha Desativar ou Excluir.

Restaurar um Backup Anterior do Seu Site

O processo de restaurar um backup faz com que o seu site volte a uma versão anterior dele, possivelmente antes do Erro 500 aparecer. A restauração do seu site a um ponto anterior vai apagar os arquivos mais recentes do dele.

Existem duas formas que você pode usar para fazer um backup do seu site.

São elas:

A Hostcel faz backup de todas as contas aos sábados durante a madrugada, você pode solicitar uma restauração totalmente grátis sempre que precisar, para isso acesse a Central e abra um Chamado.

Pela sua conta na Central em cPanel, dentro da seção Arquivos > Backup.

Mais detalhes de como seguir com o processo de backup e restauração do seu site, acesse o conteúdo completo de Como fazer um backup pelo cPanel.

E, caso tenha um site feito com o WordPress, também podemos ajudar você. Acesse o guia de Como fazer um backup do WordPress e siga as instruções para corrigir o Erro 500 de uma vez por todas.

Conclusão: Também chamado de Erro 500 HTTP ou Erro HTTP 500, o Erro 500 é um dos mais comuns que você pode encontrar enquanto navega pela internet. Até mesmo o seu site pode apresentar esse problema com o tempo. Ainda bem que você já aprendeu o que ele é e a como resolver tudo!

Posted on

Como estacionar um domínio no cPanel

Domínios estacionados são usados para apontar um novo nome de domínio para um novo domínio.

Por exemplo, se nós temos um site chamado exemplo.com e queremos que o site exemplo.net também mostre o mesmo conteúdo que o .com possui, nós vamos configurar o exemplo.com como um domínio reservado, ou seja, estacionar o domínio.

Este tutorial vai te ensinar a como estacionar um domínio no cPanel.

Como estacionar um domínio no cPanel – O que você vai precisar

Antes de começar este guia, você vai precisar ter acesso ao cPanel e um nome de domínio.

Passo 1 – Localizando o botão Aliases

Logue na sua conta do cPanel e vá na seção de domínios e clique no botão Aliases, como mostra a imagem abaixo:

Passo 2 – Criando um novo Alias

Coloque o domínio que você quer na opção Criar um novo Alias. Depois, clique em adicionar domínio.

Lembre-se que pode demorar até 24 horas para que domínios estacionados sejam exibidos na internet, por causa da propagação do DNS.

O domínio também precisa estar registrado e apontando para os servers da sua hospedagem antes que você possa gerenciá-los no cPanel.

Você pode obter instruções de como fazer isso com a empresa de hospedagem que você registrou seu nome de domínio.

Conclusão: Parabéns, você terminou o tutorial e agora já sabe como estacionar um domínio no cPanel. O seu novo nome de domínio estacionado vai exibir a raiz do documento do seu domínio principal (public_html).

Posted on

Forçar a utilização de SSL (https) via .htaccess

Utilize o arquivo .htaccess para forçar a utilização de https (protocolo de segurança para páginas web).

Não force o uso de https se seu site não possuir Certificado SSL. Em todos os nossos planos tem Certificado SSL gratuito e automático.

Forçar a utilização de HTTPS

Abaixo há um exemplo da regra que você precisa colocar no seu arquivo .htaccess.

Substitui o termo seusite.com para o endereço do seu site.

# CONFIGURAR UTILIZAÇÃO DO HTTPS
RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://seusite.com/$1 [R,L]

Entendendo cada linha da regra

  • Linha 1: É apenas um comentário, um título para a regra (não é um campo necessário);
  • Linha 2: Habilita a regra de regravação de URL;
  • Linha 3: Condiciona que todo acesso vindo da porta 80 será afetado pela regra;
  • Linha 4: Definição da regra, neste caso, sempre utilizar o https:// mesmo quando acessado por http.

Você utiliza Varnish?

Então o ideal é utilizar a seguinte regra:

RewriteEngine On
RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteRule ^(.*)$ https://seusite.com/$1 [R,L]

Substitua o termo seusite.com pelo endereço do seu site.

Posted on

Mudar a cor do browser (statusbar) de acordo com seu site no celular

Quer aprender a mudar a cor da Statusbar? Hoje trago uma dica incrível de como aumentar mais a identificação do seu site no celular.

Quando é definida a identidade visual do nosso site, queremos que sempre tenha uma harmonia em tudo, seja nos posicionamentos ou nas cores.

E se pudéssemos transferir um pouco disso para o navegador aumentando mais a identificação da cor do nosso site?

Sim, isso é possível de ser realizado nos navegadores de celulares através de meta tags específicas.

A partir da versão 39 do Chrome para o Android Lollipop, é possível você mudar a cor do browser, alterando a cor da barra de navegação. Isso também é possível no Safari / iOS e Windows Phone também, sei lá se ele volta!

Cada navegador tem sua forma de implementação. Veja abaixo as meta tags a serem utilizadas.

Chrome no Android

<meta name="theme-color" content="#75b529">

Safari no iOS

<meta name="apple-mobile-web-app-status-bar-style" content="#75b529">

Windows Phone

<meta name="msapplication-navbutton-color" content="#75b529">

Veja o exemplo abaixo.

De fato, esta personalização pode trazer mais identidade do seu site e de sua marca, oferecendo aos seus usuários um aspecto totalmente personalizado. Espero que tenham gostado. Um abraço e até a próxima.

Posted on

Como Instalar Cloudflare em seu Site WordPress

Cloudflare é uma empresa que oferece rede de fornecimento de conteúdo (CDN), DNS, proteção DDoS e serviços de segurança. Ela se tornou conhecida na indústria de desempenho na web graças aos seus baixos tempos de pesquisa de DNS e por possuir uma rede robusta com mais de 100 data centers diferentes ao redor do mundo. A empresa tem o apoio de alguns dos grandes nomes da indústria, como Google, Microsoft e Qualcomm. Alguns de seus clientes incluem Nasdaq, Digital Ocean, Zendesk e Cisco.

Se você procura por uma forma fácil de acelerar e melhorar a segurança em seu site WordPress, Cloudflare é uma ótima solução. A maioria dos clientes pode até mesmo utilizar o plano gratuito, que oferece largura de banda CDN ilimitada. Siga os passos abaixo sobre como instalar Cloudflare em seu site WordPress. Ele funciona bem com a Hostcel e recomendamos sua utilização para muitos clientes nossos.

Instalar Cloudflare

Este tutorial assume que você já possui uma conta Cloudflare. Se ainda não tiver uma, visite o site do Cloudflare e cadastre-se para obter uma conta gratuita.

Passo 1

Entre no painel Cloudflare e clique em “+ Add site”. Insira o domínio do seu site WordPress e clique em “Iniciar Verificação”. (Você não precisa adicionar www ou HTTP/HTTPS, basta digitar o domínio raiz).

O processo deve levar um ou dois minutos. Em seguida, clique em “Continuar Instalação”.

Passo 2

Na próxima página, você precisará selecionar um plano Cloudflare. Recomendamos que comece com um plano gratuito, que é suficiente para a maioria dos usuários. Em seguida, clique em “Confirm plan”. Você pode ler mais sobre as diferenças dos planos Cloudflare.

Passo 3

Cloudflare oferece duas opções. Você pode usar a CDN e a proteção da empresa (que aceleram e protegem seus sites) ou utilizar apenas seu DNS. A maioria dos clientes prefere a primeira opção, pois se beneficiam de tudo que Cloudflare tem a oferecer. Para garantir que os domínios sejam habilitados, certifique-se de que a nuvem apareça na cor laranja. Se você tiver registros adicionais como e-mails (registros MX), eles devem estar fora do Cloudflare (nuvem cinza). Clique em “Continue” após ter verificado todos os detalhes. Você poderá alterar esses registros mais tarde.

Passo 4

Você precisará alterar os nameservers em seu domínio para que apontem para o Cloudflare (utilize aqueles que forem fornecidos). Como Cloudflare é um serviço de proxy completo, seu domínio será basicamente apontado para o Cloudflare, que em seguida o apontará para a Hostcel. Não há tempo de inatividade quando você altera seus nameservers.

Em seguida, clique em “Done, check nameservers”.

Esse procedimento não deve levar muito tempo, mas espere até 24 horas para que as alterações sejam processadas.

E é isso! Seu site WordPress agora tem o Cloudflare instalado.

Instalar Cloudflare com Plugin no WordPress

Há um passo adicional para usuários WordPress que nós recomendamos. Não é obrigatório, mas certos recursos com Cloudflare podem não funcionar adequadamente se você não instalar-lo.

Você pode fazer o download no repositório WordPress ou pesquisar por ele no seu painel WordPress, na opção “Adicionar Novo” na aba de plugins. Ele possui os seguintes recursos:

  • Correção para comentários no WordPress que aparecem com o mesmo endereço IP
  • Limpeza automática de cache
  • Reescrever cabeçalho para prevenir um loop de redirecionamento quando o SSL Universal do Cloudflare estiver habilitado
  • Capacidade de alterar configurações na conta Cloudflare através do próprio plugin (limpeza de cache, nível de segurança, otimização de imagem, etc.)
  • Visualizar informações analíticas, como total de visitantes, largura de banda economizada e ameaças bloqueadas
  • Suporte para HTTP2/Server Push

Após instalar o plugin, você precisará inserir seu endereço de e-mail Cloudflare e a chave API nas configurações. Você pode obter sua chave API aqui. Copie a chave que estiver definida como “Chave Global API”. Em seguida, clique em “Salvar Credenciais API”.

Na aba “Home” você pode aplicar as configurações padrão ou fazer alterações de acordo com suas preferências.

Na aba de “Configurações”, você pode habilitar a otimização de imagens (se possuir o plano Pro), ativar o modo para desenvolvedor, alterar o nível de segurança e habilitar reescritas automáticas de HTTPS.

Na aba “Analytics”, você pode visualizar o número de solicitações, largura de banda, visitantes e ameaças em seu site WordPress.

Problemas Comuns com Cloudflare

Um erro muito comum que os usuários encontram quando tentam instalar o Cloudflare eu seu site WordPress é o “ERR_TOO_MANY_REDIRECTS” no Google Chrome ou “A página não está redirecionando corretamente” no Mozilla Firefox.

Isso ocorre por já ter um SSL configurado em seu servidor web e ter a opção de Flexible SSL habilitada com Cloudflare. Se você já possui um certificado SSL junto à sua hospedagem (Hostcel), deverá alterar o modo SSL para completo.

Outra forma é criar uma regra de página para corrigir esse problema.

Como Limpar o Cache do Cloudflare

Tendo problemas? Haverá momentos em que você precisará limpar o cache do Cloudflare. Existem 2 maneiras fáceis de fazer isso.

Opção 1 – Limpar o Cache do Cloudflare no WordPress Plugin

Se você tiver o plugin Cloudflare WordPress instalado, poderá limpar o cache em “Configurações → Cloudflare”.

Opção 2 – Limpar o Cache do Cloudflare no Painel de Controle

Sua outra opção é limpar o cache do Cloudflare em seu painel de controle. Para fazer isso, clique na guia “Caching” e em seguida, “Purge Everything”.

Depois de ter tudo instalado e funcionando sem problemas, é sempre bom limpar o cache de arquivos individuais. O Cloudflare fornece uma maneira fácil de fazer isso.

Observação: Se você limpar tudo, poderá prejudicar temporariamente o desempenho em seu website, pois os recursos precisam ser recarregados novamente. No entanto, às vezes isso é inevitável, especialmente se você não tiver certeza de qual script ou recurso do seu site precisa ser atualizado.

Configurações Adicionais para Cloudflare

Agora que você já sabe como instalar Cloudflare, recomendamos verificar a documentação de primeiros passos da empresa, assim como o guia de sugestões para WordPress.

Se você gostou deste tutorial, então você vai adorar o nosso suporte. Todos os planos de hospedagem da Hostcel incluem suporte 24/7 de nossos veteranos desenvolvedores de WordPress. Confira nossos planos!

Posted on

Como configurar os DNS’s personalizados no painel WHM

Em planos de Revenda, VPS e Dedicado é possível utilizar o DNS personalizado com o nome do seu domínio. Para isso, confira como realizar a configuração no WHM.

Em Planos de Revenda, VPS e Dedicado

Siga as etapas a seguir para configurar o DNS personalizado no WHM.

Apontar o domínio para o NS1 e o NS2

No WHM, procure por Editar Zona DNS, em seguida, clique sobre.

Selecione o seu domínio principal, depois, clique em Edit.

No Editor zona DNS, localize os campos com as entradas tipo NS

Altere os valores para o domínio que for usar como dns personalizado. Por exemplo: ns1.seudominio.com.br e ns2.seudominio.com.br. Para gravar as alterações, clique no botão Salvar.

Dados ilustrativos, utilize os dados reais do seu plano que foram enviados no e-mail de boas vindas da sua revenda. 

Apontar o NS1 e o NS2 para os IP’s da hospedagem

Depois de apontar o seu domínio principal para o NS1 e NS2, é necessário apontá-los para o IP do seu servidor. Veja abaixo:

Ainda no Editor de Zona DNS, vá até a seção Add New Entries Below this Line

Em seguida, crie as seguintes entradas

EntradaTTLTipoEndereço
ns114400AIP do Servidor
ns214400AIP do Servidor

Os IP’s do Servidor estão no e-mail de boas vindas.

Dados ilustrativos, utilize os dados reais do seu plano que foram enviados no e-mail de boas vindas da sua revenda. 

Em seguida, no WHM procure e clique em Basic WebHost Manager Setup

Na próxima tela, na seção Nameservers, nos dois primeiros campos, insira os dois NS’s (que foram alterados lá em cima) conforme indicado.

  • Em seguida, clique em Save Changes

Conclusão: com estas configurações você pode usar seus DNS’s personalizados para sua revenda, com isso seus clientes verão apenas seu Host, ocultando os DNS’s da Hostcel.

OBS.: Caso a sua revenda já tenha contas (clientes) cPanel criadas será necessário realizar o Reset da Zona DNS de cada conta.

Posted on

Como modificar uma conta no WHM

A função Modificar uma conta no WHM pode ser usada para atualizar uma conta cPanel que você criou anteriormente, podendo ser alterado:

  • Informações básicas de uma conta de cliente: domínio, usuário, e-mail de contato e etc;
  • Limites de recursos;
  • Privilégios;
  • Configurações DNS;

Para realizar essas alterações, siga os passos abaixo.

Acesse sua conta WHM;

Na barra de busca informe List Accounts (Listar Contas) e em seguida clique na opção mostrada.

Clique sobre o ícone de + ao lado esquerdo do domínio principal da conta que deseja alterar e depois em Modify Account (Modificar Conta).

Em Basic Information (Informações básicas) será possível editar o nome do domínio primário, o nome de usuário, o proprietário da conta, o e-mail de contato, a localização padrão e o tema do cPanel para a conta, basta apenas inserir os novos dados.

Atenção! Ao alterar o nome de usuário você terá a opção de renomear os bancos de dados (conforme imagem acima), caso opte por ela você deverá renomear todas aplicações que possuírem vínculo com o nome do usuário anterior caso contrário as aplicações irão apresentar erros.

Em Limites de recursos, você poderá configurar o pacote e os limites para cota de disco, largura de banda, contas de e-mail, contas de FTP, listas de endereços, bancos de dados SQL, subdomínios, domínios estacionados e domínios de complemento:

Em seguida você conseguirá alterar os Privilégios e as Configurações DNS. Após realizar as modificações necessárias bastará clicar em Save (Salvar).

Feito isso, uma mensagem irá ser mostrada o processo dos novos dados sendo salvos.

Quando os dados estiverem todos salvos, uma mensagem de êxito irá aparecer no canto inferior direito da sua tela.

Pronto! Modificações concluídas!

Posted on

O Que é iFrame?

iFrame é a redução para Inline Frame. Ele é um elemento amplamente usado no campo do web design, permitindo que o usuário insira qualquer tipo de mídia na estrutura de códigos de um site. Hoje você vai aprender mais sobre o que é iframe , como funciona e como fazer para colocar um código HTML de conteúdos na sua página.

O Que é iFrame

iFrame pode ser adaptado do inglês como quadro, estrutura, composição, trecho ou formação. No contexto da computação, o iFrame é um trecho de código HTML que pode ser inserido em qualquer parte de um site.

Com ele, o usuário consegue incorporar conteúdos de diferentes formatos e estilos. É possível inserir documentos para baixar, fotos, vídeos, imagens e sons. Além de outros tipos de mídias interativas, como games e questionários com opções de escolha.

Essa integração de conteúdo acontece através do simples posicionamento de um código já formatado e disponível em outras fontes. É possível posicionar o conteúdo onde o usuário achar melhor, sem ter que realmente colocá-lo na estrutura geral de layout da página.

Para entender melhor, considere que o iFrame é parte do seu conteúdo, mas não exatamente do seu site. Por exemplo, você pode incorporar um vídeo do YouTube diretamente na sua página. Mas ele não pertence ao seu site (ele está armazenado na plataforma de vídeos).

Contudo, não é muito indicado usar códigos iFrame para todas as funções de um site. Ele pode fazer uma página ficar mais lenta e até mesmo colocar tudo em risco, caso a fonte do código não seja muito confiável.

Como Usar iFrame em um Site?

É hora de aprender a como inserir um código iframe em uma parte estrutural do seu site. É dessa forma que é possível compartilhar conteúdos de outras páginas nas suas próprias páginas.

É possível inserir um elemento iFrame em uma página usando a simples tag <iframe> no documento HTML desta mesma página. Por exemplo, digamos que queremos inserir um vídeo qualquer em uma página.

Tudo o que é preciso fazer é copiar e colar o código abaixo no documento HTML do documento da página em que você quer exibi-lo.

<iframe src="https://www.youtube.com/watch?v=0u3AZdwNveQ" width="680" height="480" allowfullscreen></iframe>
 

O código acima vai abrir um vídeo sobre o WordPress. Algo que vai gerar um resultado na página próximo da imagem de exibição abaixo.

Vamos desdobrar cada trecho do código e entender o que cada um  significa abaixo.

  • <iframe></iframe> – é o intervalo em que o código de origem de qualquer tipo de conteúdo deve ser inserido ser agregado em uma página.
  • SRC (source) – é a origem do conteúdo, sendo necessário colocar a URL da fonte do conteúdo.
  • Width – é a largura do arquivo do conteúdo adicionado a uma página. No caso do exemplo, é 680 pixels de exibição para o vídeo.
  • Height – é a altura do arquivo do conteúdo adicionado a uma página. No caso do exemplo, é de 480 pixels para a exibição do vídeo.
  • Allowfullscreen – permite que o conteúdo (o vídeo, neste caso), seja exibido e visualizado em tela cheia no navegador e na tela do usuário.

Questões de Segurança e Ameaças na Web

Pela sua própria natureza de codificação, um iFrame não é para colocar um site e nem os visitantes dele sob riscos de segurança. E também à mercê de ameaças virtuais e golpes pela internet.

Em suma, o iFrame foi desenvolvido para ajudar os criadores de conteúdo a criar páginas e materiais visualmente atrativos para seus leitores. E, por conta disso, é preciso ter um certo cuidado na hora de posicionar iframes de fontes suspeitas.

Historicamente, saiba que, por volta de 2008, um surto de injeção de iframes nocivos comprometeu muitos sites da internet. Grandes portais, como o da ABC News, foram invadidos por conta de códigos maliciosos.

O que acontece é que, este tipo de ataque redireciona o acesso do visitante para uma página aleatória infectada, instalando um vírus no computador do usuário. O resultado é o roubo de informações e o comprometimento da máquina.

Por isso, não é recomendado inserir qualquer código iframe html no seu site. Quando estiver navegando pela internet, nunca pegue um código suspeito e insira no conteúdo do seu site. Por mais vantajoso e promissor que ele possa parecer.

Considerações Finais

Se você quer colocar qualquer conteúdo de outras páginas no seu próprio site, o que você vai precisar fazer é copiar e inserir a tag iFrame dele no documento HTML das suas páginas. Só se certifique que a origem deste código seja de procedência confiável para não comprometer a segurança do seu projeto online.