Lien image

PINEDE · 22 Août 2006

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.

HawkEye · 22 Août 2006

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:

<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 !

PINEDE · 22 Août 2006

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

Je suis ds le faux?

PINEDE · 22 Août 2006

Merci pour ton lien, j'ai inscrit mon site

HawkEye · 22 Août 2006

PINEDE a dit:
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

obi · 22 Août 2006

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:

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;
}

PINEDE · 22 Août 2006

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.

obi · 22 Août 2006

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 ...

lapi · 22 Août 2006

ah les images quand elles nous tiennent

PINEDE · 22 Août 2006

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

lapi · 22 Août 2006

PINEDE a dit:
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

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

PINEDE · 22 Août 2006

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

Je demande conseil svp

lapi · 22 Août 2006

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

PINEDE · 22 Août 2006

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 ...

lapi · 22 Août 2006

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

HawkEye · 22 Août 2006

Bon, ben...

Ca va peut-être pas te plaire, mais voilà mon conseil...

Oublie cette page. Vraiment. Conseil avisé et fondé.
...pourquoi?

1. Parceque ta VRAIE home page, ça devrait être celle-là: °http://www.residence-lapinede.com/fr/actualite.html

2. Parce que sinon, ta home page n'a pas de contenu texte, elle ne pèse rien (si, 1Mb, mais bon...).

3. Parceque ta home page actuelle constitue une barrière à ton indexation (elle représente un "niveau" de plus dans la structure de ton site.

Pour confirmer tout ça, je vais te donner deux exemples de home page bien faites (même s'il y'en a des milliers d'autres, je prendrai nos meilleurs amis...):

1. https://www.webrankinfo.com
2. http://www.yagoort.org

> Direct dans le contenu
> Accès immédiat à tout (autant pour les visiteurs que les moteurs.
> Liens "frais" directement disponibles
> Contenu texte ultra dense

... C'est ça une "home page"

Et ton menu qui te casse tellement les ... *neurones là, tu n'en a plus besoin

Que penses-tu de cette orientation ?

@++

obi · 22 Août 2006

Tout à fait d'accord Hawk Eye, surtout que l'intérieur semble plutôt pas mal fait...

Allez, laisse tomber ce truc qui ne sert à rien

PINEDE · 23 Août 2006

Vos conseils me sont très précieux, mais laissez moi vous expliquez ma démarche :

Mon site est un site commercial. Donc ma page d'accueil est une page commerciale qui sert à diriger au mieux le client dans sa démarche.
Notamment à afficher notre prix d'appel.

Ainsi, si je met la page d'actualité en page d'accueil, je perds ma partie purement commerciale.

J'entends bien que la page d'actualité serait mieux pour mon référencement, mais il m'est difficile de la changer : la photo de présentation est aussi importante, en avoir enlever 2 m'a fait perdre mon bras, notre atout est la beauté du domaine

Pour info, ma page ne pèse plus que 300ko, et google a quand même mis mon ancienne page, qui pesait 1mo, en cache.

Pour finir, je vous rappelle qu'il y a des "alt" sur chaque lien area.

Qu'en pensez vous?

Cordialement,

Benjamin.

PINEDE · 23 Août 2006

Ah j'ai une autre question à vous poser :

sachant que mon site doit aussi apparaitre en anglais, peux t on mettre deux pages index ? ou plus précisemment une page index altternative à celle présente actuellement à la racine de mon site (pour un référencement international )?

HawkEye · 23 Août 2006

Pour ta question précédente, je pense que...

(Y'a la place sur la page actu

)

NB: Je veux pas paraître faire du forcing, mais une page d'accueil sans contenu, c'est franchement une barrière, donc réfléchis bien

obi · 23 Août 2006

PINEDE a dit:
Mon site est un site commercial. Donc ma page d'accueil est une page commerciale qui sert à diriger au mieux le client dans sa démarche.
Notamment à afficher notre prix d'appel.

Ainsi, si je met la page d'actualité en page d'accueil, je perds ma partie purement commerciale.
[..]
la photo de présentation est aussi importante, en avoir enlever 2 m'a fait perdre mon bras, notre atout est la beauté du domaine

Pour finir, je vous rappelle qu'il y a des "alt" sur chaque lien area.

Qu'en pensez vous?

J'en pense que bof. Sans même parler de référencement, en tant qu'internaute, j'ai tendance à ne pas rentrer sur les sites qui ne fournissent pas directement de contenu en première page. C'est déjà un clic de trop: sur le site dont je m'occupe, 56% des visiteurs ne voient qu'une seule page; et 70% passent moins d'une minute sur le site. Autant qu'ils en retiennent quelque chose, et qu'ils n'attendent pas la moitié de la minute que le site charge. Comme proposé par notre ami à l'oeil de faucon, ajoute les infos commerciales à ta page actus, mets-y une belle photo cliquable avec lightbox.js, ajoute éventuellemnt une page qui sommes-nous: nom, adresse, téléphone, structure juridique de l'entreprise & son capital, nombre d'employés, nombre de visiteurs, taille du domaine, etc.

PINEDE · 23 Août 2006

Encore merci pour vos conseils, j'apprecie vraiment.

Et, comme vous me conseillez tous la même chose je vais réfléchir sérieusement à une solution.

Pour info obi, j'ai déjà une page "qui sommes nous" : c'est le lien "à propos" qui apparait sur le menu de droite et ce sur toutes les pages.
Peut être faudrait il que je la renomme

obi · 23 Août 2006

Non c'est bon, j'avais juste pas les yeux en face des trous, je cherchais en haut :wink:

HawkEye · 23 Août 2006

Si je peux te conseiller certaines recherches, je te dirais d'aller voir du côté de mots clés comme:

- navigabilité
- utilisabilité (useability)
- accessibilité

Pour étudier à ton aise les modifications les plus intéressantes tant en termes de référencement, qu'en termes de confort des visiteurs (c'est probablement un des aspects les plus négligés des sites semi-professionnels de nos jours).

* j'appelle "semi-pro" les sites de PME/PMI "classiques" par opposition aux Majors en général (qui ont des super-teams, 360 consultants répartis sur 3 prestataires, etc...), n'y vois donc aucune qualification désobligeante

PINEDE · 23 Août 2006

Non pas de problème sinon je n'aurais pas posté dans la rubrique débutant

pour ce qui est de tes mots clés je suivrai tes conseils merci.

PINEDE · 24 Août 2006

Super ! J'ai trouvé la solution en css !!!

www.residence-lapinede.com/index.php

Merci à tous !

:wink:

Ah par contre, lorsque je fais une analyse spider simulator, il n'ay pas de text alternatif car pas d'image

http://www.spider-simulator.com/cgi-bin ... t_follow=1

Je vois pas trop là ...

PINEDE · 24 Août 2006

C'est bon c'est réglé

PINEDE · 26 Août 2006

Bonjour,

Aujourd'hui je bloque sur la position des images :
sur mon pc les images sont bien placées, mais lorsque je change de pc elles ne s'affichent pas au bon endroit.

Voici mon code :

Code:

a.devenez-proprietaire img {
filter:alpha(opacity=65);
-moz-opacity: 0.5; 
opacity: 0.5;
position: absolute;
-khtml-opacity: 0.5;
left: 238px;
top: 246px;
 }

a.devenez-proprietaire:hover img       {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
position: absolute;
-khtml-opacity: 1.0;
}

J'ai essayez avec float, padding, margin, etc mais rien à faire je bloque!

Si quelqu'un pouvait m'aider

Merci.

Cordialement,

Benjamin.

obi · 26 Août 2006

Oui, ça doit pouvoir se faire.

Ton problème est que tu positionnes tes liens par rapport à ton body, en pixels , alors que l'image de fond est centrée(dépend de la taille de la fenêtre donc). Il faut changer la référence pour tes liens. Ceci s'effectue en faisant un position:relative sur un élément englobant, qui deviendra alors la nouvelle référence. Laisse moi te proposer un vouveau code:

Code:

<dic class="image-map-container"> 
<img src="img/fondaccueiltitresfinal.jpg">
<a id="apartir" href="fr/residences.html">Votre résidence mobile de loisirs à partir de 23500€"</a>
<a id="devenez-proprietaire" href="fr/contrat.html">Devenez propriétaire de votre mobile home dans le camping parc résidentiel la Pinède</a>
<!-- Les autres liens vont là ... -->
</div>

Tu mets dans ta CSS

Code:

.image-map-container{
margin: 0 auto; /*on centre le container*/
position:relative; /*ce container devient la référence pour tout ses éléments fils placés en absolute, et donc les liens */
}


.image-map-container a{
filter:alpha(opacity=65);
opacity: 0.65;
position: absolute; 
display:block; /* Les liens deviennent des blocks, ça permet de spécifier leurs dimensions */
text-indent:-50000px; /* Technique d'image replacement, ça cache le texte*/
height:230px; /* Les dimensions de tous tes liens */
width:86px;
}

.image-map-container a:hover{
filter:alpha(opacity=100);
opacity: 1;
}

#apartir{
image-background:url(/img/apartir.gif) top left no-repeat; /*on met la bonne image en fond */
left:0; /*Ainsi que ses coordonnées par rapport au container*/
top:160px;
}

Et ainsi de suite pour tes autres liens, où tu ne spécifies que l'url et les coordonnées.

Si tu ajoutes du contenu avant ton container, ou que tu changes les marges de ce dernier, les liens se déplaceront avec lui ! Et resteront toujours à la bonne place.

fredwat · 26 Août 2006

Je ne réponds pas à ta question désolé...
ce qui m'interpelle c'est plutôt:
°http://www.residence-lapinede.com/fr/actualite.html
ce dossier n'a pas de raison valable d'exister :!:
il a été évoqué l'accessibilité:
plus l'accès à un fichier est direct; mieux c'est pour l'indexation (et le réf) :!:

Le plan du site devra comporter tous les liens qui composent le site.
(ce lien vers ton "sitemap" devra être accessible depuis la home et porter un titre évocateur du genre " machintrucchouette la p1nède: plan du site")
Ps1:
Tes liens flag (francais, Anglais) ne sont pas du tout optimisé (qui va taper "la p1nède...tout court" lors d'une requête ? )
Ps2: <----> (pas de pub :lol: ; je déconne..)
Que veux dire l'image en bas de page qui comporte
"host "xxxxxxxxxxx" not authorized" :?:
(visible dans la version en cache de ta home chez Gégé)
Pour l'instant je ne vois que ça :wink:
A+
Fred

PINEDE · 26 Août 2006

Je vais d'abord répondre à fredwat :
déjà merci pour tes conseils. Ensuite pour répondre à tes remarques :

- ok pour les dossiers en et fr, je les supprimerai, mais je pensai que ct le meilleur moyen pour ne pas faire d'erreur ou tout simplement classer ses fichiers. Donc d'après toi il faudrait que je mélange l'anglais et le français.
Généralement comment organisez vous vos dossiers (langue,images, animations, vidéos ????)

- pour le sitemap, ça n'a rien à voir, c'est le fichier qui générère le sitemap pour l'indexation google. Voir fichier xml. A moins que je ne vois pas de quoi tu parles. Je ne pense pas qu'il est besoin d'être indexé puisque je le transmet directement à google via leur "utilitaire".

- mes liens flag ont comme alt : Welcome to the la Pinède residential campsite et Entrez dans le site du camping résidentiel la Pinède. Dois je faire mieux?

- l'image host etc est un compteur de visite qui ne peut être vu par les visiteurs.

Obi encore merci pour ton intervention, je teste ça de suite

obi · 26 Août 2006

Le mieux pour la gestion multi-lingue (je bosse là dessus en ce momment, j'écris un CMS maison pour faire du contenu en anglais, français, allemand, Russe et chinois), c'est:
1/Détection de la langue configurée par l'utilisateur dans son navigateur en PHP. Tu lui présentes directement le contenu dans la bonne langue.
2/Sur toutes les pages qui ont des traductions, tu mets un lien vers ses verrsions dans les autres langues, avec un attribut hreflang
3/Positionne correctement les attributs lang sur chaque version de tes pages; e.g. pour une page en français:

Code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

Traduis également les noms de tes fichiers, e.g. prix.html & price.html

Ce que je compte faire c'est stocker les fichiers dans des répertoires (/fr, /de, /en ...)à la racine, et avec de l'url rewriting sélectionner le bon répertoire en fonction du ndd:
En .com.cn =>site chinois.
en .co.uk ou .com => site anglais.
En .fr => site français.
En .ru => Site russe.
En .de=> Site allemand.
Le problème de cette approche est qu'il faut un ndd par langue (sinon tu peux aussi faire des sous-domaines), et qu'il faut référencer chaque site séparément. L'avantage est que tu seras mieux placé chez les gens faisant une recherche: pages en france uniquement, ou pages en allemagne uniquement, etc.

D'ailleurs si qqu'un pouvait me confirmer que cette méthode est bonne... C'est juste l'état actuel de mes choix techniques d'après ce que j'ai compris de mes diverses lectures sur le réferencement.

fredwat · 26 Août 2006

PINEDE a dit:
- mes liens flag ont comme alt : Welcome to the la Pinède residential campsite et Entrez dans le site du camping résidentiel la Pinède. Dois je faire mieux?

Welcome to the..., comme Entrez dans le site... c'est pas très porteur en terme de réf si tu souhaites voir ton 1mage chez GG :wink:
Le mieux (pour t'en convaincre) c'est de faire l'essai sur tes mots clefs dans GG-1mages...
Quant au site map que j'évoquais (pas le fichier xml); il sera agréable aux visiteurs de trouver toutes les infos par 1 clic vers une page dédiée :wink:
Perso je n'ai aucun fichier xml (outil essssssspécial Gégé) quelques pages plan de site en liens croisés (accès depuis ttes les pages pour les deux premiers) dont la principale est sur la home (ttes les pages sont correctement indexées; même pour le "sitemap" de niveau 3) :wink:
ça coûte rien et c'est pratique pour les surfeurs (même si je compte sur le réf pour qu'ils y accèdent directement via la page de résultats)
Voili, voiloù
A+
Fred

PINEDE · 28 Août 2006

Obi ton code pour positionner mes liens images ne marche pas

Fredwat message reçu

Je continue à chercher.