Ir al contenido principal

Cómo NO afectan al posicionamiento los iframes y cómo hacer que sí, entre otras cosas

A pesar de ser populares, muchas veces no se tiene en cuenta o desconoce cómo afectan los iframes al SEO de las páginas que los contiene, así que eso veremos, junto con la accesibilidad y usabilidad del iframe.

 El iFrame (marco flotante) es un elemento HTML que permite insertar otro recurso web dentro de una página web. Aunque no lo parezca es una de las formas más populares de insertar contenido interactivo y multimedia dentro de un sitio. Por ejemplo; un vídeo de youtube.

Insertar una página web o un recurso web accesible en otra es tan sencilla como obtener su dirección web e insertarla de la siguiente manera: <iframe src="http://recursoweb.com"></iframe>.


-Rob Gonsalves, te había dicho un MARCO flotante!!!

CÓMO AFECTAN LOS IFRAMES AL POSICIONAMIENTO

Entre las características del iFrame que afectan al SEO tenemos:

  • Se puede hacer pasar PageRank hacia la página de origen. Para ello hay que agregar las etiquetas de enlace (href=”url de enlace”) entre las etiquetas <iframe> e </iframe>, estáo no está comprobado al 100% pero se cree que de esta forma sí se traspasa el PageRank. Si quieres estar totalmente seguro de transpasar PageRank entonces coloca un enlace junto al iframe.
  • Los buscadores no consideran el contenido de un iframe como parte de la página principal. Esto quiere decir que lo que el iFrame muestre no se incluirá en los índices de los buscadores como parte de tu sitio.
  • La página o recurso web que se encuentre en un iframe puede ser rastreada por los robots de los buscadores e incluida en el índice como otro recurso diferente que es pero no traspasa el PageRank* hacia la página incluida en el iframe, tal cómo lo haría un enlace. Sin embargo...



CÓMO APORTAR MÁS INFORMACIÓN y/o VALOR A UN IFRAME


Además del texto ancla o anchor text, el cuál debe ser descriptivo y contener palabras clave, incluiremos un enlace que será el que aporte valor y transmita el PageRank hacía la página de destino. Para ello construiremos el iframe del siguiente modo:

<iframe src="http://recursoweb.html"><p>Texto descriptivo<a href=”http://recursoweb.html”>Accede al sitio</a></p></iframe>

Si no se usa esta técnica sólo aparecerá un enlace hacia el contenido del iframe. Evidentemente podemos usar el atributo rel="nofollow" para evitar que ese enlace transmita valor.


CÓMO DE ACCESIBLES SON LOS IFRAMES PARA LOS USUARIOS

La accesibilidad de un iframe es idéntico al de una imagen con un enlace:

  • Los enlaces dentro del iframe son igual de accesibles que el resto de los enlaces de la página. El usuario no nota ninguna diferencia. No se puede percibir si estamos ante una imagen o un iframe.
  • Si queremos potenciar la página de destino del iframe; es bastante conveniente aportar al menos un texto que describa el contenido del mismo. En el caso de que el navegador no soporte iframes, o de tener la opción inhabilitada, se muestra este texto y un enlace hacía la página de destino. 

USABILIDAD DEL IFRAME en HTML5


En el nuevo HTML5, el iframe solamente soporta los siguientes atributos:

  • name: Nombre. El nombre del iframe.
  • sandbox: Habilita una serie de restricciones para el contenido del iframe. Puede tener los siguientes valores: allow-forms, allow-same-origin, allow-scripts y allow-top-navigation.
  • seamless: Especifica que el iframe debe parecer que se trata de una parte del documento que lo contiene.
  • src: URL. S Especifica la dirección del documento para insertar en el iframe.
  • srcdoc. HTML_code: especifica el contenido HTML de la página para mostrar en el iframe.
  • width: pixels. Especifica el ancho del iframe.

Ya no están soportados por HTML5, los siguientes atributos: align, frameborder, height, longdesc, marginheight, marginwidth y scrolling. Si lo usas funcionarán muy bien pero cuando Blogger migre a HTML5 dejarán de funcionar correctamente. Hay que usar CSS ahora.

  • Solamente una cosa más: si usamos un iframe en la plantilla de nuestro blog de Blogger (es XHTML en lugar de HTML) no podremos usar el atributo "name", teniendo que emplear "id" en su lugar (también tenemos title y class disponibles). Sólo eso :)


¿DONDE ENCONTRAR INFORMACIÓN ACTUALIZA SOBRE EL IFRAME?


Podéis encontrar muchísima información actualizada sobre el iframe, y mucha otras cosas, en la página web principal de HTML, el estándar de html del W3C (en inglés); www.w3schools.com.


¿Qué tal, os ha quedado más claro cómo funcionan y usar los iframes? Cualquier cosa; los comentarios están abiertos... Me he inspirado aquí: www.v2p-online.es

Entradas populares de este blog

Optimiza las ganancias de acortadores al máximo fácil con Lanza.me

Seguro que ya conoces  Lanza.me ; el primer acortador y metaacortador que te permite cambiar todos tus enlaces en pocos segundos a los acortadores que quieras, evitando con ellos problemas con los principales acortadores que pagan . Estoy seguro de que también conoces Shorteners.net ; el primer comparador de tasas y otras características de acortadores de acortadores que pagan y que te ofrece las tasas de estos siempre actualizadas, valoraciones y más. Ha llegado el momento de unir ambos sitios para una obtención de datos práctica y automática. Lanza.me + Shorteners.net: La unión perfecta Así es. Lanza.me y Shorteners.net ya tienen una conexión conjunta. Con ella, Lanza.me puede conocer las tasas de los acortadores y con ello, decirte cuál es el acortador que más te conviene para las visitas que recibas. Y no me estoy refiriendo al recomendador de acortadores integrado en Lanza.me , que te anuncia cuales son los acortadores que no estás empleando y que tienen

Compatible con Youtube, Lanza.me trae otras muchas mejoras

Lanza.me es es un acortador y metaacortador con funcionalidades únicas. Una de ellas es la de mostrar páginas externas de nuestra preferencia, así como acortar nuestros enlaces con los principales acortadores de enlaces. Hubo novedades, y en esta entrada te las presento. Si quieres saber más acerca de Lanza.me visita esta sección del blog . Vídeos de Youtube como páginas intermedias Desde la madrugada del 24 de febrero Lanza.me es compatible con Youtube. Cuando inserten la URL de un vídeo de youtube como una página externa, el acortador lo detectará y lo mostrará ocupando todo el ancho de la pantalla cuando los usuarios visiten el enlace. Los usuarios VIP pueden configurar estas páginas para que reproduzcan el vídeo automáticamente, con lo que conseguirán más visitas. Más datos añadidos y un repaso a las estadísticas Hace tiempo comenté que otra vez había habido cambios en las estadísticas. Miraremos más por encima esas estadísticas porque tienen algunas opciones que sería inte

Multiplica tus ingresos con el encadenador de acortadores de Lanza.me

Lanza.me es el acortador y metaacortador que he estado desarrollando durante los últimos 4 años. Con él puedes usar otros acortadores para acortar tus enlaces y cambiarlos fácilmente y en muy pocos segundos. También permite usar páginas externas para mostrar en tus enlaces cortos o simplemente usar enlaces directos.  Ya es muy estable y está lleno de opciones, como estadísticas a nivel de usuario y enlace, optimización de acortadores, alertas dinámicas y reactivas de acortadores caídos o en problemas,  listas públicas de enlaces , programa de referidos, etc. Hoy te traigo una nueva característica. Encadenador: Multiplica tus ingresos sin esfuerzo ni riesgo Este lunes 5 de julio de 2021 se ha lanzado el encadenador de acortadores. Se trata de una nueva característica, única de Lanza.me, con la que podrás conseguir duplicar tus ingresos sin esfuerzo ni riesgo. Cómo funciona el encadenador El encadenador de acortadores usa varios acortadores a la vez sobre un mismo enlace; Los visitantes