Jump to content

(RÉSOLU) Contenu textuel pris par google (bot) et autres


Recommended Posts

Bonjour,

Après une simu en spider je me suis rendu compte que le contenu textuel de mon site prestashop etait pas idéal pour le référencement ...

extrait : '' Cette boutique n�ssite JavaScript afin de fonctionner correctement. Merci de l'activer dans votre navigateur. contact plan du site Bienvenue, identifiez-vous Panier : produit produits (vide) Votre compte Accueil''

voilà.. 28 mots et 184 caractères (espaces non compris) qui vont pas m'aider.

Là ou mes concurrents ont placé 25 à 30 mots donc une bonne dizaine de mots importants.. moi je peux à peine commencer.. et encore lol

Mon texte de l'editorial arrive après 131 mots ! c'est bien beau mais sachant qu'il faut normalement se concenter et optimiser les 100 premiers mots ca risque d'être compliqué non ? (et certains, dont moi, du genre défaitste diront plutot 50 mots .)

Alors oui il reste les menus qui biensûr parlent des catégories et donc de mots clefs et importants mais l'idéal serait de pouvoir mettre un texte le plus haut possible et avec des mots important (voir même liens interne )

Ma question,
- y'a t-il un module ou quelque chose pour limiter le texte par exemple : '' Cette boutique n�ssite JavaScript afin....'' ou alors de mettre en place un texte proche du body ?
Est ce que certain ont modofier leur index pour rajouter du text près de la balaise body ?

- et je voulais savoir si on pouvait dissimuler un texte html sous une photo ou une application? oui ca parait étrange comme ca mais je me disais que par exemple sous une application flash on peut mettre du text en cas de non lecture de l'application...

bref je parle trop désolé...

si quelqu'un a compris ou je voulais en venir lol..

Link to comment
Share on other sites

Je n'ai pas bien compris ce que tu voulais dire mais sur le dernier paragraphe, tu peux utiliser l'attribut ALT de tes images pour décrire l'image. Si l'image est entre un a href, ce sera bon pour le référencement en plus d'être pertinent au niveau accessibilité. Concernant flash, il y a une technique que j'ai utilisé une fois sans grand succès et qui est tolérée pour permettre l'accessibilité à ceux qui ne peuvent pas lire du flash. Je te renvoie à cette discussion sur le forum webrankinfo pour plus d'informations.

Link to comment
Share on other sites

Bonjour

Il est vrai que l'ordre d'apparition du texte dans le code est un des éléments pris en compte par les moteurs pour pondérer l'importance du contenu. On peut y attacher de l'importance mais il ne faut pas non plus se focaliser dessus (ce n'est pas rédhibitoire : cela fait parti d'un tout)

Pour les boutiques qui n'utilisent pas de menus horizontaux, on peut facilement (en modifiant les fichiers header.tpl et footer.tpl, plus la feuille de style) faire passer la colonne centrale avant la sidebar de gauche ; ça peut être très intéressant s'il y a beaucoup de catégories et/ou de choses qui y sont affichées.

Pour les liens sur images, une technique consiste à passer les images en css (dans la propriété "background") et de mettre un lien sur du texte avec un text-indent négatif. Tant qu'il n'y a pas de tromperie entre l'image et le texte utilisé pour l'ancre de lien, c'est OK (et accessoirement, c'est quelque chose qui rend sensiblement plus accessible le contenu aux déficients visuels)

Exemple de site "optimisé" ici (par exemple) : http://www.sakapuce.fr/shop ; les colonnes passent après le contenu, et dans la sidebar à gauche, les marques utilisent la technique que je viens de décrire ;-)

Résultat : un très, très bon positionnement général :) (avec notamment une 1ère place sur "sac pc" dans Google, devant RueDuCommerce et consort)

Link to comment
Share on other sites

Merci pour vos réponses,

En effet j'avais pensé au fait de remonter un peu mon edito au dessus de la colonne de gauche pour que le texte passe avant les catégories, cependant je dois garder mon menu horizontal qui est plus pratique que le vertical pour moi mais aussi pour les visiteurs apparemment.

L'idée était de placé un bloc assez haut (par exemple sous le header) avec 2 lignes de texte et une bonne partie de mes mots clefs en liens interne pour favoriser le référencement.
Un de nos concurrents qui n'utilise pas presta shop a ainsi après quelques texte du header une description directe avec un titre H1, des liens internes sur mots clefs (ou en gras) .. bref je ne suis pas un pro du référencement mais aujourd'hui c'est quasiment obligatoire sachant que les métas ne sont plus pris en compte... (d'ailleurs à ce sujet je cherche une méthode sur presta shop pour placer des mots clefs de la longue traine sur une page mais je sais pas bien comment m'y prendre... surtout sur un site e-commerce c'est pas évident).

Bref j'ai finalement opté pour un éditorial simple, placé de façon basique. Je voudrais juste mettre une image et du texte en html par dessus (genre image background) mais j'aimerai pouvoir le faire directement via le back office.. et là impossible.. (enfin je trouve pas..)

Est ce que qq un aurait une idée ? en évitant de passer par le css...


Cédric: concernant le site que tu m'a donné , ''sakapuce.fr/shop'' (très sympa d'ailleurs) l'animation flash est en W 600, ca dépasse un peu je sais pas si c'est fait exprès. En W 550 c'est plus centré

et concernant le contenu textuel de ''sakapuce.fr/shop'':

''Accueil � Qui sommes-nous ? � Nouveaux produits � Meilleures ventes � Conditions � Contactez-nous � � --> Bienvenue, identifiez-vous Panier : produit produits (vide) Votre compte This text will be replaced Sp�cialiste du sac pour ordinateur portable , Sakapuce vous propose une s�lection fashion de sacs , sacoches et housses pour PC portable et Macbook. Frais de ports offerts � partir de 49.90 ! Nos sacs et sacoches vedettes PINDER BAG Giddy Up, Sac... Sac � main pour PC sp�cialement adapt� pour le transport de votre ordinateur portable jusqu'�... 62,50 € Plus d'infos Ajouter au panier KOTHA� Cassettes BW,... Sacoche pour ordinateur portable de type besace sp�cialement adapt�e pour le transport de votre PC jusqu'au... 60,00 € Plus d'infos Ajouter au panier BE.EZ La Dolce Vita, Besace pour PC Sacoche pour ordinateur portable de type besace sp�cialement con�ue pour le transport de votre pc jusqu'au... 62,91 € Plus d'infos Ajouter au panier FLUFF Poochy, Porte-documents... Sacoche pour PC portable de type porte-documents sp�cialement adapt� pour le transport de votre ordinateur... 34,00 € Plus d'infos Ajouter au panier Nos sacs ordinateur Toute la collection ...par type Porte-documents Besace pour PC Sac etc etc etc.....''

En effet avec ca c'est l'idéal pour le référencement ! rien à voir avec le mien pour le moment !

De mon côté la barre menu en JS c'est vraiment le bordel mais je suis obligé de la garder..

Est ce possible de vous contacter par MP pour des questions plus précises sur la modification du header.tpl et du css dans le cas ou je voudrais placer mon edito avant la colonne de gauche ?

Merci

Link to comment
Share on other sites

Bon, les barres de menu horizontales c'est vrai que c'est pratique, bien que cela ne soit pas la panacée. Ceci dit, tous les sites ne peuvent pas respecter les règles "idéales". Si tu prends Mastermateriel dans ma signature, y'a une palanquée de catégories qui arrivent inévitablement avant le contenu (qui n'est pas top optimisé d'ailleurs...) mais malgré cela le site avoisine les 600 visiteurs/jour réguliers (avec une longue traîne de +10000 expressions clés chaque mois)

À ce niveau Prestashop est quand même très bien conçu d'origine, même si ce n'est pas parfait (aucun CMS e-commerce n'est parfait, quel qu'il soit...)

Pour l'inversion colonne de gauche / centrale, rien de plus facile :)

1°) éditer header.tpl, puis couper la partie colonne de gauche (qui vient avant le contenu)
2°) toujours dans header.tpl, ajouter une DIV avant le contenu, que nous appellerons "contenu" ; on obtient donc les dernières lignes de header.tpl suivantes :

<!-- CONTENU -->

  <!-- ici c'est la fin de la balise DIV Header -->


<!-- Center -->

{/if}

de notre nouveau conteneur :
...
 <!-- ici c'est la fin de la DIV de la colonne centrale de la page


<!-- Left -->

               {$HOOK_LEFT_COLUMN}

<!-- fin de notre nouvelle balise englobant colonne centrale et colonne de gauche, appelée CONTENU -->
<!-- Right -->



               {$HOOK_RIGHT_COLUMN}


...




Après c'est juste de l'ajustement de marges dans le fichier CSS (global.css) :

#contenu {
   float:left;
   width: 773px;
}

#left_column {
   margin-top: 20px;
   float: left;
   clear:left;
   margin-left:2px;
   width:190px;
   padding-right: 18px;
   padding-left: 7px;
   background:transparent;
}
#center_column {
   float: right;
   margin-top: 20px;
   width: 556px;
}
#right_column {
   float: left;
   margin-top: 20px;
   width: 190px;
   padding-left: 18px;
}




Évidemment il faut ajuster les largeurs et les marges...

:-)

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...