Lien image

**le Mar Aoû 22, 2006 10:29**

Bonjour,

Voila sur mon site -www.residence-lapinede.com , et plus précisemment sur ma page d'accueil, je possède actuellement une image en fond et des images en liens.

Je suis en train de refaire la présentation et, pour que mes images liens ne viennent pas cacher mon image de fond, je suis en train de faire une image unique (liens images opacité réduite sous toshop) avec toujours les mêmes liens mais cette fois ci ces liens seront déterminés par des coordonnées prises sur mon image finale.

Ma question, google suivra t il tjs de la même façon ces liens?

J'espère que je suis arrivé à me faire comprendre.

Cordialement,

Benjamin.

**le Mar Aoû 22, 2006 10:38**

Tu te casses la tête et tu te sapes le boulot pour pas grand chose...

Au lieu d'utiliser des images pour tes liens, pourquoi ne pas utiliser les propriétés des CSS pour faire "flotter" dans la boîte principale (celle de l'image de fond) les différentes boîtes du menu, au format texte ?

Exemple: °www.indexweb.info : ça paraît graphiquement chargé, mais c'est ultra léger (regarde la source).

Pour ta home, tu pourrais par exemple faire quelquechose comme:

Code: Tout sélectionner: <html> <head> (tes meta) </head> <body> <div id="global"> <div id="image"> <div id="lien1"><a class="mainlinks" href="...">...</a></div> <div id="lien2"><a class="mainlinks" href="...">...</a></div> <div id="lien3"><a class="mainlinks" href="...">...</a></div> <div id="lien4"><a class="mainlinks" href="...">...</a></div> <div id="lien5"><a class="mainlinks" href="...">...</a></div> <div id="lien6"><a class="mainlinks" href="...">...</a></div> <div id="lien7"><a class="mainlinks" href="...">...</a></div> </div> </div> <body>

et définir la position de chaque id "lien1", "lien2" etc... dans ta feuille de style.

En plus t'aurais du contenu texte sur ta home page

@++

PS: Plus d'infos CSS: alsacreations.com !

**le Mar Aoû 22, 2006 10:42**

Oui, mais si je met des images flottante en css, l'opacité de mes liens images "n'apparaitra" pas.

Je suis ds le faux?

**le Mar Aoû 22, 2006 10:45**

Merci pour ton lien, j'ai inscrit mon site

**le Mar Aoû 22, 2006 10:47**

PINEDE a écrit:Oui, mais si je met des images flottante en css, l'opacité de mes liens images "n'apparaitra" pas.

Je suis ds le faux?

Là je vois pas trop ce que tu veux faire

**le Mar Aoû 22, 2006 13:05**

Ne mets pas des images, mets juste du texte, stylé comme il faut:
1-C'est mieux pour le rérencement et l'accessibilité.
2-tu peux affecter l'opacité avec les règles CSS: http://www.mandarindesign.com/opacity.html , et même la changer sur un hover; e.g.

Code: Tout sélectionner: a.mesLiens{ filter:alpha(opacity=50);opacity:.5; display:block; position:top:50px;left:32px; background-color:blue; color:red; padding:1em; } a.mesLiens:hover{ filter:alpha(opacity=100);opacity:1; }

**le Mar Aoû 22, 2006 17:11**

Regarde juste à cette page : www.residence-lapinede.com pour l'opacité des liens images.

Obi, oui le css est super pour le référencement mais ne convient pas à ma présentation où j'ai besoin d'images.

Ma solution va t elle toucher mon référencement ?

Merci.

**le Mar Aoû 22, 2006 17:45**

J'avais bien vu ...
Disons que mettre un image map sur ta page d'entrée, sans alt (on peut mettre un alt sur une <area> ?), c'est un peu te tirer une balle dans le pied en terme de référencement. En te creusant un peu la tête, il est assez facile de faire la même chose graphiquement et avec des CSS, par ex:
-http://www.esterel-technologies.com/industry/electronics/usage-and-success-stories.html
Et là tu arroses bien chacune des tes pages avec du bon google-juice de ta page d'entrée ...

**le Mar Aoû 22, 2006 18:21**

ah les images quand elles nous tiennent

**le Mar Aoû 22, 2006 18:26**

Oui les alt sont possibles sur les liens images, je viens de les mettre.
Je suis donc ok pour google et son référencement.
Par contre c'est vrai que mon fichier pèse plus de 1mo

**le Mar Aoû 22, 2006 18:31**

PINEDE a écrit:Oui les alt sont possibles sur les liens images, je viens de les mettre.
Je suis donc ok pour google et son référencement.
Par contre c'est vrai que mon fichier pèse plus de 1mo

c'est pas le genre de page que les robots aiment

**le Mar Aoû 22, 2006 18:39**

Oui j'ai oublié le point d'interrogation.

Je demande conseil svp

**le Mar Aoû 22, 2006 18:43**

ta page est trop lourde et elle ne t'apportera pas un bon reférencement. car les moteurs de recherche ne pouront pas entièrement le mettre en cache. je pense que la bonne taille tout compris pour un bon reférencement c'est environ 100ko pour un page. donc ta vraiment encore beaucoup à suprimer dans cette page

**le Mar Aoû 22, 2006 18:48**

Très bien merci, je vais virer ce gif animé et mettre qu'une image de fond.

Merci pour vos conseils. Si vous en avez d'autres ...

**le Mar Aoû 22, 2006 18:51**

ok bonne chance et surtout arme toi de patience pour la suite

Lien image

Lien image

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne