Etude de cas WordPress
Ophrys Esthetique : un WordPress WooCommerce optimise pour le SEO
Ophrys Esthetique est un projet different des deux applications fullstack : ici, l'enjeu est de tirer parti de WordPress et WooCommerce sans perdre la maitrise technique sur les performances, les images, le theme et le referencement naturel.
Structure WordPress
Le site repose sur WordPress avec un theme enfant ophrys-child base sur blossom-spa. Ce choix est pragmatique : le theme parent apporte une base visuelle adaptee au domaine de l'esthetique, tandis que le theme enfant conserve les personnalisations dans un espace maintenable.
WooCommerce est present pour la logique boutique, avec des extensions liees aux paiements, aux factures et a la gestion e-commerce. Le theme enfant ajoute aussi une petite logique metier : afficher le montant restant avant la livraison gratuite dans le panier et le checkout.
Ameliorations SEO
Le gros travail SEO est d'abord passe par les medias. Les visuels de soins, de produits, de couverture et de logo disposent de variantes WebP en plusieurs tailles. Cela permet de servir des images plus legeres et mieux adaptees aux differents emplacements du site.
Le site utilise aussi des briques d'optimisation WordPress : EWWW Image Optimizer pour les images, Regenerate Thumbnails pour recreer des formats adaptes, WP Fastest Cache pour accelerer le rendu, Autoptimize pour les assets, et WP Asset Clean Up pour limiter les ressources inutiles selon les pages.
Sur un site WordPress, ces choix comptent beaucoup : le CMS peut devenir lourd si tout est charge partout. L'objectif ici est de garder une experience rapide, claire, indexable, avec des images modernes et une base technique simple a maintenir.
Exemples de code
Le theme enfant permet d'ajouter du comportement sans modifier le theme parent. Exemple : charger les styles parent/enfant, puis ajouter une indication commerciale WooCommerce dans le tunnel d'achat.
Chargement theme parent + theme enfant
function ophrys_child_parent_theme_enqueue_styles() {
wp_enqueue_style('blossom-spa-style', get_template_directory_uri() . '/style.css');
wp_enqueue_style(
'ophrys-child-style',
get_stylesheet_directory_uri() . '/style.css',
array('blossom-spa-style')
);
}
add_action('wp_enqueue_scripts', 'ophrys_child_parent_theme_enqueue_styles');
Message WooCommerce pour la livraison gratuite
add_action('woocommerce_before_cart', 'ophrys_affichage_message_livraison_gratuite');
add_action('woocommerce_before_checkout_form', 'ophrys_affichage_message_livraison_gratuite');
Ce que ce projet montre
- Une utilisation raisonnee de WordPress quand le besoin correspond au CMS.
- Un theme enfant pour isoler les personnalisations et faciliter la maintenance.
- Une optimisation SEO concrete : WebP, tailles d'images, cache, assets et performance mobile.
- Une logique WooCommerce simple pour ameliorer l'experience d'achat.