Como Impedir que seu site seja aberto em iframes?

como impedir que seu site seja aberto em iframes

Um iframe é uma técnicas HTML que permite que qualquer site seja aberto dentro de outro site, que foi criado em 1997 e continua sendo utilizado até hoje.

Se desenvolvemos um projeto na internet, seja ele um blog, um diretório de imagens, uma lista telefônica online ou seu site pessoal, nós queremos ser reconhecidos por isso. Quando alguém coloca seu site em um iframe as pessoas que acessarem a página com o iframe podem não reconhecer que aquele conteúdo é do seu site e mesmo que reconheçam, o iframe “esconde” a URL do seu site, impedindo os leitores de encontrar seu conteúdo de forma direta.

Como se não bastasse isso, se o iframe for em um site de grande visitação, cada vez que a página onde ele está for carregada o seu site pode ficar um pouco mais lento, pois ele estará consumindo recursos do seu servidor, mas sem lhe trazer benefício nenhum em troca!

Infelizmente vários grandes sites utilizam de iframes para exibir conteúdo, principalmente encurtadores de URL e o Google Images. Experimente fazer uma busca por imagens no Google e clicar em qualquer um dos resultados, provavelmente você verá isso:

Como pode ver na imagem anterior, quando alguém clica em uma imagem no Google Images ele não abre o site, abre a imagem e “no fundo” um iframe com o site onde a imagem se encontra. Isso é ruim, uma vez que esse é um acesso perdido.

Por sorte existe uma forma muito fácil de impedir que seu site ou blog seja incluído em um iframe, seja ele do Google ou de qualquer outro site, basta adicionar uma simples linha de código contendo um script que força o navegador a abrir o seu site em vez do iframe.

O script é esse em laranja:

<script>if (self != top) { top.location.replace(window.location.href) }</script>

Veja agora como adicionar esse script no seu site.

Como adicionar no Blogger

Abra a página inicial do Blogger clique no menu “Modelo”, em rosa na imagem a seguir:

Agora clique no botão editar HTML, ao lado do botão alaranjado, conforme essa imagem:

Agora clique em “Prosseguir”. Irá abrir um Pop-up com o código HTML do seu blog. Role a barra lateral até o final e adicione o script antes da tag “</body>” conforme o destaque em rosa na imagem seguinte e depois clique em salvar, no botão laranja. Após salvar feche a página, é apenas isso.

Como adicionar no WordPress

Para quem utiliza o WordPress instalado em um servidor é só acessar o painel de administração, clicar em “Aparência” e depois em “Editor” no menu esquerdo. Depois clique em “Rodapé” no menu direito. Rode a barra de rolagem até o final e logo antes da tag “</body>” cole o script como mostra a área rosa da imagem a seguir, depois clique no botão “salvar arquivo”.

Lembrando que o local do script é sempre antes da tag “</body>” que está sempre localizada no final do código HTML, e tome muito cuidado para não confundir com a tag “<body>” que está sempre no início do código e não tem aquela / antes do “body”.

Apesar de eu ter mostrado apenas como adicionar o script no WordPress e Blogger, o ele funciona em qualquer site ou blog que permita editar o HTML, pois em todos os sites o local onde o script deve ser adicionado é o mesmo.

É isso! Com essa simples alteração em vez de acessarem seu site dentro de um iframe os visitantes serão redirecionados para sua própria página.

E então o que você achou dessa dica? Pretende utilizá-la?

foto veja como criar sites gratis começando do zero