Pas d'h1, pour commencer

[DoM P]

Bonjour,

Je débute à la fois dans la création de site web et dans le référencement.
Mon site étant achevé (www.desinstants.fr), j'ai débuté la phase de référencement, que je croyais, naïvement, n'être qu'une formalité.
Il s'avère bien évidemment que je me suis mis le doigt dans l'œil jusqu'au coude à ce sujet.
Alors j'ai lu, beaucoup. et me voilà avec quelques questions :
1. J'ai cru comprendre que l'usage de balises est très important. J'en ai sur la plupart de mes pages, sauf sur la page d'accueil où même le titre n'apparaît pas en h1 (c'est une image, en fait) ainsi que sur la page portfolio qui appelle directement un module joomla. Est-ce grave ? Et si ça l'est, une idée pour contourner le problème sans saboter le graphisme ?
2. Je suis en train de créer une section Liens / partenaires, pas encore en ligne. Je cherche des photographes (toutes spécialités) et des gens travaillant dans les métiers du mariage (bijoutiers, habillement, fleuristes, traiteurs, salles de réception, etc.) pour échanger des liens et les placer dans cette section. J'ai cependant un mal fou à obtenir ne serait-ce qu'une réponse à mes propositions. Quelqu'un saurait-il comment trouver de tels partenaires ?
3. Que pensez-vous du site ? (Je sais que je dois corriger des balises qui passent directement de h1 à h3. C'est prévu) Quelques conseils ?

Merci beaucoup à vous

DoM P

[fran6]

salut, tu peux changer l'apparence des h1 via les css

Code: Tout sélectionner

h1{
display:inline;
font-size:10px;
}

Selon moi le site est peu attrayant et vendeur en l'état, la palette des couleurs est lugubre (si tu souhaites vraiment rester dans ces teintes tu devrais au moins utiliser 1 ou 2 couleurs complémentaires) l'ensemble manque de finesse et de structure, les pages me semblent lourdes à charger, sûrement des images à optimiser, voilà les débuts sont toujours difficiles bon courage!


edit:
tu peux regarder pour l'inspiration http://vandelaydesign.com/blog/galleries/best-photographer-websites/ ou http://www.thephotoargus.com/inspiration/40-great-photographer-portfol ... spiration/ pour un portfolio photo le contenant ne doit pas vampiriser le contenu, les photos doivent être les "stars" de ton site, tu devrais les mettre beaucoup plus en avant

[alaincassis]

Tu est 1er sur la requete : " Pourtant, au milieu des milliers de photos que chacun va conserver "
Car Google est gentil, il a indexé le contenu de ta page mais n'a pas d'indications de priorités.

C'est à toi de les donner, par des h1, ou au moins par des têtes de chapitre qui reprendront les expressions ou mots clés sur lesquelles tu veux te placer.

[DoM P]

salut, tu peux changer l'apparence des h1 via les css
Selon moi le site est peu attrayant et vendeur en l'état, la palette des couleurs est lugubre (si tu souhaites vraiment rester dans ces teintes tu devrais au moins utiliser 1 ou 2 couleurs complémentaires) l'ensemble manque de finesse et de structure, les pages me semblent lourdes à charger, sûrement des images à optimiser, voilà les débuts sont toujours difficiles bon courage!

Merci pour ce retour. Je suis surpris de cet avis car, jusqu'à présent, on avait dit du bien du graphisme du site. J'ai construit ce site en limitant, justement, l'étalement de la palette de couleurs, afin de ne pas donner un effet "arc-en-ciel" particulièrement désagréable. J'ai limité également les contrastes forts, que je juge agressifs et qui fatiguent les yeux. J'ai aussi restreint les détails graphiques hors photo afin de concentrer l'œil sur l'essentiel.
Je suis preneur d'autres avis sur le sujet, car si je n'ai pas atteint ma cible, il faut que je refonde un peu tout ça

Quant à la lourdeur des pages, il y en a une, effectivement, qui l'est particulièrement (http://desinstants.fr/services/retouche-photo.html) à cause des photos qui y sont présentes. Malheureusement, toutes les images sont déjà optimisées, leurs tailles d'affichage étant déjà leurs tailles réelles, et le taux de compression optimal compte tenu de la qualité souhaitée.
Penses-tu qu'il faudrait scinder cette page un peu lourde en 2 ou 3 plus légères ?

edit:
tu peux regarder pour l'inspiration http://vandelaydesign.com/blog/galleries/best-photographer-websites/ ou http://www.thephotoargus.com/inspiration/40-great-photographer-portfolio-websites-for-inspiration/ pour un portfolio photo le contenant ne doit pas vampiriser le contenu, les photos doivent être les "stars" de ton site, tu devrais les mettre beaucoup plus en avant

Merci. Je vais y jeter un coup d'œil, ça fait pas de mal...

Tu est 1er sur la requête : " Pourtant, au milieu des milliers de photos que chacun va conserver "
Car Google est gentil, il a indexé le contenu de ta page mais n'a pas d'indications de priorités.

C'est à toi de les donner, par des h1, ou au moins par des têtes de chapitre qui reprendront les expressions ou mots clés sur lesquelles tu veux te placer.

Je ne suis pas le premier, je suis le seul...
C'est bien le problème que j'avais noté. En dehors de la page d'accueil et du portfolio, j'ai mis du h1, h2, etc.
Mais ma page d'accueil est juste une page de présentation. Le texte en est rédigé dans le but d'accrocher le visiteur, pas le moteur de recherche. Je voudrais éviter de sacrifier le premier pour satisfaire le second. Mais comment ?

[alaincassis]

C'est bien le problème que j'avais noté. En dehors de la page d'accueil et du portfolio, j'ai mis du h1, h2, etc.
Mais ma page d'accueil est juste une page de présentation. Le texte en est rédigé dans le but d'accrocher le visiteur, pas le moteur de recherche. Je voudrais éviter de sacrifier le premier pour satisfaire le second. Mais comment ?

Peut être en mettant un texte en bas, avec tout ce qu'il faut pour l'indexation Google, et le joli texte de présentation en image gif ou jpg qui serait donc invisible aux moteurs de recherche ( ce qui permettrait d'ailleurs de le faire avec n'importe quelle police de caractère, même la plus rare ) .

Mais il y peut-être d'autres moyens, là c'est le premier qui me vient à l'esprit.

[fredfan]

Bonjour
Il n'est pas interdit de mettre un texte dans un h1 sous le même texte en image (z-index ou alt="texte" title="") du moment qu'il n'y a pas tromperie
Le title de la page est un des points les plus importants du référencement, et là c'est "des instants", pas très porteur comme requête par rapport à l'activité. 3° place mais est-ce que le client type va taper cette requête ?
J'aime bien le visuel mais la police fixe est très petite sur une résolution importante. Je préfère les font-size à 1em pour laisser le visiteur dans une lecture confortable
Je ne me risquerais pas au h1 en 10 px inline personnellement

[DoM P]

Bonjour
Il n'est pas interdit de mettre un texte dans un h1 sous le même texte en image (z-index ou alt="texte" title="") du moment qu'il n'y a pas tromperie

Tu veux dire de coder un truc dans ce genre ?

Code: Tout sélectionner

<a href="http://www.desinstants.fr/" target="_self" title="Des Instants - Photographe professionnel"><img src="images/accueil.jpg" border="0" alt="<h1>un titre</h1><h2>un sous titre</h2>du texte (...) et ainsi de suite pour une page de texte"/></a>

Le title de la page est un des points les plus importants du référencement, et là c'est "des instants", pas très porteur comme requête par rapport à l'activité. 3° place mais est-ce que le client type va taper cette requête ?

C'est exact. Et ce n'est pas ce qui était prévu. J'ai mis un titre unique pour chaque page, en respectant ce format : Des Instants - [Nom de la page], et là, ça ne marchait pas. Je viens de comprendre pourquoi : Le titre de la page d'accueil, sous Joomla, est géré depuis la config générale, et non depuis l'éditeur de l'article en question.
Merci d'avoir remarqué ça.

J'aime bien le visuel mais la police fixe est très petite sur une résolution importante. Je préfère les font-size à 1em pour laisser le visiteur dans une lecture confortable

Je prends note. Je vais voir ce que je peux y faire.
Merci

[fredfan]

On ne peut pas mettre de <h1> dans un alt="", c'est le monde à l'envers. Ce sont les attributs qui vont dans les balises et pas le contraire
Je voyais plutôt ce genre-là :

Code: Tout sélectionner

<h1><a href="http://www.desinstants.fr/"><span style="z-index: -1;">Des instants : l'art de la photographie</span><img src="images/accueil.jpg"></a></h1>

"Des instants" comme titre général ce n'est pas très bien vu. Ce serait mieux "Photographe professionnel" (par exemple, suivant la cible visée) et des sous-titres par page.

[enzoci]

Bonjour, pour ton problème de H1, plusieurs solutions sont possibles et j'en ai peut-être une pour toi. Lorsque je déclare mon H1 dans ma feuille de style, je mets l'image en arrière-plan et je mets le texte avec un text-ident négatif. Pour le moment cela fonctionne bien, j'ai eu de bons résultats. Voici un exemple :

Code: Tout sélectionner

h1 {
     width: 200px;
     height: 50px;
     display: block;
     background: url(image/titre.png) 0 0 no-repeat;
     text-ident: -9999em;


De cette façon le texte est dans le HTML et le titre est aussi beau que dans ton Photoshop. Peut-être qu'un jour Google verra que tu cache le contenu, mais en attendant, cela ne devrait pas nuire.

[enzoci]

Pour mon dernier post, bien important... J'ai oublié le overflow: hidden;

[pinrolland]

Violet c'est la couleur du deuil pour beaucoup de gens.
le gris ne fait que confirmer.
la petite fille semble abandonnée après s'être cassée la figure et blessée le genou en jouant au ballon toute seule dans une rue grise et froide....