Pour la création de sites Internet, j’utilise toujours le thème WordPress Astra. J’installe et paramètre ensuite certaines extensions (=”plug in” en anglais) qui permettent d’ajouter des fonctionnalités. C’est une vraie jungle, il en existe des milliers! Je vous partage ci-dessous ma sélection d’extensions gratuites que je trouve bien utile (et qui sont compatibles avec Astra):
Les indispensables
- UpdraftPlus ou WPVivid : pour des sauvegardes automatiques de votre site Internet (vous serez bien content de l’avoir activé au préalable en cas de piratage).
- Easy Updates Manager: pour mettre à jour vos extensions automatiquement (aller dans “tableau de bord / updates options” pour paramétrer et désactiver l’envoi de notifications par emails)
- Redirection : pour faire les redirections (manuellement et/ou automatiquement en cochant les cases “Monitorer les modifications de articles/pages/trash” dans options).
- Duplicate Post / Duplicate Pages : pour ajouter cette fonction de duplication les articles de blog (et pages aussi), bien pratique pour gagner du temps.
- Google Analytics : pour obtenir vos statistiques de visites (ou encore mieux Matomo en version plus éthique!)
- WP Optimize : pour optimiser / augmenter la rapidité de la base de données et mise en cache. Activez puis paramétrez : Base de données (réglages: activer “nettoyages et optimisations planifiées”), Cache (cache de page: activer “le cache de page”), Images (désactiver: “Afficher la boîte méta de compression…”) (n.b: j’utilise plutôt l’extension Smush concernant les images car les fonctionnalités intéressantes sont ici payantes).
- Smush : pour optimiser / augmenter la rapidité en compressant / diminuant taille des images. Activez puis paramétrez :
- Contact Form 7 : pour ajouter un formulaire de contact et éviter ainsi de recevoir trop de SPAMs sur votre boîte email. Intégrez-y aussi recapcha pour éviter les robots. (Ajoutez aussi dans le code du formulaire, juste avant le bouton envoyer: “Svp, recopiez les 4 caractères ci-dessous (pour limiter les SPAMs des robots…) :
[captchac captcha-1] [captchar captcha-1]“). Et activez l’extension Really Simple Captcha. Afin d’être en règle avec la loi RGPD, veillez à installer aussi Flamingo (il sert à stocker les messages et gère les suppressions des données de manière automatique). Aussi, si l’email ou téléphone est partagé tout de même, attention aux SPAMs, suivre ces instructions. - IThemes Security ou Wordfence Security : pour protéger votre site internet.
J’utilise à présent pour éditer mes pages l’outil natif de WordPress Gutemberg. Il est d’ailleurs possible de s’inspirer de modèles existants par ici.
Les outils optionnels
- Spectra : ajouter des éléments de constructeur de page à Gutenberg.
- Yoast SEO : pour vous guider dans l’optimisation de votre SEO (référencement dans les moteurs de recherche).
- Polylang (manuel) ou GTranslate (automatique) : pour un site multilingue.
- Lightbox for Gallery & Image Block : rendre les galeries d’images de Gutenberg cliquable et défilante (exemple).
- Loco translate : traduction des chaines des themes etc…
- AMP : accélérez le chargement sur mobile (un must pour le SEO aussi).
- Custom Fonts: pour ajouter d’autres polices téléchargées en amont
- Cookie Notice for GDPR & CCPA: informer élégamment les utilisateurs que votre site utilise des cookies et vous aide à vous conformer aux réglementations européenne RGPD sur les cookies et CCPA.
- WooCommerce : pour boutique en ligne (et Product Slider for WooCommerce pour ajouter n’importe où sur le site un joli slider de produits) et utiliser les shortcodes pour afficher vos produits différemment.
- Loco translate : changer les textes automatiquement proposés par le thème ou les extensions. Par exemple, remplacer le texte du bouton “ajouter au panier” par autre chose (Woocommerce)
- Antispam Bee : filtrer les commentaires qui ressemblent à des indésirables.
- Yith booking and appointment for WooCommerce : pour les hébergements touristiques qui ne veulent pas utiliser un channel manager (qui veulent 100% de résa en direct, sans Airbnb ou Booking).
- Appointment Booking Calendar: calendrier pour prendre des rendez-vous et faire payer en ligne (dont Paypal).
- SiteOrigin CSS: pour personnaliser facilement le thème quand on n’est pas à l’aider avec les codes CSS.
- Better Search Replace : pour chercher et remplacer des mots, en particulier lors d’un changement d’URL.
- WP Broken Link Status Checker
- WP Sitemap Page
- Duplicator : pour faire des tests en local (hors ligne) et ensuite envoyer vers le serveur.
- P3 : repérez et remplacez les extensions qui ralentissent trop votre site.
- All In One Schema Rich Snippets : personnalisez la manière dont chacune de vos pages apparaît dans les résultats Google en ajoutant d’autres éléments que le simple titre et meta description (lire : Utilisation des rich snippets en tourisme)
- Autoptimize: optimiser la vitesse de chargement suite à des soucis de type “critical CSS”
- Smash Balloon Social Photo Feed: pour afficher les derniers posts Instagram.
- PHP Compatibility Checker: pour vérifier la compatibilité de son thème et extensions avant de mettre à jour la version PHP de son site.
- Under Construction: pour afficher votre site en maintenance
- WP Event manager ou The events calendar (gratuit mais il faut payer pour pouvoir intégrer sur page d’accueil aperçu): pour afficher une rubrique de type agenda
- Draw attention: pour ajouter des zones cliquables sur une image (type une carte et quand on clique sur un pays, on arrive dans la catégorie du blog concernée)
- Social Warfare : boutons de partages réseaux sociaux
- Read More Without Refresh: pour ajouter bouton “lire plus” au sein de textes
- Classic Editor : pour ré-activer l’ancienne interface d’édition des articles et pages WordPress (la nouvelle n’est vraiment pas pratique et vous aurez besoin d’activer cette extension pour pouvoir utiliser Page Builder).
- Temporary Login Without Password : pour donner un accès temporaire sans mot de passe à quelqu’un qui vous aide sur votre site internet par exemple.
MailChimp :
- Récupérez le code pour insérer un formulaire depuis votre compte MailChimp dans la section “Embedded Forms”.
- Attention à bien coller une partie dans votre feuille de style CSS du thème et l’autre à l’endroit où vous voulez insérer le formulaire.
- Modifiez et traduisez les différents modèles types d’emails et formulaires dans la section “Form builder”.
- Installez l’extension MC4WP : Mailchimp pour WordPress pour ajouter la possibilité de cocher la case “je m’abonne à la newsletter” au sein du formulaire de contact avec le shortcode [mc4wp_checkbox “Je souhaite recevoir la lettre d’information”]
Projet avec mes clients, voici la liste des extensions à terminer de paramétrer ensemble :
- Eviter les Spams des robots dans le formulaire de contact : aller dans “contact” (colonne de gauche”, puis “intégration, et lancer la configuration pour “reCAPTCHA”.
- Faire des sauvegardes automatiques de votre site : sélectionner votre stockage distant dans les réglages de l’extension Updraft Plus.
- Ajouter une carte google maps interactive : créer une carte depuis Google My Maps et récupérer son code embed (mettre width=”100%” et ajouter pour le zoom à la fin du lien de la carte &z=8 (plus le chiffre est petit, plus c’est dézoomé))
- Connaître les statistiques de visites : créer d’abord un compte sur Google Analytics, liez-le ensuite à l’extension MonsterInsights. Attention, des robots pirates frappent souvent les sites Internet, ça donne pleins de visites qui durent 0 sec provenant de sites internet bizarres. Il faut alors créer des filtres pour les enlever des stats pour les “décontaminer”. Il semblerait qu’avec la nouvelle version Google Analytics 4 ça se fasse maintenant automatiquement ?
- Paramétrer le renvoi sur Gmail des emails avec nom de domaine OVH
- Optimisez vos images en amont en réduisant la dimension, la qualité de compression et mettant quelques mots clefs dans les titres des images séparés par des “-” (voir cette vidéo et utilisez par exemple cet outil)
Aussi, je vous conseille de créer un compte gratuit sur Uptime Robot (https://uptimerobot.com/), et de créer un monitoring pour votre site internet (“Http(s)”), ainsi vous recevrez un email si jamais votre site internet n’est plus fonctionnel.