WPBeginner https://www.wpbeginner.com/fr Guide du débutant pour WordPress Wed, 18 Sep 2024 10:02:51 +0000 fr-FR hourly 1 https://wordpress.org/?v=6.6.1 Les extensions WordPress SEO Premium en valent-elles la peine ? (+ Comment choisir) https://www.wpbeginner.com/fr/opinion/are-premium-wordpress-seo-plugins-worth-it/ https://www.wpbeginner.com/fr/opinion/are-premium-wordpress-seo-plugins-worth-it/#comments Wed, 18 Sep 2024 10:00:00 +0000 https://www.wpbeginner.com/fr/opinion/are-premium-wordpress-seo-plugins-worth-it/ Soyons réalistes : la notification de votre site est extrêmement importante pour son succès. D’après notre expérience, la plupart des sites tirent l’essentiel de leur trafic des moteurs de recherche. Plus de trafic signifie plus de clients/clientes, plus de ventes et plus de profits. Vous… Lire la suite »

The post Les extensions WordPress SEO Premium en valent-elles la peine ? (+ Comment choisir) first appeared on WPBeginner.

]]>
Soyons réalistes : la notification de votre site est extrêmement importante pour son succès. D’après notre expérience, la plupart des sites tirent l’essentiel de leur trafic des moteurs de recherche.

Plus de trafic signifie plus de clients/clientes, plus de ventes et plus de profits. Vous êtes donc peut-être à la recherche d’un outil de référencement de qualité pour améliorer votre classement dans les moteurs de recherche et attirer davantage d’internautes.

Avec autant d’outils de référencement disponibles, gratuits ou payants, il est naturel de se demander si payer pour une extension premium en vaut la peine.

Dans cet article, nous partagerons notre expérience de première main en utilisant des extensions de référencement WordPress gratuites et premium. Nous explorerons les fonctionnalités supplémentaires que les outils premium offrent et l’impact qu’ils peuvent avoir sur le trafic et le succès de votre site.

Are Premium WordPress SEO Plugins Worth It?

Choisir le bon outil de référencement pour votre site WordPress

Les utilisateurs/utilisatrices WordPress ont beaucoup d’options lorsqu’il s’agit d’extensions qui aident à optimiser les sites pour les moteurs de recherche. Mais avec autant d’outils qui promettent de booster votre classement, il est difficile de savoir par où commencer.

Ici à WPBeginner, nous recevons des tonnes de questions de lecteurs demandant quelle extension SEO est la meilleure pour se hisser dans les premières places des résultats de recherche.

En responsive, nous avons créé une vitrine détaillée des meilleurs plugins et outils de référencement. Ces outils peuvent vous aider à augmenter le trafic de votre site de 20 à 30 % en quelques mois seulement.

Cette liste couvre une large plage de cas d’utilisation et comprend des extensions de premier plan comme All in One SEO (AIOSEO) et Yoast SEO, ainsi que des outils autonomes comme Semrush et Ahrefs.

Mais il y a un hic. Beaucoup de ces extensions offrent à la fois des versions gratuites et premium, vous laissant avec une autre décision à prendre.

Si les versions gratuites constituent une base solide pour le référencement de base, les mises à niveau premium promettent de déverrouiller des fonctionnalités avancées conçues pour donner à votre site un avantage dans le classement des moteurs de recherche.

Alors, ces fonctionnalités premium valent-elles l’investissement ? Font-elles vraiment la différence dans votre classement dans les moteurs de recherche ?

Plongeons-y et explorons les permissions uniques des outils de référencement WordPress haut de gamme et voyons comment ils peuvent aider votre site à se hisser dans les premières pages de résultats de recherche.

Astuce : Si vous avez le budget pour dépenser de l’argent sur le référencement, mais que vous préférez ne pas faire le travail vous-même, alors vous pouvez embaucher nos experts SEO abordables à WPBeginner Pro Services pour le faire pour vous.

Quels sont les avantages des extensions WordPress SEO Premium ?

Chez WPBeginner, nous utilisons des extensions de référencement premium depuis de nombreuses années. Voici quelques-unes de nos fonctionnalités et avantages préférés :

1. Audits SEO complets

Alors que les extensions gratuites fournissent une analyse on-page de base, les versions premium offrent souvent des perspectives et des recommandations plus approfondies.

Ils effectuent des audits SEO complets sur votre site. Vous aurez ainsi une idée précise de l’état général de votre site du point de vue du référencement. Ils analysent toutes vos pages web et mettent ensuite en évidence les problèmes potentiels, en recommandant la manière de les corriger.

Nous utilisons régulièrement AIOSEO pour analyser notre contenu pour la lisibilité, l’utilisation des mots-clé, et l’optimisation globale. Il nous donne accès à un rapport SEO actionnable à l’intérieur de notre zone d’administration WordPress qui nous donne une feuille de route claire pour l’amélioration.

Complete SEO Checklist in AIOSEO

C’est une aide précieuse car l’optimisation pour les moteurs de recherche est une procédure complexe qui prend du temps. Le fait de disposer d’une liste de contrôle claire de tout ce qui doit être amélioré simplifie le processus et vous permet de corriger facilement un problème à la fois.

2. Plans de site avancés

Les moteurs de recherche doivent trouver et indexer chaque page de votre site avant de pouvoir les afficher dans les résultats de recherche.

Google recommande d’utiliser des plans de site pour faciliter ce processus. Les sitemaps aident les moteurs de recherche à explorer jusqu’à 40 % de pages en plus, ce qui se traduit par l’affichage d’une plus grande partie de votre contenu dans les résultats de recherche.

Il existe différents types de sitemaps, tels que les sitemaps XML qui aident les moteurs de recherche à découvrir et à indexer votre contenu et les sitemaps RSS qui les informent de la mise à jour du contenu.

L’activation de ces deux types de sitemap vous apportera les plus grands avantages en matière de référencement. Avec une extension WordPress SEO haut de gamme, il suffit d’activer un réglage pour chaque type de sitemap.

Enable sitemap

3. Redirections puissantes et contrôle 404

Les liens brisés renvoient à des pages web qui n’existent pas, ce qui a pour effet de susciter la frustration de vos utilisateurs/utilisatrices et de leur envoyer des messages d’erreur 404. Ils sont également mauvais pour le référencement et entraînent un taux de rebond supérieur de 12 %.

Les extensions SEO Premium vous aident à éviter les liens brisés en créant automatiquement des redirections lorsque vous renommez une publication ou une page ou que vous en modifiez l’URL.

Ils suivent et journalisent également automatiquement les erreurs 404 afin que vous puissiez rapidement rediriger ces URL vers des publications existantes dans le cadre de votre maintenance WordPress régulière.

404 Logs Under Redirects

Ainsi, vos internautes trouveront les informations qu’ils recherchent et n’auront pas de mauvaises surprises en cliquant sur les liens de votre site.

4. Schéma de balisage avancé

Lebalisage Schema est une donnée structurée qui est ajoutée à vos pages web en coulisses. Il aide les moteurs de recherche à mieux comprendre votre contenu et à l’afficher plus clairement dans les résultats de recherche.

Par exemple, l’utilisation du schéma de recettes peut rendre les blogs de cuisine plus visibles dans les résultats de recherche. Il peut augmenter vos taux de clics de 30 %, apportant ainsi un trafic précieux à votre site.

An example of a featured recipe snippet, in Google

Mais ajouter manuellement ces données structurées à vos publications est très technique et prend du temps.

C’est beaucoup plus facile en utilisant une extension SEO premium, car elle peut ajouter le balisage de schéma automatiquement. Ces outils vous permettent également d’ajouter un balisage plus spécifique à des publications individuelles en un clic de souris, notamment des FAQ, des recettes, des évènements, des produits, etc.

5. Suggestions de liens internes

Nous vous recommandons toujours d’ajouter des liens vers votre propre contenu sur l’ensemble de votre site. De cette façon, vous aidez les utilisateurs/utilisatrices à trouver des publications similaires au Sujet qu’ils lisent. Ces liens internes sont bénéfiques pour le référencement et permettent d’augmenter le nombre de vues d’une page jusqu’à 40 %.

Le problème, c’est qu’au fur et à mesure que vous créez du contenu, il devient difficile de trouver toutes les publications de blog similaires vers lesquelles vous pouvez créer un lien. Les rechercher manuellement devient frustrant et prend beaucoup de temps.

Les extensions de référencement premium aident en listant automatiquement les opportunités de liens internes. D’un clic de souris, vous pouvez facilement ajouter ces liens à des publications pertinentes avec une phrase et un texte d’ancrage générés automatiquement, améliorant ainsi votre référencement et vous faisant gagner du temps.

Find internal link opportunities and orphaned pages

6. Optimisation des médias sociaux

Nous utilisons également un plugin WordPress SEO premium pour l’optimisation des médias sociaux, car il nous permet de contrôler la façon dont notre contenu WPBeginner apparaît lorsqu’il est partagé sur des plateformes comme Facebook et Twitter (X).

Au lieu que ces plateformes tirent des informations et des images aléatoires de nos publications, nous pouvons spécifier le titre, la description et l’image utilisés. Cela signifie que nos publications sont plus susceptibles de trouver un écho auprès de nos abonnés sur les réseaux sociaux, ce qui apporte plus de trafic à notre site.

The WordPress social media sharing settings

7. Optimisation du SEO local

Si votre entreprise possède des emplacements physiques, alors les plugins SEO premium peuvent aider à optimiser votre site pour les résultats de recherche locaux, notamment en générant automatiquement un balisage de schéma spécifique à l’emplacement qui permet aux clients de votre région de vous trouver plus facilement.

Les clients/clientes potentiels verront votre entreprise sur Google Maps et dans les résultats de recherche lorsqu’ils chercheront votre type d’entreprise dans leur région.

Ils pourront voir votre adresse, votre numéro de téléphone et vos heures d’ouverture dès la page de résultats de la recherche. De plus, ils pourront même obtenir des indications détaillées pendant qu’ils conduisent jusqu’à votre stock.

Example of Google Business Profile

8. WooCommerce SEO

Si vous avez un magasin en ligne, vous pouvez également bénéficier des fonctionnalités SEO spécialisées de WooCommerce offertes par les extensions premium. Celles-ci vous aident à optimiser vos pages de produits afin qu’elles soient plus visibles dans les recherches de produits.

Les utilisateurs pourront également consulter les avis des clients et les évaluations par étoiles, affichant ainsi que d’autres clients ont eu une expérience positive avec vos produits. Cela peut aider à augmenter le trafic vers votre stock.

Product Search Result Showing Star Ratings

9. Support prioritaire

Lorsque vous gérez un site d’entreprise en ligne, l’accès au support d’un expert peut s’avérer inestimable. Les versions Premium offrent généralement un support prioritaire pour vous aider à résoudre les problèmes rapidement.

Cela garantit que si vous rencontrez des problèmes ou des questions lors de l’utilisation de l’extension, alors vous pouvez recevoir une aide prompte de la part des experts et reprendre le travail de gestion de votre entreprise.

Pour plus de détails, vous pouvez consulter notre guide sur la façon de demander un support WordPress et de l’obtenir.

Quelle est l’extension SEO Premium la plus avantageuse ?

Si vous voulez vraiment augmenter le trafic organique sur votre site, vous devez vous abonner à une extension SEO premium comme la nôtre.

Votre prochaine tâche consiste à décider de l’extension ou du service à utiliser. Votre première question sera probablement de savoir quelle extension offre le meilleur rapport qualité-prix.

All in One SEO vs. Yoast SEO Premium

AIOSEO et Yoast SEO sont les principales extensions de référencement WordPress et offrent des mis en avant.

AIOSEO's homepage

Toutefois, il existe des différences importantes dans leurs prix et leurs fonctionnalités.

Lorsque nous comparons les offres les plus abordables des deux extensions, AIOSEO est plus abordable tout en offrant des mis en avant comparables :

  • L’offre de base de l’AIOSEO est proposée à partir de 49,60 $ par an.
  • Yoast SEO Premium à partir de 99 $ par an

À première vue, les prix de leurs offres de référencement les plus puissantes se ressemblent :

  • L’offre Elite de l’AIOSEO coûte 299,60 $ par an.
  • Le prix du lot pour Yoast SEO Premium, Yoast WooCommerce SEO, Yoast SEO local, Yoast News SEO, et Yoast Video SEO coûte 229 $ par an.

Cependant, la différence est que l’offre d’AIOSEO couvre 100 sites, tandis que le prix de Yoast est pour un seul site. De plus, AIOSEO propose un ensemble de fonctionnalités plus complet.

Lorsqu’il s’agit de rapport qualité-prix, AIOSEO se distingue. Il propose une offre attrayante qui couvre plusieurs sites à un prix compétitif.

Vous pouvez en savoir plus dans notre comparatif détaillé de Yoast SEO vs All in One SEO.

Vous pourriez également aimer lire notre parcours en passant de Yoast à All in One SEO pour améliorer notre flux de travail SEO et accéder aux fonctionnalités SEO dont nous avons besoin.

All in One SEO vs. outils de référencement autonomes de première qualité

Si vous n’avez pas le budget pour des outils de référencement autonomes comme Semrush ou Ahrefs, AIOSEO Premium offre un grand nombre de fonctionnalités impressionnantes pour un prix intéressant.

Pour vous donner une idée, même en regardant les options les plus abordables, l’offre la plus basique de Semrush commence à 119,95 $ par mois, et l’offre lite d’Ahrefs commence à 99 $ par mois.

Bien que ces outils soient incroyablement puissants, leurs prix de départ s’élèvent à plus de 1 000 dollars par an, ce qui n’est pas forcément justifiable pour les petits sites ou les blogueurs.

En revanche, vous pouvez vous abonner à l’offre Elite, le niveau le plus élevé d’AIOSEO, pour beaucoup moins d’argent. Il comprend des fonctionnalités avant comme le SEO local, le support avancé de WooCommerce et le référencement vidéo et coûte moins de 300 $ par an.

En outre, AIOSEO se concentre spécifiquement sur WordPress, ce qui le rend plus facile à utiliser et plus adapté aux besoins de votre site. Cela en fait une solution rentable pour les agences ou les entreprises qui gèrent plusieurs sites WordPress.

De plus, si vous dirigez une petite entreprise ou si vous Premiers pas, les fonctionnalités d’AIOSEO Premium pourraient être plus que suffisantes pour vos besoins.

Cela dit, si vous cherchez plus de fonctionnalités SEO à moindre coût, vous pouvez coupler l’extension avec un outil abordable comme SEOBoost pour obtenir de puissantes options d’optimisation de contenu. Cela vous donnera des analyses alimentées par l’IA, des audits de contenu, des mémoires de contenu, et bien plus encore.

Ou, si vous avez juste besoin d’un peu d’aide supplémentaire pour la recherche de mots-clé, LowFruits est un excellent choix. Il vous aide à générer des mots-clés et à analyser les SERP pour améliorer votre classement.

FAQ sur les extensions WordPress Premium SEO

Voici quelques questions qui nous sont le plus souvent posées sur les extensions SEO premium pour WordPress :

Qu’est-ce qu’une extension de référencement premium ?

Les extensions SEO premium sont des versions payantes d’outils SEO WordPress qui offrent des fonctionnalités avancées, des permissions d’optimisation améliorées et souvent un support supérieur à celui de leurs alternatives gratuites.

En quoi les plugins de référencement premium diffèrent-ils des plugins de référencement gratuits ?

Les extensions SEO premium offrent généralement des fonctionnalités plus avancées comme des générateurs de balisage de schéma, des outils d’optimisation de contenu, des fonctionnalités de référencement local et un support dédié. Les extensions gratuites offrent généralement des fonctionnalités SEO de base, mais peuvent manquer de fonctionnalités avancées ou de mises à jour régulières.

Les extensions SEO premium sont-elles nécessaires pour un bon classement dans les moteurs de recherche ?

Bien qu’elles ne soient pas absolument nécessaires, les extensions SEO premium peuvent améliorer de manière significative les efforts d’optimisation de votre site WordPress, ce qui peut potentiellement conduire à un meilleur classement dans les moteurs de recherche. Ils fournissent souvent des outils et des fonctionnalités qui peuvent vous donner un avantage sur les marchés concurrentiels.

Une extension SEO premium améliorera-t-elle automatiquement mon classement dans les moteurs de recherche ?

Aucune extension de référencement ne peut garantir une amélioration du classement. Cependant, les extensions premium fournissent des outils avancés et des conseils pour vous aider à optimiser votre site plus efficacement, ce qui peut contribuer à de meilleures performances de recherche.

Combien coûtent généralement les extensions de référencement premium ?

Les prix varient, mais la plupart des extensions SEO premium coûtent entre 50 et 300 dollars par an, en fonction des fonctionnalités offertes et du nombre de sites sur lesquels vous pouvez les utiliser.

Dois-je renouveler chaque année la licence de mon extension SEO premium ?

Dans la plupart des cas, oui. Les renouvellements annuels vous assurent de continuer à recevoir les mises à jour, le support et l’accès aux nouvelles fonctionnalités. Toutefois, certaines extensions proposent des licences à vie.

Puis-je obtenir un remboursement si je ne suis pas satisfait d’une extension SEO premium ?

De nombreux développeurs/développeuses d’extensions premium offrent des garanties de remboursement pendant une certaine période. Vérifiez toujours la politique de remboursement avant d’acheter.

Actuellement, AIOSEO offre une garantie de remboursement de 14 jours, et Yoast SEO une garantie de 30 jours.

Nous espérons que ce tutoriel vous a aidé à comprendre que, pour de nombreux sites, les extensions premium valent vraiment la peine d’être investies. Vous pouvez également consulter notre guide sur l ‘automatisation du référencement sur WordPress ou notre choix d’experts des meilleures extensions WordPress pour la FAQ.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

The post Les extensions WordPress SEO Premium en valent-elles la peine ? (+ Comment choisir) first appeared on WPBeginner.

]]>
https://www.wpbeginner.com/fr/opinion/are-premium-wordpress-seo-plugins-worth-it/feed/ 1
Comment corriger la taille excessive du DOM dans WordPress (11 astuces d’experts) https://www.wpbeginner.com/fr/wp-tutorials/how-to-fix-excessive-dom-size-in-wordpress/ https://www.wpbeginner.com/fr/wp-tutorials/how-to-fix-excessive-dom-size-in-wordpress/#comments Tue, 17 Sep 2024 10:00:00 +0000 https://www.wpbeginner.com/fr/opinion/how-to-fix-excessive-dom-size-in-wordpress/ L’avertissement « Éviter une taille excessive du DOM » peut apparaître dans Google Lighthouse ou dans d’autres outils de test de la vitesse des sites web. Il signifie essentiellement que votre site comporte trop d’éléments, ce qui peut ralentir les temps de chargement et frustrer les internautes.… Lire la suite »

The post Comment corriger la taille excessive du DOM dans WordPress (11 astuces d’experts) first appeared on WPBeginner.

]]>
L’avertissement « Éviter une taille excessive du DOM » peut apparaître dans Google Lighthouse ou dans d’autres outils de test de la vitesse des sites web. Il signifie essentiellement que votre site comporte trop d’éléments, ce qui peut ralentir les temps de chargement et frustrer les internautes.

Amélioration, il y a quelques choses que vous pouvez faire pour réduire la taille du DOM et améliorer les performances de votre WordPress. Nous avons essayé un tas de méthodes pour accélérer nos propres sites, nous savons donc ce qui a réellement un impact sur les performances de WordPress.

Et dans cet article, nous allons vous afficher nos tailles éprouvées pour savoir comment corriger une taille excessive du DOM dans WordPress.

How to Fix Excessive DOM Size in WordPress

Que signifie l’avertissement « Éviter une taille excessive du DOM » ?

Vous est-il déjà arrivé d’effectuer un test de vitesse sur votre site WordPress et de tomber sur un avertissement intitulé « Éviter une taille excessive du DOM » ?

Cet avertissement apparaît dans les outils de test de vitesse tels que Google Lighthouse, Google PageSpeed Insights ou GTMetrix. Il indique que votre site comporte trop d’éléments, ce qui peut ralentir sa vitesse de chargement.

Avoid an excessive DOM size warning in PageSpeed Insights

Mais qu’est-ce que DOM exactement, et pourquoi sa taille est-elle importante ? Voyons cela en détail.

DOM est l’abréviation de Document Object Model (modèle d’objet de document). Imaginez votre site WordPress comme une grande structure arborescente. Chaque élément de votre page, comme les titres de texte, les images, les menus et les boutons, est comme une branche ou une feuille de cet arbre. Ces éléments individuels sont appelés nœuds DOM.

Le nombre total de nœuds dans l’arborescence de votre site correspond à sa taille DOM. Plus votre page comporte d’éléments, plus l’arbre DOM est grand.

Par exemple, une page simple ne comportant qu’un Titre et un paragraphe peut avoir une taille DOM plus petite qu’une page complexe comportant plusieurs sections, des images, des formulaires de contact et du contenu incorporé.

Comment la taille excessive du DOM affecte-t-elle les performances du site ?

Une taille DOM importante peut avoir un impact négatif sur les performances de votre site WordPress de plusieurs manières.

Pensez à la façon dont vous créez une nouvelle page dans WordPress. Vous pouvez ajouter des éléments tels que des titres, des paragraphes, des images, des galeries, des formulaires, des boutons et des icônes de réseaux sociaux. Chacun de ces éléments se traduit par un nœud DOM dans l’arborescence.

Si chaque élément pris individuellement peut sembler petit, le nombre total peut rapidement s’additionner, créant une taille excessive du DOM.

Si le nombre de nœuds de votre DOM ne cesse d’augmenter, le navigateur mettra plus de temps à lire, à comprendre et à charger la structure de votre site. En effet, une structure DOM complexe nécessite davantage de mémoire et de puissance de traitement de la part de l’appareil du compte de l’utilisateur pour afficher la page.

Tout cela proscrit des temps de chargement plus lents, ce qui peut frustrer les internautes et les faire rebondir sur votre site avant même qu’ils n’aient vu votre contenu.

De nos jours, les utilisateurs/utilisatrices s’attendent à ce que les sites se chargent rapidement. Un site qui se charge lentement est comme une longue file d’attente : il décourage les gens d’épingler le site.

De plus, les moteurs de recherche comme Google donnent la priorité aux sites qui offrent une bonne expérience utilisateur, y compris des vitesses de chargement rapides. Ainsi, une taille DOM excessive peut indirectement nuire à votre référencement WordPress et, en fin de compte, aux conversions du site.

Combien d’éléments DOM sont trop nombreux pour Google ?

Aucune limite stricte n’est définie, mais Google Lighthouse et d’autres outils de test signalent les sites dont la taille du DOM est excessive. Voici un aperçu de ce que ces signaux peuvent indiquer :

  • Avertissement : Google Lighthouse émet un avertissement lorsque l’élément body de votre page comporte plus d’environ 800 nœuds.
  • Erreur : Si l’élément body atteint plus de 1 400 nœuds, Lighthouse lance une erreur.

Remettons les choses dans leur contexte pour comprendre quels types de sites peuvent entrer dans ces catégories.

Sans optimisation appropriée, une simple page avec du contenu textuel, des images, un menu de navigation, des éléments de mise en page de base et plusieurs extensions pour les formulaires ou le partage social pourrait facilement atteindre environ 800 nœuds.

En revanche, les pages dépassant les 1 400 nœuds sont probablement plus complexes et peuvent inclure un plus grand nombre d’éléments. Il peut s’agir de plusieurs Diaporamas ou Carrousels avec de grandes images, de Mises en page élaborées avec de nombreux éléments et sections Embarqués, ou de multiples contenus embarqués.

Il ne s’agit que d’exemples généraux. Ne laissez pas ces illustrations vous effrayer et vous empêcher de personnaliser votre site comme vous le souhaitez. Cela dit, si vous voulez vous assurer que les gens restent sur votre site, vous devrez éviter une taille excessive de DOM.

Heureusement, nous avons mis en place un guide complet pour vous permettre de réduire la taille du DOM dans WordPress. Vous pouvez utiliser les liens rapides ci-dessous pour en savoir plus sur une méthode d’optimisation des performances du DOM :

1. Utiliser une extension d’optimisation de la vitesse de WordPress

Notre première recommandation est d’installer un puissant plugin d’optimisation de la vitesse de WordPress. Ces extensions sont conçues pour analyser votre site et le rendre plus rapide de différentes manières.

Une extension d’optimisation de la vitesse peut prendre en charge les éléments techniques nécessaires pour accélérer votre site. Vous pouvez ainsi vous concentrer sur la gestion et la création de votre contenu.

Ici, chez WPBeginner, nous recommandons l’utilisation de WP Rocket. Nous l’utilisons en fait nous-mêmes sur le site de WPBeginner, ce que vous pouvez découvrir dans notre article sur la façon dont nous boostons la vitesse de chargement des pages sur WPBeginner.

WP Rocket

Bien que WP Rocket soit principalement connu comme une extension de mise en cache, il a de nombreuses fonctionnalités qui peuvent également aider avec la taille du DOM. Ces fonctionnalités incluent l’optimisation des fichiers, le chargement paresseux et le report de JavaScript.

Nous expliquerons toutes ces fonctionnalités plus en détail ultérieurement dans l’article. Vous pouvez également lire notre avis WP Rocket pour en savoir plus.

Mais pour l’instant, l’utilisation d’un plugin d’extension de vitesse comme WP Rocket est une excellente première étape pour corriger la taille du DOM et rendre votre site plus rapide, même si vous êtes nouveau sur WordPress.

Vous pouvez lire notre guide d’installation et de configuration de WP Rocket pour mettre en place l’extension.

2. Vérifiez votre thème et vos extensions

Si les extensions et les thèmes WordPress sont parfaits pour ajouter des fonctionnalités et du style à votre site WordPress, ils peuvent parfois contribuer à une taille excessive du DOM.

Tout d’abord, tous les thèmes et toutes les extensions ne se valent pas. Des extensions et des thèmes mal codés peuvent donner lieu à un document HTML gonflé avec des éléments inutiles. Cela peut augmenter considérablement la taille de votre DOM.

Les thèmes et les extensions WordPress sont souvent livrés avec des fonctionnalités supplémentaires dont vous n’avez pas forcément besoin. Celles-ci peuvent ajouter des éléments indésirables à la structure de votre site, même si vous ne les utilisez pas activement.

En examinant de plus près ce qui est installé sur votre site, vous pouvez identifier les responsables potentiels de la taille du DOM.

Si vous pensez qu’un thème ou un plugin particulier peut être à l’origine du problème, essayez de passer temporairement à un thème WordPress par défaut ou de désactiver les extensions une par une.

Deactivate all the plugin except WooCommerce

Ensuite, vérifiez si l’avertissement relatif à la taille du DOM disparaît dans les outils de test de vitesse après avoir effectué ces modifications. Cela peut vous aider à identifier l’élément problématique.

Lorsque vous choisissez des thèmes et des extensions, vous devez vous en tenir à des sources réputées telles que le répertoire WordPress ou des développeurs/développeurs bien connus. Ces ressources ont des normes de codage strictes, ce qui réduit le risque de code gonflé qui pourrait nuire à la performance de votre site.

Si vous voulez obtenir des recommandations de plugins et de thèmes de confiance, alors consultez le Centre de solutions de WPBeginner. C’est ici que nous testons, examinons et recommandons les logiciels WordPress. Nous recommandons uniquement des solutions dont nous savons qu’elles seront utiles à nos lecteurs.

WPBeginner's WordPress Solution Center

3. Utiliser un constructeur de page optimisé

Les extensions de constructeurs de pages sont des éditeurs/éditrices WYSIWYG utilisés pour créer des sites WordPress beaux et fonctionnels sans avoir besoin de coder. Cependant, certains de ces outils peuvent réellement contribuer à une taille excessive du DOM.

L’une des raisons est qu’ils utilisent souvent des éléments HTML supplémentaires, comme des balises div avec des classes ou des attributs personnalisés, pour personnaliser votre contenu et contrôler sa mise en page. Si ces éléments permettent une certaine souplesse, ils peuvent aussi être très encombrants.

De plus, les blocs ou widgets intégrés, comme les Diaporamas ou les éléments interactifs créés avec un constructeur de page, sont souvent construits à l’aide de structures HTML spécifiques.

De nombreux constructeurs de pages s’appuient également sur des codes courts pour insérer leurs fonctionnalités. Bien que ces codes courts puissent ne pas être affichés visuellement sur votre site, ils peuvent ajouter du code supplémentaire à votre DOM en coulisses.

Si vous pensez que votre constructeur de page peut contribuer aux problèmes de taille du DOM, vous pouvez tester cette théorie sur un site de staging. Essayez de désactiver votre constructeur de page et voyez si l’avertissement disparaît dans les outils de test de la vitesse du site. Cela peut vous aider à déterminer s’il s’agit de la cause première.

Si vous décidez de ne plus utiliser votre ancien constructeur de page, vous pouvez alors utiliser l’un des outils intégrés de WordPress pour concevoir votre site (comme l’éditeur de site complet ou le personnalisateur de thème).

Ils permettent de contrôler la conception de votre site sans avoir besoin d’une extension distincte. En outre, ils ont généralement un impact plus faible sur la taille du DOM.

Cependant, ces outils ne sont pas les plus flexibles. Dans ce cas, nous vous recommandons d’utiliser un constructeur de page optimisé comme SeedProd.

Ici à WPBeginner, nous avons testé divers constructeurs de pages, et SeedProd a affiché des performances plus rapides (93 sur PageSpeed Insights) par rapport à des concurrents comme Divi (91) et Elementor (90).

SeedProd page performance test

Vous pouvez en savoir plus dans notre Avis Elementor vs Divi vs SeedProd.

Au-delà de la performance, SeedProd dispose également de plus de 350 kits de modèles de thèmes professionnels, d’intégrations avec des outils de marketing par e-mail populaires et d’un assistant IA pour aider à accélérer le processus de construction de votre site.

Insert the AI image generated by SeedProd

4. Optimisez vos images et vos vidéos

Les images et les vidéos non optimisées peuvent avoir des tailles de fichier importantes. Ces tailles de fichiers peuvent contribuer à la taille du DOM car elles deviennent des éléments supplémentaires que le navigateur doit traiter.

L’optimisation de vos tailles permet de réduire considérablement leur taille sans sacrifier la qualité. Cela aide votre site à se charger plus rapidement et améliore l’expérience globale de l’utilisateur.

Une extension comme Optimole peut être une excellente solution pour optimiser vos images. Optimole est conçu pour fonctionner dès le départ, en optimisant automatiquement les images de votre site au fur et à mesure que vous les téléversez.

Optimole Review: The image optimization plugin's lazy loading feature

Vous pouvez également affiner ses réglages pour ajuster la qualité de la compression ou redimmensionner les images qui dépassent une certaine taille, ce qui permet de réduire davantage leur taille de fichier et leur empreinte DOM.

Si vous ne voulez pas utiliser trop d’extensions, vous pouvez utiliser des outils en ligne gratuits comme TinyPNG pour compresser vos images avant de les téléverser sur votre site WordPress.

Pour un guide approfondi sur l’optimisation des images, consultez notre article sur la façon d’optimiser les images pour les performances web sans perdre leur qualité.

En ce qui concerne les vidéos, nous ne recommandons pas de les téléverser directement sur WordPress. Les fichiers vidéo volumineux peuvent ralentir considérablement le temps de chargement de votre site.

Une meilleure approche consiste à utiliser un service d’hébergeur de vidéos comme YouTube ou Vimeo. Ces services se chargent de stocker et de diffuser en direct vos tailles, ce qui soulage le serveur de votre site et réduit la taille du DOM.

Vous pouvez ensuite intégrer les vidéos directement dans vos pages à l’aide des codes d’intégration fournis par le service d’hébergement.

Embedding a YouTube video in WordPress

Nous avons un autre article utile sur la façon d’optimiser les vidéos pour votre site WordPress qui plonge plus profondément dans les stratégies d’optimisation des vidéos.

5. Mise en œuvre du chargement paresseux

Lorsque vous ouvrez une longue page web avec beaucoup de contenu, tous ces éléments se chargent normalement en même temps. Ce processus peut prendre un certain temps, en particulier sur les connexions internet plus lentes.

Le chargement paresseux adopte une approche plus intelligente. Il retarde le chargement des éléments non critiques, comme les images et les vidéos. Ceux-ci seront chargés uniquement lorsque l’utilisateur en aura réellement besoin au fur et à mesure qu’il défile sur la page.

Cela signifie que le contenu essentiel qui apparaît en premier (comme le texte et la mise en page) se charge plus rapidement. Il en résulte un chargement initial de la page plus rapide et une expérience plus fluide pour l’utilisateur.

Il est facile de définir le lazy loading, surtout si vous utilisez déjà une extension d’optimisation de la vitesse de WordPress comme WP Rocket.

Il vous suffit de vous rendre dans Réglages  » WP Rocket dans votre tableau de bord WordPress. Ensuite, cliquez sur l’onglet  » Médias « .

Ici, il suffit de cocher toutes les options permettant d’activer le chargement paresseux pour les images, les vidéos et les iFrames.

Enabling lazy loading in WP Rocket

Si vous souhaitez afficher une galerie d’images, nous vous recommandons d’utiliser une extension de galerie dotée d’une fonctionnalité de chargement paresseux.

Envira Gallery en est un excellent exemple. Outre le chargement paresseux, vous pouvez définir un délai spécifique pour le chargement des images.

Enabling the lazy loading feature in Envira Gallery

En outre, vous pouvez charger paresseusement votre section de commentaires.

Pour cela, vous pouvez utiliser Thrive Comments, qui propose des fonctionnalités d’optimisation des commentaires WordPress.

Une fois l’extension activée, rendez-vous dans le Tableau de bord de Thrive «  Thrive Comments. Ensuite, ouvrez l’onglet  » Réglages avancés  » et accédez à la section  » Optimisation de la vitesse de la page « .

Enabling lazy loading in Thrive Comments

Ici, il vous suffit de cocher les cases qui s’appliquent à votre section de commentaires. Vous pouvez charger la section des commentaires jusqu’à ce que l’utilisateur défile en bas de la page, et/ou charger les commentaires au fur et à mesure que les utilisateurs/utilisatrices cliquent sur le bouton « Charger plus de commentaires ».

Vous pouvez également choisir de charger les images des avatars dans les commentaires jusqu’à ce qu’ils soient vus.

6. Paginer les commentaires ou les publications à fort contenu

Les publications ou les sections de commentaires excessivement longues ont généralement une taille DOM importante qui ralentit les temps de chargement de votre site. C’est ici que la pagination prend tout son sens.

La pagination divise essentiellement votre contenu en morceaux gérables, ce qui permet aux utilisateurs/utilisatrices de naviguer plus facilement et d’assimiler l’information.

Si vous vous trouvez dans l’obligation de rédiger des articles détaillés, pensez à les diviser en sections logiques à l’aide de la pagination. Vous permettez ainsi aux lecteurs de faire des pauses entre les sections et d’éviter de se sentir intimidés par un mur de texte gigantesque.

Heureusement, vous pouvez facilement diviser les longues publications à l’aide du bloc « Saut de page » dans l’éditeur de blocs.

Pour obtenir des instructions étape par étape, vous pouvez consulter notre article sur la façon de diviser les publications WordPress en plusieurs pages.

Adding a page break in the WordPress block editor

Nous avons également un guide utile sur la façon de paginer les commentaires dans WordPress. Mais essentiellement, tout ce que vous devez faire est de vous connecter à votre zone d’administration WordPress et d’aller à la page Réglages  » Discussions.

Cochez ensuite la case « Répartir les commentaires par page » et personnalisez le nombre de commentaires que vous souhaitez voir apparaître sur chaque page.

Break comments in pages

Nous vous conseillons également d’éviter les défilements infinis. Bien qu’ils puissent garder les gens sur votre site plus longtemps car ils n’auront pas à passer d’une page à l’autre manuellement, cela peut causer des problèmes de performance sur votre serveur.

7. Minifier les fichiers CSS et JavaScript

La fonctionnalité et le style visuel de votre site reposent sur des fichiers de code tels que CSS et JavaScript. Bien qu’essentiels, ces fichiers peuvent contribuer à augmenter la taille du DOM s’ils ne sont pas correctement optimisés.

La minification peut résoudre ce problème en retirant les éléments inutiles du code, tels que les commentaires, les espaces et les sauts de ligne. Cette taille réduite se traduit par des temps de chargement plus rapides et une taille plus petite du DOM.

Cela dit, il est important de noter que la minification peut parfois introduire des problèmes de compatibilité avec certains thèmes ou extensions.

Avant de minifier votre code, il est conseillé de créer une sauvegarde de votre site et de tester les modifications dans un environnement local ou de staging, si possible. Cela vous permet d’identifier tout problème potentiel avant qu’il n’affecte votre site direct.

Ensuite, vous pouvez lire notre guide sur la façon de minifier les fichiers CSS et JavaScript dans WordPress pour obtenir des instructions étape par étape.

Comme vous le verrez dans le guide, minifier votre code est facile si vous utilisez déjà une extension comme WP Rocket. Tout ce que vous avez à faire est d’aller dans Réglages  » WP Rocket et de passer à l’onglet  » Optimisation des fichiers « .

Il suffit ensuite d’activer les fonctionnalités permettant de minifier les fichiers CSS et JavaScript.

Minifying files using the WP Rocket caching plugin for WordPress

Certains fournisseurs d’hébergement WordPress proposent également des fonctionnalités en avant pour la minification des fichiers CSS et JavaScript.

Par exemple, SiteGround (qui héberge WPBeginner) propose l’extension Speed Optimizer pour minifier le CSS.

Hostinger propose également une fonctionnalité similaire grâce à son CDN intégré, disponible à partir de l’offre Business.

Minifying CSS in SiteGround plugin

8. Réduire les JavaScript et CSS bloquant le rendu de l’image

Une autre approche pour optimiser les fichiers CSS et JavaScript consiste à réduire les blocages de rendu.

Les ressources bloquant le rendu sont comme des matériaux de fondation qui empêchent la maison (le contenu de votre site) d’être Version jusqu’à ce que ces ressources soient livrées et en place. Plus ces ressources mettent de temps à se charger, plus les utilisateurs/utilisatrices mettent de temps à voir le contenu de votre site.

WP Rocket dispose de fonctionnalités avant de réduire les CSS et JavaScript qui bloquent le rendu.

Par exemple, vous pouvez combiner des fichiers CSS et JavaScript, ce qui réduira le nombre de demandes HTTP que votre site doit effectuer. Moins de demandes signifie moins de temps d’attente pour que le navigateur charge tout et rende votre contenu.

Minifying CSS, JavaScript, and iFrame in WP Rocket

Vous pouvez également retirer tout code CSS qui n’est pas réellement utilisé sur vos pages.

Cela permet uniquement de réduire les blocages de rendu, mais aussi de minimiser la taille globale des pages et le nombre de demandes HTTP.

Removing unused CSS in WP Rocket

Il existe en outre une fonctionnalité appelée « Load JavaScript Deferred » (chargement différé de JavaScript). Elle indique au navigateur d’attendre, pour charger certains fichiers JavaScript, que le contenu principal de votre site (le HTML) ait été affiché.

Ainsi, les utilisateurs/utilisatrices voient le contenu de votre site plus rapidement, même si toutes les fonctionnalités d’arrière-plan n’ont pas encore été chargées.

Delay loading non-essential JavaScript code

Pour en savoir plus sur l’activation de ces fonctionnalités, consultez notre article sur la réduction des CSS et JavaScript bloquant le rendu dans WordPress.

9. Activer la mise en cache de WordPress

Lamise en cache ne réduit pas directement la taille du DOM, mais elle améliore considérablement les performances perçues de votre site.

Voici ce qui se passe lorsque la mise en cache est activée : lorsqu’un compte/utilisatrices revient sur votre site, son navigateur peut d’abord consulter son cache. Si les fichiers sont déjà stockés localement, ils peuvent être chargés beaucoup plus rapidement, ce qui réduit considérablement le temps de chargement des pages.

Cela permet au DOM de se charger et de s’afficher plus rapidement, ce qui se traduit par une expérience plus fluide pour les internautes.

La mise en cache aide également votre serveur à fonctionner plus efficacement en allégeant sa charge de travail. Il peut ainsi se concentrer sur des tâches importantes telles que le traitement du DOM, ce qui accélère le temps de chargement.

Heureusement, configurer la mise en cache du navigateur est simple avec une extension comme WP Rocket. En effet, l’extension active automatiquement la mise en cache avec des réglages optimaux pour votre site.

How to set up the WP Rocket caching plugin

Mieux encore, WP Rocket met en cache votre site en permanence. Chaque fois que le cache est vidé (manuellement ou automatiquement), WP Rocket génère automatiquement de nouveaux fichiers de cache.

WP Rocket vous offre également la possibilité d’effacer la mise en cache de WordPress à tout moment. Cela peut être utile si vous apportez des modifications importantes à votre site et que vous voulez vous assurer que les utilisateurs/utilisatrices voient la dernière version.

How to clear the WP Rocket cache manually

Pour plus de détails sur les fonctionnalités de mise en cache de WP Rocket, vous pouvez vous référer à la section configurer les options de mise en cache de notre guide d’installation de WP Rocket.

10. Utiliser un CDN WordPress

Un CDN (Content Delivery Network) est un réseau de serveurs répartis dans le monde entier. Bien qu’un CDN ne modifie pas directement la taille du code de votre site, il donne l’impression que votre site se charge plus rapidement.

En effet, un CDN stocke des copies du contenu statique de votre site (images, scripts, feuilles de style) sur des serveurs situés à différents Emplacements. Lorsqu’un internaute visite votre site, son ordinateur télécharge le contenu à partir du serveur CDN le plus proche.

Cela permet de réduire considérablement les temps de téléchargement par rapport au fait de tout récupérer sur votre serveur d’origine, qui peut être très éloigné. Cette distribution plus rapide permet de traiter le DOM beaucoup plus rapidement.

De plus, un CDN aide votre serveur d’origine à travailler plus rapidement en partageant la charge de distribution du contenu. Cela permet au serveur de se concentrer sur l’essentiel, comme le traitement du DOM. Par conséquent, le rendu de votre site est globalement plus rapide.

Si vous avez besoin de recommandations en matière de CDN, nous avons un guide des meilleurs services de CDN WordPress pour vous aider à choisir le bon pour votre site.

Nous utilisons le CDN de Cloudflare sur notre site ici à WPBeginner. Cela fonctionne bien pour notre grand blog avec beaucoup d’internautes.

Cloudflare global network

Si vous souhaitez en savoir plus, vous pouvez consulter notre publication d’initié sur les raisons pour lesquelles WPBeginner est passé de Sucuri à Cloudflare. Cet article explique ce que nous avons recherché lors du choix d’un fournisseur de CDN.

11. Optimiser votre base de données WordPress

Votre site WordPress s’appuie sur une base de données pour stocker toutes ses informations importantes, comme les publications, les commentaires, les comptes utilisateurs et même les configurations.

Au fil du temps, cette base de données peut contenir trop de données inutiles, telles que d’anciennes révisions de publications, des commentaires indésirables ou des informations restantes provenant d’extensions supprimées.

Bien que la base de données elle-même ne fasse pas partie du DOM, une base de données surchargée peut ralentir votre site. Un site plus lent peut donner l’impression que la taille du DOM est plus grande parce que tout prend plus de temps à charger et à rendre.

Améliorer votre base de données en retirant les données inutiles aide votre site à fonctionner plus facilement et peut indirectement améliorer la taille perçue du DOM.

Consultez notre guide utile sur la façon d’optimiser votre base de données WordPress en un clic. Ce guide vous guide à travers le processus d’utilisation d’une extension pour nettoyer votre base de données et s’assurer qu’elle fonctionne efficacement.

Se concentrer sur les performances globales de WordPress, et pas seulement sur la taille du DOM

Si la prise en compte de l’avertissement « Éviter une taille excessive du DOM » dans WordPress est importante pour la vitesse du site, ce n’est pas le seul facteur à prendre en compte.

Un site doté de nombreuses fonctionnalités ou d’une mise en forme unique peut naturellement avoir un DOM plus important, et c’est normal.

L’essentiel est de trouver le bon équilibre entre les performances du site et ses fonctionnalités. Ainsi, outre la taille du DOM, vous pouvez prêter attention à d’autres métriques telles que Core Web Vitals. Il s’agit de métriques spécifiques que Google utilise pour mesurer l’expérience utilisateur d’un site.

Core Web Vitals report example

Si vous avez utilisé un grand nombre de techniques d’optimisation différentes et que votre site semble toujours lent, envisagez de demander l’aide de nos services d’optimisation de la vitesse du site.

Notre équipe d’experts peut analyser votre site et identifier les moyens les plus efficaces pour rationaliser ses performances.

WPBeginner Professional Services: Site Speed Optimization Service

Toutes les offres comprennent une configuration experte de la mise en cache en fonction des besoins de votre site, l’optimisation des images sans réduction de la qualité visuelle, l’optimisation du chargement automatique de la base de données, et bien plus encore. De plus, nous garantissons que votre site obtiendra un A ou un B+ sur notre outil PageSpeed.

Nous espérons que ce tutoriel vous a aidé à apprendre comment corriger la taille excessive du DOM sur WordPress. Vous pouvez également consulter notre guide sur la façon d’accélérer les performances de WooCommerce ou notre guide complet sur la vitesse et les performances de WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

The post Comment corriger la taille excessive du DOM dans WordPress (11 astuces d’experts) first appeared on WPBeginner.

]]>
https://www.wpbeginner.com/fr/wp-tutorials/how-to-fix-excessive-dom-size-in-wordpress/feed/ 1
Comment créer des formulaires multilingues dans WordPress (2 méthodes) https://www.wpbeginner.com/fr/wp-tutorials/how-to-create-multilingual-forms-in-wordpress/ https://www.wpbeginner.com/fr/wp-tutorials/how-to-create-multilingual-forms-in-wordpress/#comments Mon, 16 Sep 2024 10:00:00 +0000 https://www.wpbeginner.com/fr/opinion/how-to-create-multilingual-forms-in-wordpress/ Si vos internautes viennent du monde entier, les formulaires multilingues peuvent vous aider à toucher un public diversifié, à améliorer le compte des utilisateurs et à accroître l’accessibilité de votre site. Heureusement, les formulaires multilingues sont super faciles à définir à l’aide des extensions de… Lire la suite »

The post Comment créer des formulaires multilingues dans WordPress (2 méthodes) first appeared on WPBeginner.

]]>
Si vos internautes viennent du monde entier, les formulaires multilingues peuvent vous aider à toucher un public diversifié, à améliorer le compte des utilisateurs et à accroître l’accessibilité de votre site.

Heureusement, les formulaires multilingues sont super faciles à définir à l’aide des extensions de construction de formulaires WordPress.

Et dans cet article, nous allons vous afficher comment créer des formulaires multilingues sur WordPress en utilisant 2 extensions populaires : WPForms et Formidable Forms.

Create multilingual forms in-post image

Qu’est-ce qu’un formulaire multilingue et pourquoi en créer un ?

Les formulaires multilingues peuvent afficher plusieurs langues en fonction des préférences de l’utilisateur.

Ces formulaires sont essentiels pour les sites web ciblant un public mondial. Ils garantissent que les utilisateurs/utilisatrices peuvent interagir avec votre site WordPress dans la langue de leur choix.

Voici quelques raisons de créer des formulaires multilingues :

  • Améliorer l’engagement des utilisateurs/utilisatrices. Les formulaires multilingues permettent aux utilisateurs/utilisatrices de comprendre les questions ou les informations posées sans barrière linguistique. Ils sont ainsi plus enclins à terminer le formulaire.
  • Améliorer les taux de conversion. Le taux de conversion est le pourcentage d’utilisateurs qui entreprennent une action souhaitée sur votre site, comme s’inscrire à une lettre d’information par e-mail ou effectuer un achat. Lorsque les utilisateurs/utilisatrices peuvent terminer les formulaires dans leur langue maternelle, le processus devient plus efficace.
  • Offrir une meilleure expérience globale aux utilisateurs/utilisatrices. Les formulaires multilingues contribuent à une expérience positive pour les utilisateurs/utilisatrices. Les utilisateurs/utilisatrices peuvent interagir avec votre site dans leur propre langue, ce qui augmente leur niveau de confort.

Dans cette optique, la création d’un formulaire multilingue est une bonne idée. De cette façon, vous pouvez rendre votre site accessible et simple/simple d’utilisation pour un public diversifié.

Les sections suivantes présentent deux méthodes de création de formulaires multilingues. Vous pouvez utiliser les liens rapides ci-dessous pour passer à la méthode que vous souhaitez utiliser :

Vous êtes prêts ? Premiers pas.

Méthode 1 : Créer des formulaires WordPress multilingues en utilisant WPForms (Recommandé)

La manière la plus simple de créer un formulaire WordPress multilingue est d’utiliser WPForms et Weglot. Ces outils peuvent traduire automatiquement le contenu de votre site, y compris les formulaires, à l’aide d’un sélecteur de langue.

WPForms est le meilleur constructeur de formulaires par glisser-déposer avec des milliers de modèles prédéfinis. Son interface simple/simple d’utilisation permet également de créer un formulaire en quelques minutes.

En fait, nous l’utilisons sur nos propres sites pour nos besoins en formulaires de contact. Pour plus de détails, vous pouvez consulter notre avis complet sur WPForms.

WPForms' homepage

Pour traduire vos formulaires WPForms, vous devrez utiliser l’extension avec un plugin de traduction.

Weglot est l’une des meilleures extensions de traduction WordPress pour les débutants. Cet outil utilise l’apprentissage automatique pour traduire automatiquement tout contenu sur votre site, y compris les pages, les publications et les formulaires.

Bien que nous recommandions d’obtenir la version premium, vous pouvez profiter de sa version d’essai gratuite pour un maximum de 2 000 mots traduits sur un site.

Weglot's homepage

Pour Premiers pas, vous devrez installer WPForms et Weglot sur votre site WordPress. Si vous avez besoin d’aide, veuillez consulter notre guide sur l ‘installation d’une extension WordPress.

Une fois activé, vous pouvez commencer à créer des formulaires en naviguant vers WPForms  » Ajouter une nouvelle pour créer un formulaire. Pour plus de détails, vous pouvez consulter notre guide sur la création d’un formulaire de contact.

Une fois votre formulaire de contact prêt, traduisons-le à l’aide de Weglot.

Depuis votre Tableau de bord WordPress, cliquez sur l’élément de menu Weglot. Vous arrivez alors dans la zone de réglage  » Main configuration « .

Ici, vous devrez tout d’abord renseigner votre clé de l’API de Weglot. Si vous ne savez pas quelle est votre clé ou où la trouver, il vous suffit de vous rendre sur le Tableau de bord de Weglot et de créer un compte.

Weglot's sign up page

Après vous être inscrit, vous trouverez votre clé de l’API dans le tableau de bord de votre compte Weglot. Vous pouvez ensuite copier et coller la clé dans le champ « Clé API » de la zone « Configuration principale ».

Une fois vérifié, vous pouvez commencer à choisir vos langues de destination. Il vous suffit de cliquer sur le menu déroulant « Langues de destination » et de défiler dans la liste pour sélectionner une langue.

Weglot's Main Configuration area with a Destination Languages field

Si vous le souhaitez, vous pouvez ajouter plus d’une langue. Weglot propose plus de 100 langues, alors n’hésitez pas à explorer et à choisir les langues de destination qui correspondent à vos objectifs.

Une fois que vous avez terminé, n’oubliez pas de cliquer sur « Enregistrer les modifications » pour ne pas perdre votre progression.

Après quelques secondes, vous devriez voir apparaître une fenêtre de notification indiquant : « Bravo ! Votre site est maintenant multilingue ».

Weglot's success message

Maintenant, vous allez vouloir visiter votre site pour voir si vous pouvez traduire vos formulaires WPForms. Cliquez simplement sur la notification ‘Aller sur ma page d’accueil’ depuis la notification.

À partir de cette page, vous devriez voir un menu déroulant dans le coin inférieur droit de votre écran. Vous pouvez cliquer dessus pour passer à Norsk (norvégien). La page et le formulaire seront ainsi automatiquement traducteurs/traductrices en norvégien.

Weglot's language switch on a live website

Voilà, c’est fait ! Vous avez bien traduit votre formulaire de contact WPForms avec Weglot.

Méthode 2 : Créer des formulaires WordPress multilingues en utilisant Formidable Forms

Une autre façon de créer un formulaire multilingue dans WordPress est d’utiliser Formidable Forms et son module Polylang. Cette méthode vous permet de saisir vos propres traducteurs/traductrices pour votre formulaire et de les afficher pour chaque langue cible.

Formidable Forms est une excellente extension pour créer des formulaires WordPress, en particulier des formulaires plus avancés comme des calculatrices, des répertoires, des quiz, et plus encore.

En savoir plus, vous pouvez consulter notre Avis sur Formidable Forms.

Formidable forms

Le module complémentaire Polylang vous permet de saisir des traductions du contenu de votre site, y compris des formulaires. Avec ce module, vous pouvez insérer des traducteurs/traductrices pour autant de langues que nécessaire.

Pour utiliser les 2 outils ensemble, vous devrez d’abord installer Formidable Forms et Polylang. Si vous avez besoin d’aide, alors vous pouvez suivre notre guide étape par étape sur l’installation d’une extension WordPress.

Lors de l’activation, vous devez d’abord configurer Polylang en choisissant vos langues cibles. Déployez le menu déroulant, sélectionnez votre langue de destination et cliquez sur le bouton « Ajouter une nouvelle langue ».

Polylang's setup process

Cliquez ensuite sur le bouton « Continuer » sous la section « Langue déjà définie ».

L’étape suivante consiste à activer les traductions de vos fichiers multimédias. Ce réglage vous permet de traduire les titres, les textes alternatifs, les légendes et les descriptions de vos fichiers multimédias.

Pour activer ce Réglage, il suffit d’activer le Diaporama  » Permettre à Polylang de traduire les médias « . Vous pouvez ensuite cliquer sur « Continuer » pour passer à la troisième étape.

Polylang's media setup

Dans la zone suivante, vous choisirez la langue principale du contenu de votre site.

Vous pouvez cliquer sur le menu déroulant et choisir parmi les langues que vous avez inscrites lors de la première étape. Ici, nous avons choisi l’anglais comme langue principale.

Polylang's main language setup

Une fois que vous avez sélectionné la langue principale de votre site, vous pouvez cliquer sur « Continuer ». Vous serez alors redirigé vers la dernière étape.

Consultez cette page, vous verrez apparaître la notification « Vous êtes prêt à traduire votre contenu », suivie de quelques recommandations de l’équipe Polylang en matière de documentation.

Vous pouvez prendre le temps de lire ces documents ou défiler directement vers le bas de l’écran et cliquer sur le bouton « Retour au tableau de bord ».

The Return to dashboard button on Polylang's setup

Maintenant, naviguons vers Formidable Forms  » Add-Ons pour activer le module Polylang.

Pour vous faciliter la tâche, vous pouvez utiliser la barre de recherche et taper ‘Polylang’ pour le trouver. Une fois trouvé, cliquez sur « Installer ».

Polylang's install button on Formidable Forms

Une fois le processus d’installation terminé, l’état est modifié et devient « Actif ».

Maintenant, vous pouvez vous diriger vers Formidable Forms  » Forms depuis votre Tableau de bord WordPress. Par défaut, l’extension vous fournit un exemple de formulaire de contact, c’est pourquoi vous avez un formulaire prêt dans l’onglet  » Mes formulaires « .

Essayons de traducteur/traductrice le formulaire « Contactez-nous ».

Pour commencer à traduire le formulaire, la première chose à faire est de survoler le formulaire et de cliquer sur « Réglages ».

Contact Us' settings button

Vous serez alors redirigé vers l’onglet « Réglages » du formulaire.

Il vous suffit de défiler vers le bas de l’écran et de cliquer sur « Traduire le formulaire ».

The Translate Form button on Contact Us' Settings tab

L’extension vous redirigera alors vers une nouvelle page.

Vous pouvez y saisir manuellement les traducteurs/traductrices de tous les éléments du formulaire dans les langues de destination.

Polylang translating the contact form's elements

Lorsque vous avez terminé, cliquez sur le bouton « Enregistrer les modifications » en bas de l’écran.

Vous pouvez maintenant publier le formulaire.

Pour ce faire, retournez à l’onglet « Réglages » et cliquez sur le bouton « Contenu embarqué ».

Formidable Forms' embed button

Ensuite, vous pouvez choisir de l’ajouter à une page existante ou à une nouvelle page. Il y a aussi une option pour utiliser le code court du formulaire pour l’ajouter à l’éditeur de blocs de WordPress.

Nous allons choisir l’option « Sélectionné une page existante » comme exemple.

Select existing page option for embedding a Formidable Forms' contact form

L’étape suivante consiste à sélectionner une page dans le champ déroulant. Par exemple, ici, nous allons ajouter le formulaire à la page « Contact » de notre site.

Une fois la page choisie, cliquez sur « Insérer un formulaire ».

Inserting a form to a page

Vous serez alors redirigé vers l’éditeur de blocs. Vous pouvez défiler vers le bas de la page pour trouver le formulaire « Nous contacter » que vous venez d’ajouter.

Pour ce faire, vous devez aller dans l’onglet « Page » sur le côté droit et repérer l’élément de menu « Langues » dans le coin inférieur droit.

Cliquons sur le bouton ‘+’ pour ajouter la traducteur/traductrice Norsk.

The Languages section on WordPress block editor

En cliquant sur le bouton, WordPress génère une nouvelle page.

Sous Page «  Langues, vous verrez que vous êtes en train de modifier une page pour la traduction Norsk.

Editing a new page to display in Norsk

Ne vous inquiétez pas si vous ne voyez pas la version traduite. Une fois que vous aurez cliqué sur « Publier », le formulaire s’affichera en norvégien.

Et le tour est joué !

Vous avez traduit votre formulaire en utilisant Formidable Forms et Polylang. Voici à quoi il pourrait ressembler sur votre site WordPress :

The Contact Us form in Norsk

Bonus : Comment ajouter une recherche multilingue dans WordPress

Maintenant que votre site WordPress propose un formulaire multilingue, nous vous recommandons de passer à la vitesse supérieure en ajoutant une fonctionnalité de recherche multilingue.

La recherche multilingue permet aux sites de traiter et de renvoyer des résultats pertinents dans différentes langues. Cela signifie que les utilisateurs/utilisatrices peuvent rechercher et recevoir des résultats dans la langue de leur choix.

Dans l’ensemble, le fait d’offrir une expérience multilingue peut définir la différence entre votre site et ceux de vos concurrents qui supportent uniquement une seule langue.

La manière la plus simple d’ajouter une recherche multilingue est d’utiliser l’extension SearchWP.

Cette extension peut équiper votre site WordPress avec des fonctionnalités de recherche avancées. Dès qu’il est activé, WPSearch construit automatiquement un index de recherche et fait correspondre les mots-clés recherchés avec le contenu de votre site, les titres, les identifiés, les codes courts, les produits et bien plus encore.

Is SearchWP the right search plugin for you?

WPSearch dispose également de réglages pré-configurés pour fonctionner sur la plupart des sites, y compris les sites multilingues.

Pour en savoir plus, il suffit de consulter notre guide étape par étape sur l’ajout de la recherche multilingue dans WordPress.

Nous espérons que cet article vous a aidé à apprendre comment créer des formulaires multilingues sur WordPress. Ensuite, vous voudrez peut-être lire nos guides sur la façon de personnaliser et de styliser vos formulaires WordPress et sur la façon de créer des formulaires WordPress plus interactifs et d’augmenter les conversions.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

The post Comment créer des formulaires multilingues dans WordPress (2 méthodes) first appeared on WPBeginner.

]]>
https://www.wpbeginner.com/fr/wp-tutorials/how-to-create-multilingual-forms-in-wordpress/feed/ 1