Un thème Prestashop HTML5 optimisé pour le référencement avec Rich Snippets

Exemple d'extrait enrichi (Rich Snippet) sur Google

Exemple d’extrait enrichi (Rich Snippet) sur Google

Mise à jour : ces fonctionnalités sont maintenant incluses dans le thème par défaut de Prestashop 1.6. Ce thème n’est donc plus maintenu.

J’ai contribué il y’à quelques temps déjà la migration vers HTML5 du thème par défaut de Prestashop, la plateforme e-commerce libre. En attendant l’inclusion de ce patch dans la version upstream je vous propose au téléchargement un thème autonome libre et gratuit compatible avec les versions 1.5 et supérieures de Prestashop.

Il s’agit donc du thème par défaut techniquement optimisé pour un meilleur référencement naturel, plus accessible aux personnes handicapées et avec le support automatique des extraits enrichis affichés dans Google (voir l’illustration plus haut).

Voici la liste détaillée des fonctionnalités ajoutées :

  • Microdata HTML5 Schema.org Offer, Product et Breadcrumb pour afficher des “extraits enrichis” (Rich Snippets) dans Google
  • Nouvelles balises sémantiques HTML5 header, nav, footer et article pour un meilleur référencement (support des anciens navigateurs via Modernizr)
  • Rôles ARIA mainnavigationsearchcomplementarycontentinfo et banner pour rendre le site plus accessible aux personnes souffrant de déficiences visuelles, auditives ou cognitives

Bien sûr cette template est complétement personnalisable, faites pour se charger vite et compatible avec le mode multiboutique et multilingue de Prestashop. C’est une base moderne pour personnaliser l’apparence de sa boutique sans négliger le référencement.

21 comments

  1. Merci pour le partage je vais tester ca, C’est exactement le même design que le theme par défaut ?,Et merci pour nous expliqué comment telecharger sur Github, j’avais deja cherché pendant 20 minutes sans trouver (honte a moi) …

    • Oui c’est exactement le même design que le thème par défaut. En fait j’ai d’abord contribué ces changements pour inclusion dans une future version de Prestashop avant d’en extraire un thème par défaut boosté pour le SEO. A terme ces changements devraient arriver en natif dans Prestashop (si l’équipe décide de merger la Pull Request GitHub).

  2. Une question: Doit faire qqchose de particulier: Renseigner des champs supplémentaire pour les rich snippet soit correctement activé dans le thème ou tout se faire naturellement grace a udescription ?

  3. Merci pour ce thème
    Comment le personaliser en html 5 sans dénaturer votre travail?
    Pensez vous dans un futur proche rendre le thème par défaut responsive ce serait vraiement très cool de votre part…et un grand pas en avant pour la communauté prestashop

    • Bonjour,
      le passage au Responsive Design n’est pas prévu car il nécessiterait une créa spécifique et je n’en ai pas les compétences.

      Vous pouvez personnaliser ce thème comme vous l’auriez fait pour le thème par défaut standard. Il suffit de respecter la norme HTML5. Le site HTML5 Doctor est une bonne ressource si vous souhaitez connaitre les changements apportés à HTML5 par rapport aux version précédentes de HTML : http://html5doctor.com/

  4. Bonjour,
    J’avais prestashop 1.5.3.1 et je reçois cet message d’erreur au cours de l’installation de thème: “Bad configuration file”.
    Avez-vous des suggestions?
    Toutes mes excuses. Il a fait 30 ans que j’ai appris le français a l’école 🙁
    Merci!

  5. Bonjour,
    J’ai prestashop 1.5.3.1 et je reçois un message d’erreur au cours de l’installation de thème: « Bad configuration file ».
    Avez-vous des suggestions?

    Un développeur me dit que ce thème n’est pas installable sur la V 1.5 de presta !

    Pourriez vous me donner quelques indications utilses pour faire une install propre

    En vous remerciant par avance pour votre réponse

  6. Bonjour,

    Tout d’abord merci à vous de partager votre travail.

    J’ai installé votre thème optimisé SEO sur ma boutique http://www.clescd.fr/ cependant je constate qu’il n’est pas valide W3C, est ce un problème pour le référencement ? Quelle est votre recommandation sur ce sujet ?

    Minifab

  7. Bonjour,
    Votre thèmes est super pour un débutant comme moi mais j avais une question sur les css global et gird à quoi sert grid dans ce thèmes
    puisque global gère le gabarit de la page il me semble.
    merci pour votre retour

Leave a Reply