Aller au contenu

Référencer les images"

gbertrand

Par gbertrand
dans (X)HTML et CSS

 Partager

Sujets conseillés

gbertrand

gbertrand

Posté
Posté

Bonjour.

On me dit partout que le référencement des images d'un site par google obéit à des règles mystérieuses, sinon incompréhensibles.

Je le crois en effet.

J'ai un site consacré aux images ("photographies recomposées" autour de Kafka et Freud):

www.gerard-bertrand.net

Je suis tès bien référencé par google. Le site apparaît dans les 1ers résultats lorsqu'on demande Kafka ou Proust.

Le site qui a quelques années affichent plutôt bien les "images" de Kafka quand on les demande dans la recherche "images".

Mais Proust dont les photos sont plus récentes n'est pas affiché en "images" sauf une qui n'existe même plus sur mon site depuis 8 mois !

J'ai nommé mes jpeg de la même façon. Voyez le code source de mes pages.

Alors, d'après vous, existe-t-il un moyen rapide et efficace pour que les images soient référencées plus vite ? Ou bien dois-je prendre mon mal en patience, comme on me le conseille.

(Même problème avec le moteur Picksearch spécialisé en recherche d'images).

Merci.

MS-DOS_1991

MS-DOS_1991

Posté
Posté

Bonjour :)

Cases le plus de mots-clés possibles dans les attributs title et alt de tes images ;) (attention: mot-clés pertinents et pas d'excès :rolleyes: )

gbertrand

gbertrand

Posté
  • Auteur
Posté

Merci.

Si tu lis le code source et les "titles" et autre "alt" de mes pages peut-être verras-tu des erreurs ou des oublis. Dis-les-moi.

Mais, pourtant, j'ai bien vérifié.

MS-DOS_1991

MS-DOS_1991

Posté
Posté

Je ne suis pas allé plus loin que ta page d'accueil:

<html><head>
<title> Franz kafka et Marcel Proust,les 2 Albums</title> 
<meta name="author" content="Gérard Bertrand">
<meta name="content-language" content="fr,en"> 
<meta name="copyright" content="gérard bertrand">
<meta name="robots" content="index,follow,all"> 
<meta name="publisher" content="gérard bertrand">
<meta name= "description" content="Franz Kafka et Marcel Proust reçoivent un double hommage dans deux albums de photographies recomposées, d'esprit plutôt surréaliste"> 
<meta name="keywords" content="kafka, franz kafka, ,jazz,surréalisme, garouste,kandinsky,collages,jose luis borges,georges perec,julien gracq, billie holiday, charlie parker,thelonious monk,lester young,jean vigo,sigmund freud,hopper,jacques tati,andré breton, la métamorphose de kafka, métamorphose kafka, kafka la métamorphose, la metamorphose de kafka, la métamorphose kafka, kafka biographie, kafka métamorphose, kafka metamorphose, kafka franz, la metamorphose  kafka, kafka le procès, , biographie kafka, biographie de kafka, kafka lettre au père, résumé de la métamorphose de kafka, biographie de franz kafka, kafka le chateau, franz kafka biographie,metamorphosis,proust,marcel proust,questionnaire de proust,de proust, proust marcel,ombre jeunes filles fleurs marcel proust,questionnaire proust, proust biographie,la madeleine de proust, proust a la recherche du temps,proust a la recherche du temps perdu, reynaldo Hahn, lucien daudet, james joyce,albert einstein,marcel duchamp,trista tzara"> 
<META NAME="revisit-after" CONTENT="15 days"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<script language="JavaScript">
<!--

function MM_initTimelines() { //v4.0
    //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
    var ns = navigator.appName == "Netscape";
    var ns4 = (ns && parseInt(navigator.appVersion) == 4);
    var ns5 = (ns && parseInt(navigator.appVersion) > 4);
    document.MM_Time = new Array(1);
    document.MM_Time[0] = new Array(0);
    document.MM_Time["Timeline1"] = document.MM_Time[0];
    document.MM_Time[0].MM_Name = "Timeline1";
    document.MM_Time[0].fps = 15;
    document.MM_Time[0].lastFrame = 0;
    for (i=0; i<document.MM_Time.length; i++) {
        document.MM_Time[i].ID = null;
        document.MM_Time[i].curFrame = 0;
        document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
    }
}
//-->
</script> <script language="JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script> <link rel="shortcut icon" href="favicon.ico" >

</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_timelinePlay('Timeline1')">
<DIV ID="Layer2" STYLE="position:absolute; left:23px; top:89px; width:0px; height:1px; background-color:#FFFFFF; layer-background-color:#FFFFFF; border:1px none #000000; z-index:8"></DIV><DIV ID="Layer3" STYLE="position:absolute; left:272px; top:112px; width:300px; height:389px; background-color:#FFFFFF; layer-background-color:#FFFFFF; border:1px none #000000; z-index:9"><A HREF="index2.htm" TARGET="_parent"><IMG SRC="marcel_proust_franz_kafka_i.jpg" WIDTH="293" HEIGHT="415" BORDER="0" ALT="Marcel Proust et Franz Kafka, la rencontre"></A></DIV><DIV ID="Layer4" STYLE="position:absolute; left:258px; top:33px; width:318px; height:79px; background-color:#FFFFFF; layer-background-color:#FFFFFF; border:1px none #000000; z-index:10"><IMG SRC="kafka_proust.jpg" WIDTH="312" HEIGHT="113"></DIV><DIV ID="Layer5" STYLE="position:absolute; left:88px; top:72px; width:146px; height:391px; background-color:#FFFFFF; layer-background-color:#FFFFFF; border:1px none #000000; z-index:11"><DIV ALIGN="LEFT"><I><FONT FACE="Geneva, Arial, Helvetica, san-serif" SIZE="2" COLOR="#6C6C6C">Franz 
Kafka <BR>et Marcel Proust.<BR>Kafka rencontre Proust.<BR>Petit Marcel rencontre 
Monsieur K.<BR>Kafka se rend à Prague et Proust à...Balbec.<BR>Franz 
Kafka, visiteur assidu de Paris,<BR>aurait d'ailleurs fort bien pu rencontrer 
Proust, son contemporain.<BR>Proust fait le grand voyage en 1922,<BR> et, deux 
ans plus tard, <BR>l'ami Franz le suit.<BR>Qui nous empêcherait de les réunir 
enfin, <BR>ces créateurs de mondes ?<BR>Deux Albums <BR>de "photographies 
recomposées" <BR>leur rendront donc hommage sur ce site.<BR>Entrez 
donc pour les feuilleter...</FONT></I></DIV></DIV><DIV ID="Layer6" STYLE="position:absolute; left:576px; top:88px; width:169px; height:319px; background-color:#FFFFFF; layer-background-color:#FFFFFF; border:1px none #000000; z-index:12"><DIV ALIGN="RIGHT"><FONT FACE="Geneva, Arial, Helvetica, san-serif" SIZE="2" COLOR="#666666"><I>Franz 
Kafka <BR>and Marcel Proust.<BR>Kafka meets Proust.<BR>Little Marcel meets<BR> 

Monsieur K.<BR>Kafka goes to Prague and Proust to... Balbec.<BR>Besides, Franz 
Kafka, assiduous visitor of Paris,<BR>could have very well met Proust, his contemporary.<BR>Proust 
will make the great trip in 1922, <BR>and, two years later, <BR>the friend Franz 
follows him.<BR>Who could prevent us from joining together finally, those creators 
of worlds?<BR>Thus, two Albums made up of photographs<BR>will pay 
tribute to them on this website.<BR>Enter and have a look around those pages...</I></FONT></DIV></DIV><DIV ID="Layer1" STYLE="position:absolute; left:645px; top:489px; width:105px; height:19px; background-color:#FFFFFF; layer-background-color:#FFFFFF; border:1px none #000000; z-index:13"><IMG SRC="desimages.jpg" WIDTH="113" HEIGHT="18"></DIV><DIV ID="Layer7" STYLE="position:absolute; left:660px; top:508px; width:134px; height:18px; background-color:#FFFFFF; layer-background-color:#FFFFFF; border:1px none #000000; z-index:14"><IMG SRC="gerardbertrand.jpg" WIDTH="128" HEIGHT="21"></DIV><table width="738" border="0" cellpadding="0" cellspacing="2" height="539" ALIGN="LEFT"> 
<tr align="center"> <td height="995" valign="top"><FONT COLOR="#CC6600"><I><FONT COLOR="#CC6600"><I><FONT COLOR="#CC6600"><I><FONT SIZE="2" COLOR="#993300"><B></B></FONT></I></FONT></I></FONT></I></FONT></td></tr> 

</table><div align="center"> </div><script LANGUAGE="Javascript">
<!--
function mesure(_MesurePro, _page)
{
scr_w = screen.width;
scr_h = screen.height;
color = screen.colorDepth;
ref = escape(window.document.referrer);

document.write("<IMG src='http://www.direct-stats.com/cgi-bin/pro/stats/pyramide/marqueur.pl/"+ "?page="+ _page+ "&n="+ Math.round (Math.random () * 1000000000000000)+ "&reso_w="+ scr_w+ "&reso_h="+ scr_h+ "&color="+ color+ "&referer="+ ref+"' border=0>");
}
mesure("Mesure Pro", "page_index_site"); // Attention, pas d'espace entre chaque mot mais des _ a la place. Eviter aussi tout accents/guillemets, caractères spéciaux etc...
//-->
</script> <!-- Start of StatCounter Code --> <script type="text/javascript" language="javascript">
var sc_project=1132603; 
var sc_invisible=1; 
var sc_partition=10; 
var sc_security="12eaf159"; 
</script> <script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img  src="http://c11.statcounter.com/counter.php?sc_project=1132603&java=0&security=12eaf159&invisible=1" alt="free web page counters" border="0"></a> 
</noscript> <!-- End of StatCounter Code --> 
</body>
</html>

Ton code est une bouillie infecte. Commence par le rendre XHTML Compliant:

  • Doctype au tout début du code (remplace <html> par):
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-FR" dir="ltr">


  • Nom des balises html en minuscules
  • Les balises uniques doivent se terminer par un / (ex: <meta ... />, <input ... />, <br />)
  • Pas besoin de mettre les trois valeurs "index,follox,all" dans ta balise meta Robots: il faut mettre "index, follow" ou bien "all" ;)
  • Remplace l'attribut language="JavaScript" par type="text/javascript" dans la balise <script>
  • Utilise des feuilles de style CSS plutôt que des attributs comme bgcolor qui sont obsolètes (CSS powaa :lol: )

fredwat

fredwat

Posté
Posté
Merci.

Si tu lis le code source et les "titles" et autre "alt" de mes pages peut-être verras-tu des erreurs ou des oublis. Dis-les-moi.

Mais, pourtant, j'ai bien vérifié.

<{POST_SNAPBACK}>

Pourquoi ajoutes-tu systématiquement "1mage" devant la description de celle-ci

:?:

C'est inutile puisque le robot fait son travail de robot (il sait parfaitement qu'un alt renseigne le contenu 1mage) dilution de l'importance des mots..du coup :!:

remonte ton titre sous le head et comme l'a déja dit MS-DOS_1991 nettoie tout ton code ;)

Fred :)

Théo B.

Théo B.

Posté
Posté

Oulah.

Aucune description, des attributs en majuscule, des functions JS inutiles...

Ca pue dreamweaver ça!

Mets des alt et des title à tes images!

f_trt

f_trt

Posté
Posté (modifié)

Bonjour Gérard,

je pense qu'il vous faut renommer vos images avec soit des + des . ou des - comme séparateur de mot-clefs, exemple:

marcel_proust_a_venise2.jpg --> marcel.proust.a.venise2.jpg

D'après ce que j'ai pu lire sur le net les _ ne sont pas considéré comme un séparateur

par google ainsi marcel_proust_a_venise2.jpg devient pour google marcelproustavenise2.jpg donc plus de mot clefs. J'ai lu aussi que les tirets sont ok mais alors c'est yahoo qui là n'est plus d'accord et au bout d'un certains nombres de tiret il fusionne le tout.

Voila, j'expérimente moi-même cela sur ma galerie, depuis très peu de temps, au départ je n'ai travaillé que sur les URL, les ALT et les TITLE, ne voyant pas ou peu d'amélioration je viens donc de passer au renommage de mes fichiers images en appliquant ce principe. Donc je vais maintenant suivre tout cela.

A+

Modifié par f_trt
Cleden

Cleden

Posté
Posté

Voilà quelque temps, que j'ai optimisé le nom de mes images et mettant des tirets, des mots clefs, alt sur le lien de la miniature, title sur la miniature elle même etc etc

Le problème c'est que Google-images est incroyablement lent :boude: a quand remonte la dernière mise à jour de Google Images ?

gbertrand

gbertrand

Posté
  • Auteur
Posté

Merci à tous.

Je lis ça à 2h50 du matin et je me promets de tout revoir dans les jours à venir.

Mais quel boulot pour quelqu'un qui a construit son site tout seul après avoir lu les livres ! Etre autodidacte ne suffit donc pas !

Vive les forums, finalement on y apprend beaucoup...

gbertrand

gbertrand

Posté
  • Auteur
Posté

La nuit portant conseil, je viens discuter les propositions lues cette nuit.

D'abord,"f_trt" qui écrit:

"D'après ce que j'ai pu lire sur le net les _ ne sont pas considéré comme un séparateur

par google ainsi marcel_proust_a_venise2.jpg devient pour google marcelproustavenise2.jpg donc plus de mot clefs".

Or, la seule image référencée (il y a 8 mois environ) par Google se nommait:"marcel_proust-c.jpeg" !

Ensuite, j'ai vérfié le code de la page qui serait "une bouillie infecte"(sic!).

Le XHTLM compliant trouve des balises absentes à foison, alors qu'elles sont bien là...

Je corrige ce que je peux et...j'attends.

captain_torche

captain_torche

Posté
Posté

Je corrige juste un peu MS-DOS : il n'est pas obligatoire de passer à l'XHTML (et par conséquent, entre autres, fermer les balises uniques), mais effectivement, ton code aurait besoin d'un grand nettoyage de printemps.

MS-DOS_1991

MS-DOS_1991

Posté
Posté
Je corrige juste un peu MS-DOS : il n'est pas obligatoire de passer à l'XHTML (et par conséquent, entre autres, fermer les balises uniques)

<{POST_SNAPBACK}>

Oui, mais autant prendre de bonnes habitudes tôt ;)
captain_torche

captain_torche

Posté
Posté

On peut prendre de très bonnes habitudes (séparer le contenu de la présentation), en restant en HTML.

Le souci est juste de prendre ces bonnes habitudes, quel que soit la version du langage utilisé.

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...