Code, stratégie et ressources web & seo

Comment positionner contenu iframe ?

Positionner contenu iframe pour black hat SEO

L’iframe apparait aujourd’hui comme un reliquat démodé d’ancien (mauvais) usage du HTML. Mais elle a encore son intérêt tant qu’elle est interprétée par les navigateurs web, pour insérer du contenu non local surtout quand on peut sélectionner précisément le contenu de la page web distante qui sera affiché dans l’iframe. Comment positionner contenu iframe ?

Contenu d’une iframe normale :

Voilà le code habituel d’une iframe. On peut en définir la largeur et la hauteur, et au mieux il est possible de masquer les barres de défilement quand la taille de la page dépasse la taille de l’iframe.

<iframe style="border: 0;" src="http://www.amazon.fr/product-reviews/1439184496/ref=cm_cr_dp_see_all_top?ie=UTF8&showViewpoints=1&sortBy=byRankDescending" width="620" height="320"></iframe>

ce qui donne :

Contenu iframe normal

Cette solution d’iframe normale n’offre que de bien maigres possibilités, il est juste possible de resserrer l’iframe dans le coin haut gauche, en masquant les barres de défilement pour parfaire le montage. Si seulement il était possible de positionner contenu iframe. Et c’est justement possible…

Contenu dans une iframe avec positionnement :

On rajoute un élément div dont les attributs de style « margin-top » et « margin-left » avec des valeurs négatives permettent de décaler l’origine qui correspond à l’affichage en haut à gauche sans oublier l’attribut « overflow » qu prend la valeur « hidden ».

<div style="width: 70px; height: 18px; overflow: hidden;"><iframe style="width: 400px; height: 800px; margin-top: -234px; margin-left: -200px;" src="http://www.amazon.fr/product-reviews/1439184496/ref=cm_cr_dp_see_all_top?ie=UTF8&showViewpoints=1&sortBy=byRankDescending" width="320" height="240"></iframe></div>

ce qui donne :

Contenu iframe positionnée

Cette solution est très intéressante. Il est possible de sélectionner le contenu à afficher dans la page. On cumule les avantages de l’affichage comptabilisé de la page et la possibilité d’obtenir des liens à partir du clic des objets sélectionnés. De plus il n’y a pas de « referer » pour une iframe, le site distant n’a pas les moyens de connaitre cette inclusion en iframe (même s’il existe par ailleurs des possibilités pour l’empêcher, ou la gêner).
Attention cependant à certains problèmes :

  • C’est un pratique est généralement interdite quand cela est spécifiée, mais quand l’insertion de frame ou d’iframe n’est précisément interdite dans les conditions générales d’utilisation, elle ne sera généralement pas toléré.
  • Prendre garde aux modifications du site distant. Si le site web original subit une modifications que ce soir par mise à jour du contenu, de la mise en forme ou des bannières publicitaires, il existe mille raisons pour que l’affichage soit perturbé ou modifié. Cela est d’autant plus vrai si le contenu à afficher est bas dans la page distante et donc plus encore risqué d’être perturbé. Dans ce cas la surveillance est nécessaire.
  • Le fond du site web distant et de la page de l’iframe doivent correspondre. Dans notre exemple, les couleurs des deux étant différentes, on voit le raccord entre les deux.

Positionner contenu iframe

Chercher à sélectionner du contenu iframe d’une page distante est certes très intéressant mais c’est une solution très imparfaite qui relève plus du bricolage que de la solution black hat html.

A propos du crash testeur rédacteur de cet article : Crash Master

Crash Master webmaster, codeur, webdesigner, référenceur, testeur de crash SEO sur le crash blog ouvert aux expériences de référencement, aux essais non conformes, aux tentatives black hat, à toutes sortes d'expérimentations parfois perdues d'avance contre le mur blindé de Google. Crash Master à votre service...

2 réponses à Comment positionner contenu iframe ?

  • C’est pas mal comme approche. C’est juste un peu casse-cou parce que si le formatage de la page d’origine change, ça bousille l’astuce. Ca oblige à surveiller la page d’origine pour bien vérifier que le contenu iframe ne se décale pas.

  • Merci. Ca fait exactement ce qu’il me faut.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*