Indexer ou pas les pages imprimables ?

[gege068]

Bonjour à tous,

J'ai un site perso ou je laisse la possibilité aux visiteurs d'afficher une version imprimable de mes pages. Les pages d'origine sont bien chargées au niveau décoration mais aussi menus ce qui n'est pas idéal pour imprimer.

Je constate cependant que Google indexe également ces pages en plus de la page d'origine. Ma question est de savoir si c'est pertinent ou pas sachant que du coup le contenu de ces pages est alors enregistré 2 fois dans le moteur de recherche comme s'il s'agissait pourtant de 2 pages différentes :?:

N'y a t-il pas un risque pour qure Google considère que c'est du texte "en double" et diminue du coup la pertience de mes pages :?:

Merci pour votre aide.
gege

 

[blman]

La bonne question, c'est : est-ce que les visiteurs qui accèdent sur ton site via les moteurs de recherches ne seraient pas quelque peu surpris d'arriver sur des pages imprimables ?

 

[gege068]

Effectivement la remarque est intéressante.
Il y a bien un lien vers la page d'origine mais il est certainement plus intéressant de faire en sorte que le visiteur tombe sur la page d'origine.

Le mieux est alors de préciser l'info dans le fichier robots.txt :?:

 

[blman]

Tu peux le préciser dans ton robot.txt ou écrire une règle (par ex, en php :
if($page=="imprim"){
echo '<meta name="robots" content="NOINDEX, NOFOLLOW"/>';
}
else echo '<meta name="robots" content="INDEX, FOLLOW"/>';

 

[gege068]

Mes pages se génèrent automatiquement pour la version imprimable et je pense que dans mon cas il serait plus logique et plus simple d'ajouter simplement la balise :

<meta name="robots" content="NOINDEX, NOFOLLOW"/>

Grand merci pour tes conseils

 

[fonzie]

Je ne pense pas que la page imprimable soit placée devant la page "d'origine" dans les moteurs :

avec un texte sensiblement egal, un titre sans doute meilleur, et un PR normalement superieur, la page "origine" doit etre mieux classée

Reste l'eventuel probleme de duplicate-content, je connais pas bien les risques

 

[medium69]

Et pourquoi ne pas faire une feuille CSS pour le media print ?

Ainsi tu ne te prend plus la tête, et tes visiteur ne voit pas forcément la même chose sur le papier et l'écran.

Regarde le test sur mon site ; visualise avant impression les pages.
Lors de l'impression, pas de pub, navigation, etc.

 

[gege068]

Le coup de la feuille CSS pour le media print c'est assez génial. J'ai regardé sur ton site, medium69, et c'est vrai que ça fait pro et c'est bien pratique. Beaucoup de chance pour que à long terme je me penche sur ce style de solution.

Au fait, fonzie, je ne peux pas dire au niveau du PR des différentes pages mais en tous cas au niveau du classement dans Google j'ai constaté que selon les mots recherchés ce sont parfois les pages imprimables qui sont devant les pages origine :?
Ca par contre c'est moins cool ...
C'est peut être un peu logique dans le sens ou il n'y a pas la répétition des différents menus qui crée certainement une rercharge de texte et dilue l'information.

 

[medium69]

C'est très simple à mettre en place...

ça prend quelques minutes. si ton site est bien codé.
Je te laisse charger ma CSS print si tu veux comprendre.

 

[gege068]

Effectivement je serais bien intéressé de voir un exemple concret de CSS print

 

[Bacteries]

Regarde le source, je connaissais c'est vraiment pas mal du tout :

<link rel="shortcut icon" type="image/x-icon" href="http://www.science-et-vie.net/favicon.ico" /><link rel="stylesheet" type="text/css" title="Sérénité (bleu par défaut)" media="screen" href="http://www.science-et-vie.net/includes/styles/serenite.css" /><link rel="alternate stylesheet" type="text/css" title="Fond noir" media="screen" href="http://www.science-et-vie.net/includes/styles/noir.css" />
<link rel="alternate stylesheet" type="text/css" title="Grands caractères" media="screen" href="http://www.science-et-vie.net/includes/styles/grand.css" />
<link rel="alternate stylesheet" type="text/css" title="Fond noir et grands caractères" media="screen" href="http://www.science-et-vie.net/includes/styles/noirGrand.css" />
<link rel="alternate stylesheet" type="text/css" title="Présentation minimale" media="screen" href="http://www.science-et-vie.net/includes/styles/mini.css" />
<link rel="alternate stylesheet" type="text/css" title="Sans mise en forme" media="screen" href="http://www.science-et-vie.net/includes/styles/vide.css" />
<link rel="alternate stylesheet" type="text/css" title="Douceur (violet)" media="screen" href="http://www.science-et-vie.net/includes/styles/douceur.css" />
<link rel="alternate stylesheet" type="text/css" title="Équilibre (orange)" media="screen" href="http://www.science-et-vie.net/includes/styles/equilibre.css" />
<link rel="alternate stylesheet" type="text/css" title="Espérance (vert)" media="screen" href="http://www.science-et-vie.net/includes/styles/esperance.css" />
<link rel="alternate stylesheet" type="text/css" title="Inquiétude (brun)" media="screen" href="http://www.science-et-vie.net/includes/styles/inquietude.css" />
<link rel="alternate stylesheet" type="text/css" title="Mélancolie (gris)" media="screen" href="http://www.science-et-vie.net/includes/styles/melancolie.css" />
<link rel="alternate stylesheet" type="text/css" title="Passion (rouge)" media="screen" href="http://www.science-et-vie.net/includes/styles/passion.css" />
<link rel="alternate stylesheet" type="text/css" title="Tendresse (rose)" media="screen" href="http://www.science-et-vie.net/includes/styles/tendresse.css" />
<link rel="stylesheet" type="text/css" media="print" href="http://www.science-et-vie.net/includes/styles/print.css" />

 

[amazigh25]

Salut,
Bonne idée mais une petite explication ne ferai de mal à persone je pense ;-)

Merci

@+

 

[medium69]

Regarde le source, je connaissais c'est vraiment pas mal du tout :

<link rel="shortcut icon" type="image/x-icon" href="http://www.science-et-vie.net/favicon.ico" /><link rel="stylesheet" type="text/css" title="Sérénité (bleu par défaut)" media="screen" href="http://www.science-et-vie.net/includes/styles/serenite.css" /><link rel="alternate stylesheet" type="text/css" title="Fond noir" media="screen" href="http://www.science-et-vie.net/includes/styles/noir.css" />
<link rel="alternate stylesheet" type="text/css" title="Grands caractères" media="screen" href="http://www.science-et-vie.net/includes/styles/grand.css" />
<link rel="alternate stylesheet" type="text/css" title="Fond noir et grands caractères" media="screen" href="http://www.science-et-vie.net/includes/styles/noirGrand.css" />
<link rel="alternate stylesheet" type="text/css" title="Présentation minimale" media="screen" href="http://www.science-et-vie.net/includes/styles/mini.css" />
<link rel="alternate stylesheet" type="text/css" title="Sans mise en forme" media="screen" href="http://www.science-et-vie.net/includes/styles/vide.css" />
<link rel="alternate stylesheet" type="text/css" title="Douceur (violet)" media="screen" href="http://www.science-et-vie.net/includes/styles/douceur.css" />
<link rel="alternate stylesheet" type="text/css" title="Équilibre (orange)" media="screen" href="http://www.science-et-vie.net/includes/styles/equilibre.css" />
<link rel="alternate stylesheet" type="text/css" title="Espérance (vert)" media="screen" href="http://www.science-et-vie.net/includes/styles/esperance.css" />
<link rel="alternate stylesheet" type="text/css" title="Inquiétude (brun)" media="screen" href="http://www.science-et-vie.net/includes/styles/inquietude.css" />
<link rel="alternate stylesheet" type="text/css" title="Mélancolie (gris)" media="screen" href="http://www.science-et-vie.net/includes/styles/melancolie.css" />
<link rel="alternate stylesheet" type="text/css" title="Passion (rouge)" media="screen" href="http://www.science-et-vie.net/includes/styles/passion.css" />
<link rel="alternate stylesheet" type="text/css" title="Tendresse (rose)" media="screen" href="http://www.science-et-vie.net/includes/styles/tendresse.css" />
<link rel="stylesheet" type="text/css" media="print" href="http://www.science-et-vie.net/includes/styles/print.css" />

Il s'agit de mon code source...
Le CSS serenite.css est celui pour l'affichage par défaut.
Les suivants avec le media screen (écran) sont là car dans certains navigateurs, (Opéra il me semble), tu as la possibilité de charger d'autres feulles CSS (rel="alternate stylesheet").
Hormis cela, j'ai une boite déroulante pour changer l'habillage directement à partir du site.

la feuille pour le media print (imprimante) est celui qui est utilisé lors d'une imression.
Dans le cas présent, je n'affiche pas certaine partie du site (display: none, ou encore les couleurs de fond ou décorative.

Tu peux consulter ma page d'aide sur le site pour comprendre le fonctionnement en rapport avec l'affichage.

 

[amazigh25]

Salut,
Merci medium69, je pense que je vais utiliser cet astuce dans la prochaine version de mon site.

Encore Merci
medium69
@+