{"id":2752,"date":"2019-08-25T00:00:00","date_gmt":"2019-08-25T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/br\/2019\/08\/25\/iframe\/"},"modified":"2019-08-25T00:00:00","modified_gmt":"2019-08-25T00:00:00","slug":"iframe","status":"publish","type":"post","link":"https:\/\/pingback.com\/br\/resources\/iframe\/","title":{"rendered":"O que \u00e9 iFrame, quais os atributos, quando e como usar"},"content":{"rendered":"\n<p>J\u00e1 ouviu falar sobre iFrame, ou Inline Frame? Trata-se <strong>uma tag <\/strong><a href=\"https:\/\/rockcontent.com\/br\/blog\/html\/\" rel=\"noreferrer noopener\" target=\"_blank\"><strong>HTML<\/strong><\/a><strong> que, ao ser utilizada em uma p\u00e1gina, permite a inser\u00e7\u00e3o de outra p\u00e1gina nesse elemento<\/strong>. Ele \u00e9 utilizado para inserir em um quadro uma s\u00e9rie de objetos, como v\u00eddeos, banners, visualiza\u00e7\u00f5es de arquivos e muito mais.<\/p>\n\n\n\n<p>O iFrame \u00e9 um recurso poderoso e oferece in\u00fameras possibilidades de uso. Um bom exemplo de sua utiliza\u00e7\u00e3o s\u00e3o os v\u00eddeos do YouTube espalhados pelas mais diversas p\u00e1ginas na internet. Entretanto, \u00e9 preciso ter cuidado ao utilizar esse recurso, pois ele pode causar alguns problemas na p\u00e1gina.<\/p>\n\n\n\n<p>Neste post, vamos mostrar:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#que\">O que \u00e9 um iFrame e para que ele serve?<\/a><\/li><li><a href=\"#quando\">Quando usar um iFrame?<\/a><\/li><li><a href=\"#quais\">Quais s\u00e3o os atributos do iFrame?<\/a><\/li><li><a href=\"#como\">Como usar o iFrame no site?<\/a><\/li><\/ul>\n\n\n\n<p>Continue a leitura!<\/p>\n\n\n\n<a id=\"que\">&nbsp;<\/a>  <h2 class=\"wp-block-heading\">O que \u00e9 um iFrame e para que ele serve?<\/h2>\n\n\n\n<p>Basicamente, <strong>o iFrame \u00e9 uma tag ou etiqueta em um documento HTML<\/strong> que viabiliza a inclus\u00e3o de outro documento HTML dentro do primeiro. Em outras palavras, ele permite que, a partir de uma p\u00e1gina inicial, seja poss\u00edvel abrir uma se\u00e7\u00e3o de outra p\u00e1gina qualquer. Para isso, a tag HTML deve conter informa\u00e7\u00f5es sobre de que forma o conte\u00fado ser\u00e1 apresentado.<\/p>\n\n\n\n<p>Com esse recurso \u00e9 poss\u00edvel carregar somente um documento espec\u00edfico de outro site ou at\u00e9 mesmo o site inteiro. Quando o iFrame \u00e9 criado em uma p\u00e1gina, \u00e9 como se ele abrisse uma nova janela para o acesso \u00e0 outra p\u00e1gina, s\u00f3 que dentro do ambiente original.<\/p>\n\n\n\n<p>Isso significa que existe um contexto de navega\u00e7\u00e3o aninhada e o que acontece na primeira p\u00e1gina n\u00e3o interfere no conte\u00fado do iFrame e vice-versa. Ou seja, os c\u00f3digos <a rel=\"noreferrer noopener\" aria-label=\"JavaScript (abre numa nova aba)\" href=\"https:\/\/rockcontent.com\/br\/blog\/javascript-e-seo\/\" target=\"_blank\">JavaScript<\/a>, arquivos de configura\u00e7\u00e3o de p\u00e1gina, como <a href=\"https:\/\/rockcontent.com\/br\/blog\/css\/\">CSS<\/a>, que funcionam na p\u00e1gina principal, n\u00e3o s\u00e3o executados no conte\u00fado do elemento e vice-versa, o que transmite a sensa\u00e7\u00e3o de seguran\u00e7a.<\/p>\n\n\n\n<p>Uma das vantagens de sua utiliza\u00e7\u00e3o \u00e9 que <strong>ele evita problemas de direitos autorais<\/strong>, uma vez que seu uso n\u00e3o \u00e9 considerado uma viola\u00e7\u00e3o. Al\u00e9m disso, os visitantes do site n\u00e3o t\u00eam acesso a esse conte\u00fado para, por exemplo, fazer uma c\u00f3pia.<\/p>\n\n\n\n<p>Outra vantagem \u00e9 que ele elimina a necessidade de armazenar grandes arquivos no servidor de hospedagem, o que poderia comprometer o espa\u00e7o dispon\u00edvel para armazenamento e at\u00e9 mesmo a velocidade de acesso \u00e0 p\u00e1gina.<\/p>\n\n\n\n<a id=\"quando\">&nbsp;<\/a>  <h2 class=\"wp-block-heading\">Quando usar um iFrame?<\/h2>\n\n\n\n<p>Existem <strong>diversas funcionalidades para o iFrame<\/strong>. \u00c9 muito comum uma p\u00e1gina incorporar v\u00eddeos de outros sites, como os do YouTube. Eles s\u00e3o facilmente inclu\u00eddos por meio do uso de <a href=\"https:\/\/rockcontent.com\/br\/blog\/embed-code-o-que-e\/\" rel=\"noreferrer noopener\" target=\"_blank\">um embeb code<\/a>, que nada mais \u00e9 que a incorpora\u00e7\u00e3o do v\u00eddeo utilizando a tag do iFrame com os dados referentes ao conte\u00fado a ser compartilhado.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=782750626  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/11\/iframe01.png\" alt=\"Quando usar um iFrame\" class=\"wp-image-43776\"\/><\/figure><\/div>\n\n\n\n<p>Outra pr\u00e1tica comum nos sites \u00e9 a troca de banners, principalmente entre empresas parceiras que trocam recomenda\u00e7\u00f5es entre si. Portanto, em vez de distribuir o pr\u00f3prio banner, utiliza-se um iFrame, requisitando-o da p\u00e1gina original. A grande vantagem nessa utiliza\u00e7\u00e3o \u00e9 que se o site propriet\u00e1rio alterar a imagem, ela ser\u00e1 atualizada em todos os lugares que a acessam.<\/p>\n\n\n\n<p>O elemento tamb\u00e9m pode ser utilizado para incorporar feeds de not\u00edcias a um site. Esse \u00e9 um recurso muito utilizado, por exemplo, para listar as \u00faltimas postagens de um blog e de <a href=\"https:\/\/rockcontent.com\/br\/blog\/tudo-sobre-redes-sociais\/\" rel=\"noreferrer noopener\" target=\"_blank\">redes sociais<\/a>. Outra utilidade \u00e9 exibir a localiza\u00e7\u00e3o da empresa em sites de geolocaliza\u00e7\u00e3o, como o Google Maps.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=1270920978  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/11\/iframe02.png\" alt=\"Quando usar um iFrame\" class=\"wp-image-43775\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Cuidados com a seguran\u00e7a<\/h3>\n\n\n\n<p>\u00c9 preciso ter alguns cuidados ao utilizar o iFrame. Um dos problemas causados em sua utiliza\u00e7\u00e3o \u00e9 a p\u00e1gina deixar de ser indexada por sites de buscas, como o Google. Isso porque os rastreadores n\u00e3o conseguem identificar o c\u00f3digo de iFrame, o que pode fazer com que toda a p\u00e1gina deixe de ser indexada.<\/p>\n\n\n\n<p>Por isso, <strong>\u00e9 importante n\u00e3o abusar desse recurso<\/strong>, principalmente em p\u00e1ginas que sejam relevantes para uma estrat\u00e9gia de <a href=\"https:\/\/rockcontent.com\/br\/blog\/marketing-digital\/\" rel=\"noreferrer noopener\" target=\"_blank\">Marketing Digital<\/a>, pois a falta de indexa\u00e7\u00e3o pode prejudicar todo o esfor\u00e7o feito para alcan\u00e7ar um bom rankeamento.<\/p>\n\n\n\n<p>Outra preocupa\u00e7\u00e3o com esse recurso \u00e9 quanto \u00e0 vulnerabilidade. Ao utilizar a tag em um site que n\u00e3o tenha a seguran\u00e7a adequada, \u00e9 poss\u00edvel sofrer algum tipo de ataque virtual. Isso porque os hackers se aproveitam dessa facilidade para modificar o c\u00f3digo original e redirecionar os usu\u00e1rios para sites maliciosos.<\/p>\n\n\n\n<p>H\u00e1 ainda a possibilidade de os iFrames serem alvos de exploits, ou seja, por n\u00e3o haver seguran\u00e7a, um hacker pode enviar programas ou comandos espec\u00edficos que s\u00e3o capazes de invadir o sistema e infectar o computador.<\/p>\n\n\n\n<p>Dessa forma, \u00e9 preciso saber <a href=\"https:\/\/rockcontent.com\/br\/blog\/como-criar-um-site\/\" rel=\"noreferrer noopener\" target=\"_blank\">como criar um site<\/a> que tenha a seguran\u00e7a adequada para que o recurso seja utilizado com o m\u00ednimo de riscos para os usu\u00e1rios. Uma forma de se prevenir contra eventuais ataques \u00e9 sempre manter o ambiente atualizado e utilizar links de sites conhecidos e confi\u00e1veis.<\/p>\n\n\n\n<a id=\"quais\">&nbsp;<\/a>  <h2 class=\"wp-block-heading\">Quais s\u00e3o os atributos do iFrame?<\/h2>\n\n\n\n<p>O iFrame, assim como todas as tags HTML, cont\u00e9m <strong>uma s\u00e9rie de atributos que servem para atribuir caracter\u00edsticas espec\u00edficas ao elemento<\/strong>. Basicamente, o iFrame funciona com a seguinte especifica\u00e7\u00e3o:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=736985904  fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/11\/iframe03.png\" alt=\"atributos do iFrame\" class=\"wp-image-43774\"\/><\/figure><\/div>\n\n\n\n<p>Entretanto, ele cont\u00e9m outros elementos que vamos relacionar a seguir:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>align: determina qual ser\u00e1 o alinhamento do conte\u00fado, que pode ser left, right, top, middle e bottom;<\/li><li>frameborder: especifica se haver\u00e1 ou n\u00e3o uma borda ao redor do iFrame \u2014 seus valores correspondem a 0 para n\u00e3o ou 1 para sim;<\/li><li>height: \u00e9 o valor em pixels referente \u00e0 altura do quadro;<\/li><li>name: indica o nome do elemento, sendo utilizado principalmente para facilitar o acesso \u00e0 tag por parte de um c\u00f3digo JavaScript;<\/li><li>sandbox: habilita uma s\u00e9rie de restri\u00e7\u00f5es ao conte\u00fado do iFrame, como allow-forms para permitir formul\u00e1rios, allow-popups, allow-scripts, entre outros;<\/li><li>scrolling: determina se o elemento exibir\u00e1 ou n\u00e3o a barra de rolagem \u2014 seus valores podem ser yes, no ou auto;<\/li><li>src: representa a URL da p\u00e1gina que ser\u00e1 inserida no iFrame;<\/li><li>srcdoc: representa um conte\u00fado HTML da p\u00e1gina para inserir no iFrame;<\/li><li>width: determina a largura do quadro.<\/li><\/ul>\n\n\n\n<a id=\"como\">&nbsp;<\/a>  <h2 class=\"wp-block-heading\">Como usar o iFrame no site?<\/h2>\n\n\n\n<p>A utiliza\u00e7\u00e3o do iFrame no site \u00e9 bem simples. H\u00e1 a op\u00e7\u00e3o de inserir o c\u00f3digo correspondente de forma manual, incorporado ou por meio de plugins no <a href=\"https:\/\/rockcontent.com\/br\/blog\/wordpress\/\" rel=\"noreferrer noopener\" target=\"_blank\">WordPress<\/a>. A seguir, vamos demonstrar como utilizar o recurso de todas essas maneiras.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Inserir o c\u00f3digo manualmente<\/h3>\n\n\n\n<p>Para inserir o c\u00f3digo \u00e9 preciso <strong>utilizar as tags de abertura e fechamento correspondentes<\/strong>, conforme mostramos na imagem anterior. Entretanto, para a utiliza\u00e7\u00e3o do iFrame \u00e9 preciso observar algumas limita\u00e7\u00f5es.<\/p>\n\n\n\n<p>Ao inserir qualquer conte\u00fado de outro site \u00e9 preciso observar qual \u00e9 o Protocolo de Transfer\u00eancia de Hipertexto, pois \u00e9 preciso que ele seja o mesmo nos dois sites. Isso significa que se o site utiliza o protocolo HTTP, s\u00f3 ser\u00e1 poss\u00edvel inserir conte\u00fados de sites que tamb\u00e9m utilizem esse recurso.<\/p>\n\n\n\n<p>Outro cuidado \u00e9 que alguns sites n\u00e3o permitem que seu conte\u00fado seja inserido em iFrames em outros sites. Nesse caso, ao tentar utilizar o recurso, ser\u00e1 exibida uma mensagem de erro para informar que o conte\u00fado n\u00e3o pode ser incorporado. Confira um exemplo de como inserir uma p\u00e1gina de forma manual no site:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=437884168  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/11\/iframe04.png\" alt=\"Inserir o c\u00f3digo manualmente\" class=\"wp-image-43773\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Fazer a incorpora\u00e7\u00e3o do conte\u00fado<\/h3>\n\n\n\n<p>Outra forma de inserir o conte\u00fado externo na p\u00e1gina \u00e9 por meio de <strong>um c\u00f3digo para a incorpora\u00e7\u00e3o<\/strong>. Existem sites que n\u00e3o permitem somente a c\u00f3pia da URL como \u00e9 feito da maneira manual. Nesse caso, eles fornecem um c\u00f3digo para ser incorporado na p\u00e1gina.<\/p>\n\n\n\n<p>Basicamente, existem duas formas de inserir o c\u00f3digo. A primeira \u00e9 ir \u00e0 p\u00e1gina que cont\u00e9m o conte\u00fado a ser incorporado. Nesse exemplo vamos utilizar um v\u00eddeo do YouTube. Portanto, depois de selecionar o v\u00eddeo desejado, clique com o bot\u00e3o direito do mouse sobre o v\u00eddeo e clique na alternativa \u201cCopiar c\u00f3digo de incorpora\u00e7\u00e3o\u201d.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=1521479404  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/11\/iframe05.png\" alt=\"Fazer a incorpora\u00e7\u00e3o do conte\u00fado\" class=\"wp-image-43772\"\/><\/figure><\/div>\n\n\n\n<p>A seguir, v\u00e1 no c\u00f3digo HTML da p\u00e1gina em que o v\u00eddeo ser\u00e1 inserido e cole o conte\u00fado copiado. Confira o resultado.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=876245506  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/11\/iframe06.png\" alt=\"Fazer a incorpora\u00e7\u00e3o do conte\u00fado\" class=\"wp-image-43771\"\/><\/figure><\/div>\n\n\n\n<p>H\u00e1, ainda, a possibilidade de incorporar o conte\u00fado por meio das fun\u00e7\u00f5es do WordPress. Para isso, no editor de postagens ou de p\u00e1ginas, clique em \u201cAdicionar blocos\u201d &gt; \u201cC\u00f3digos incorporados\u201d.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=959329749  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/11\/iframe07.png\" alt=\"Fazer a incorpora\u00e7\u00e3o do conte\u00fado\" class=\"wp-image-43770\"\/><\/figure><\/div>\n\n\n\n<p>A seguir, selecione entre as alternativas dispon\u00edveis qual \u00e9 o local de origem do conte\u00fado.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=1354110771  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/11\/iframe08.png\" alt=\"Fazer a incorpora\u00e7\u00e3o do conte\u00fado\" class=\"wp-image-43769\"\/><\/figure><\/div>\n\n\n\n<p>O pr\u00f3ximo passo \u00e9 informar o endere\u00e7o do conte\u00fado. E, para concluir, clique em \u201cIncorporar\u201d.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=1512184827  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/11\/iframe09.png\" alt=\"Fazer a incorpora\u00e7\u00e3o do conte\u00fado\" class=\"wp-image-43765\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Utilizar plugins<\/h3>\n\n\n\n<p>Existem, ainda, <strong>plugins gratuitos no WordPress<\/strong> que fazem essa tarefa com facilidade, como o <a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/advanced-iframe\/\" target=\"_blank\">Advanced iFrame<\/a>. Baixe e instale o plugin no <a rel=\"noreferrer noopener\" href=\"https:\/\/rockcontent.com\/br\/blog\/como-escolher-um-cms\/\" target=\"_blank\">CMS<\/a> e, no <a href=\"https:\/\/rockcontent.com\/br\/blog\/dashboard\/\">Dashboard<\/a>, clique na op\u00e7\u00e3o \u201cAdvanced iFrame\u201d e selecione a aba \u201cBasic Settings\u201d.<\/p>\n\n\n\n<p>No campo \u201cURL\u201d, informe o endere\u00e7o do site que ser\u00e1 incorporado no iFrame. \u00c9 importante dizer que os sites que t\u00eam restri\u00e7\u00f5es para a utiliza\u00e7\u00e3o do elemento n\u00e3o funcionam com a utiliza\u00e7\u00e3o de plugins. Nesses casos, \u00e9 preciso fazer a incorpora\u00e7\u00e3o como mencionado no t\u00f3pico anterior.<\/p>\n\n\n\n<p>Ao longo da p\u00e1gina est\u00e3o todos os atributos da tag que podem ser configurados conforme a necessidade de utiliza\u00e7\u00e3o.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=2056081387  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:1024\/h:411\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/11\/iframe11-1024x411.png\" alt=\"Utilizar plugins\" class=\"wp-image-43766\"\/><\/figure><\/div>\n\n\n\n<p>O pr\u00f3ximo passo \u00e9 clicar no bot\u00e3o \u201cGenerate a shortcode for current settings\u201d e copiar o c\u00f3digo gerado.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=736177905  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:1024\/h:507\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/11\/iframe12-1024x507.png\" alt=\"Utilizar plugins\" class=\"wp-image-43767\"\/><\/figure><\/div>\n\n\n\n<p>Por fim, v\u00e1 at\u00e9 a postagem ou a p\u00e1gina em que deseja inserir o iFrame e cole o texto copiado.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img data-opt-id=928595019  decoding=\"async\" src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/cb:AiM1.588\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2019\/11\/iframe13.png\" alt=\"Utilizar plugins\" class=\"wp-image-43768\"\/><\/figure><\/div>\n\n\n\n<p><strong>O iFrame \u00e9 uma tag HTML<\/strong> que pode ser utilizada para inserir diversos tipos de conte\u00fados externos em uma p\u00e1gina. Entretanto, deve ser usado com modera\u00e7\u00e3o, al\u00e9m de seguir os cuidados de seguran\u00e7a recomendados, como manter o site atualizado e inserir conte\u00fados apenas de sites confi\u00e1veis.<\/p>\n\n\n\n<p>Gostou do nosso conte\u00fado sobre como inserir conte\u00fados externos no site? Ent\u00e3o, que tal aumentar seus conhecimentos em WordPress? <a rel=\"noreferrer noopener\" href=\"https:\/\/rockcontent.com\/br\/blog\/curso-wordpress-universidade-rock-content\/\" target=\"_blank\">Conhe\u00e7a o curso gratuito de WordPress da Rock University!<\/a><\/p>\n\n\n\n[rock_performance]\n","protected":false},"excerpt":{"rendered":"<p>iFrame \u00e9 uma tag HTML utilizada para inserir conte\u00fados externos em uma p\u00e1gina. Sua configura\u00e7\u00e3o \u00e9 feita por meio de uma s\u00e9rie de atributos, sendo poss\u00edvel utiliz\u00e1-lo de forma manual, por meio de incorpora\u00e7\u00e3o na p\u00e1gina ou por um plugin para o WordPress.<\/p>\n","protected":false},"author":1,"featured_media":20715,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-2752","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>iFrame: o que \u00e9, quando e como usar<\/title>\n<meta name=\"description\" content=\"iFrame \u00e9 uma tag HTML que permite inserir o conte\u00fado de outra p\u00e1gina sem a necessidade copi\u00e1-lo. Conhe\u00e7a os seus atributos e as diferentes formas de us\u00e1-lo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pingback.com\/br\/resources\/iframe\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"iFrame: o que \u00e9, quando e como usar\" \/>\n<meta property=\"og:description\" content=\"iFrame \u00e9 uma tag HTML que permite inserir o conte\u00fado de outra p\u00e1gina sem a necessidade copi\u00e1-lo. Conhe\u00e7a os seus atributos e as diferentes formas de us\u00e1-lo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/br\/resources\/iframe\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-25T00:00:00+00:00\" \/>\n<meta name=\"author\" content=\"Pingback\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:site\" content=\"@pingbackoficial\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pingback\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/iframe\/\",\"url\":\"https:\/\/pingback.com\/br\/resources\/iframe\/\",\"name\":\"iFrame: o que \u00e9, quando e como usar\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/iframe\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/iframe\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2019-08-25T00:00:00+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\"},\"description\":\"iFrame \u00e9 uma tag HTML que permite inserir o conte\u00fado de outra p\u00e1gina sem a necessidade copi\u00e1-lo. Conhe\u00e7a os seus atributos e as diferentes formas de us\u00e1-lo.\",\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/br\/resources\/iframe\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/br\/resources\/iframe\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/iframe\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/iframe\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/br\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"O que \u00e9 iFrame, quais os atributos, quando e como usar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#website\",\"url\":\"https:\/\/pingback.com\/br\/resources\/\",\"name\":\"Pingback Blog\",\"description\":\"Marketing for builders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66\",\"name\":\"Pingback\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"caption\":\"Pingback\"},\"description\":\"Pingback: Marketing for builders.\",\"sameAs\":[\"https:\/\/pingback.com\",\"https:\/\/www.instagram.com\/pingbackoficial\/\",\"https:\/\/www.linkedin.com\/company\/pingbackoficial\/\",\"https:\/\/x.com\/pingbackoficial\",\"https:\/\/www.youtube.com\/@pingbackoficial\"],\"url\":\"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"iFrame: o que \u00e9, quando e como usar","description":"iFrame \u00e9 uma tag HTML que permite inserir o conte\u00fado de outra p\u00e1gina sem a necessidade copi\u00e1-lo. Conhe\u00e7a os seus atributos e as diferentes formas de us\u00e1-lo.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pingback.com\/br\/resources\/iframe\/","og_locale":"pt_BR","og_type":"article","og_title":"iFrame: o que \u00e9, quando e como usar","og_description":"iFrame \u00e9 uma tag HTML que permite inserir o conte\u00fado de outra p\u00e1gina sem a necessidade copi\u00e1-lo. Conhe\u00e7a os seus atributos e as diferentes formas de us\u00e1-lo.","og_url":"https:\/\/pingback.com\/br\/resources\/iframe\/","og_site_name":"Pingback","article_published_time":"2019-08-25T00:00:00+00:00","author":"Pingback","twitter_card":"summary_large_image","twitter_creator":"@pingbackoficial","twitter_site":"@pingbackoficial","twitter_misc":{"Escrito por":"Pingback","Est. tempo de leitura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/br\/resources\/iframe\/","url":"https:\/\/pingback.com\/br\/resources\/iframe\/","name":"iFrame: o que \u00e9, quando e como usar","isPartOf":{"@id":"https:\/\/pingback.com\/br\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/br\/resources\/iframe\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/br\/resources\/iframe\/#primaryimage"},"thumbnailUrl":"","datePublished":"2019-08-25T00:00:00+00:00","author":{"@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66"},"description":"iFrame \u00e9 uma tag HTML que permite inserir o conte\u00fado de outra p\u00e1gina sem a necessidade copi\u00e1-lo. Conhe\u00e7a os seus atributos e as diferentes formas de us\u00e1-lo.","breadcrumb":{"@id":"https:\/\/pingback.com\/br\/resources\/iframe\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/br\/resources\/iframe\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/iframe\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/br\/resources\/iframe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/br\/resources\/"},{"@type":"ListItem","position":2,"name":"O que \u00e9 iFrame, quais os atributos, quando e como usar"}]},{"@type":"WebSite","@id":"https:\/\/pingback.com\/br\/resources\/#website","url":"https:\/\/pingback.com\/br\/resources\/","name":"Pingback Blog","description":"Marketing for builders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingback.com\/br\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/170478128352e2f21e2360c2e4944a66","name":"Pingback","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/br\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","caption":"Pingback"},"description":"Pingback: Marketing for builders.","sameAs":["https:\/\/pingback.com","https:\/\/www.instagram.com\/pingbackoficial\/","https:\/\/www.linkedin.com\/company\/pingbackoficial\/","https:\/\/x.com\/pingbackoficial","https:\/\/www.youtube.com\/@pingbackoficial"],"url":"https:\/\/pingback.com\/br\/resources\/author\/adm1n\/"}]}},"_links":{"self":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/2752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/comments?post=2752"}],"version-history":[{"count":0,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/posts\/2752\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/media?parent=2752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/categories?post=2752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/br\/resources\/wp-json\/wp\/v2\/tags?post=2752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}