Pourquoi et comment créer un site Web statique avec WordPress

Que ne pouvez-vous pas construire avec WordPress? Vous pouvez créer tous les types de sites Web, des petits blogs aux grands sites Web de commerce électronique.

C’est la raison pour laquelle WordPress est la plate-forme de choix pour des millions d’entreprises à travers le monde, y compris des grandes marques.

WordPress est simple à utiliser et est livré avec de nombreuses options de personnalisation dans les thèmes, les constructeurs de pages et les plugins.

De plus, la plateforme bénéficie d'une énorme communauté de contributeurs et de supporters à travers le monde. Il y a de nombreuses raisons pour lesquelles WordPress est un aliment de base, mais nous n'entrerons pas dans cela.

Bien que WordPress soit un formidable cadre d'application, vous ne pouvez pas créer de simples sites Web statiques sur la plate-forme. Je veux dire, de simples sites Web HTML + CSS + (peut-être JavaScript), et pas ces autres "définissez une page statique dans votre En train de lire Réglages«Chose.

Et c'est tout parce que WordPress génère ce que nous appelons des pages Web dynamiques.

Si cela semble déroutant, mon ami, ça l'est. Alors, quelle est la différence entre un site Web statique et un site Web dynamique? Eh bien, pour faire la lumière, je vais vous expliquer comment fonctionne WordPress et comment fonctionnent les sites Web statiques. Commençons par les sites Web statiques, Mesdames et Messieurs.

Les sites Web statiques utilisent de simples fichiers HTML et CSS, et probablement du JavaScript. Fichiers que vous créez / codez à partir de zéro ou à l'aide de certains logiciels tels que CoffeeCup, entre autres. Oh mon Dieu, je déteste le jargon, mais c’est difficile à éviter.

Si je devais expliquer, nous aurions besoin d'un cours de conception Web complet. Lorsque vous avez quelques minutes à perdre, consultez les guides que j'ai liés ci-dessus pour plus d'informations.

De côté: Pour les débutants, HTML fournit la structure et CSS fournit le style. JavaScript fournit de l'interactivité. Personnellement, je préfère écrire du code à partir de zéro plutôt que d'utiliser CoffeeCup, car de tels outils créent du code gonflé. Je préfère tenter ma chance avec NotePad ++ et tout construire à partir de zéro.

WordPress, en revanche, est une plate-forme qui génère des pages Web à la volée. Vous ne codez pas les pages à partir de zéro. Connectez-vous simplement à votre administrateur WordPress, entrez votre contenu et appuyez sur le bouton Publier bouton.

Ensuite, le tout-puissant PHP entre en action et récupère votre contenu à partir d'une base de données qui fonctionne sur MySQL ou autre chose, telle que MariaDB. Ouais, je sais, mais continuez à lire.

WordPress s'occupe de tout le reste, rassemblant différentes parties pour créer la page que vous voyez dans votre navigateur.

Cela ressemble beaucoup à ce que fait Microsoft Office lorsque vous créez un document. Entrez simplement le contenu et Microsoft Office s'occupe de tout le reste. Vous ne codez pas le document à partir de zéro.

Cela dit, vous disposez de quelques outils pour créer une version statique de votre site Web WordPress. Je veux dire, vous pouvez utiliser un plugin ou un service basé sur le cloud.

C’est ce que j’aime le plus dans WordPress; il existe toujours une solution de contournement. Vous obtenez un plugin ou un service pour vous trier. Je n'ai pas encore trouvé de problème que je ne peux pas résoudre à l'aide de plug-ins ou de services tiers.

Mais avant de nous perdre dans tout cela, pourquoi créeriez-vous une version statique de votre site WordPress? Quels sont les bénéfices?

Pourquoi créer un site Web statique avec WordPress

En résumé: chaque site Web WordPress exécute des centaines de tâches avant de créer la page que vous voyez dans votre navigateur, ce qui ralentit tout.

Votre site Web WordPress fonctionne également sur des milliers de fichiers du noyau, du thème, des plugins et des intégrations tierces de WordPress. Ce n'est pas tout; votre site Web WordPress se connecte à plusieurs points de terminaison, créant de multiples failles de sécurité pour les pirates.

Un site Web statique, en revanche, ne fonctionne pas de la même manière. Il peut fonctionner sans connexion à une base de données, ce qui le rend plus rapide. De plus, il existe peu de points de terminaison (le cas échéant), ce qui signifie que vous bénéficiez d'une meilleure sécurité. De plus, vous n'êtes pas sujet aux erreurs WordPress courantes, telles que le tristement célèbre "erreur lors de l'établissement de la connexion à la base de données" Erreur.

Maintenant, la longue lecture.

Voici pourquoi un site Web statique est une solution de contournement viable. Rappelles toi, nous ne vous disons pas complètement nucléaire votre installation WordPress. Vous créez simplement une version statique pour profiter des avantages suivants.

Temps de chargement de page plus rapide

Un site Web WordPress peut-il fonctionner sans base de données? Nan. WordPress peut-il fonctionner sans Apache ou PHP? Encore une fois, non. WordPress ne peut pas fonctionner sans de nombreuses tâches côté serveur dont un site Web statique peut se passer.

Les choses empirent si vous utilisez un hébergement partagé, où les ressources sont dispersées sur des millions de sites Web. Si vous faites votre marketing correctement et commencez à attirer beaucoup de trafic, un site Web WP sur l'hébergement partagé en souffrira.

Pour créer la page que vous voyez dans votre navigateur, WordPress effectue de nombreux allers-retours vers le serveur et exécute une tonne de commandes PHP, entre autres.

Les commandes et les trajets prennent du temps. Cela peut prendre quelques millisecondes, mais lorsque vous avez un site Web volumineux (et populaire), il est suffisamment important pour ralentir les choses et entraîner des taux de rebond élevés.

Les sites Web statiques n'ont pas besoin de traiter les pages dynamiques, ce qui élimine les allers-retours, ce qui vous fait gagner du temps de chargement de la page. Ce qui se passe, c'est que vous obtenez des vitesses de chargement de page plus rapides, ce qui est toujours le bienvenu, en particulier lorsque Google récompense des sites Web plus rapides. De plus, des pages plus rapides améliorent l'expérience utilisateur (UX), se traduisant par de meilleurs taux de conversion sur toute la ligne.

Meilleure sécurité

L'injection SQL est une menace imminente qui détruit site après site – des millions. Et WordPress n’est pas épargné car il fonctionne sur une base de données qui n’est pas à l’abri de l’injection SQL, d’autant plus si vous ne renforcez pas votre sécurité WordPress.

En plus de cela, certains plugins WordPress peuvent exposer votre site à des risques de sécurité (tels que les attaques XSS), en particulier si vous téléchargez des plugins à partir de sources douteuses ou si vous ne parvenez pas à exécuter des mises à jour régulières.

Une version statique de votre site Web ne présente pas cette vulnérabilité car il n'y a pas de plug-ins à pirater. De plus, aucun code PHP (qui s'exécute sur le serveur) n'est en cours d'exécution. Vous n'avez pas non plus besoin de vous connecter à une base de données 🙂

Bien entendu, la version WordPress de votre site présente toujours ces problèmes de sécurité, mais vous pouvez choisir de cacher WordPress aux attaquants en utilisant le fichier .htaccess.

Cachez simplement la version WordPress derrière un mot de passe .htaccess et servez le site Web statique à sa place. Et puis continuez à créer du contenu dans WordPress et à pousser les modifications vers le site statique.

Inutile de dire qu'aucun actif numérique (lecture, sites Web, applications mobiles, etc.) n'est à 100% immunisé contre les attaques, alors restez vigilant.

Moins de gestion et d'entretien

La gestion d'un site Web n'est pas une tâche facile. Gérer un site Web WordPress sain est encore plus difficile. De nombreux rouages ​​en cours d'exécution nécessitent un huilage constant, comme nous l'avons vu dans la liste de contrôle de maintenance WordPress.

Pour commencer, vous devez garder votre installation WordPress à jour, sinon vous courtiserez les méchants. En outre, les nouveaux thèmes et plugins nécessitent la dernière version de WordPress, ce qui signifie que vous manquez d'excellentes fonctionnalités.

N / B: Si vous n'en aviez aucune idée, les thèmes et plugins obsolètes exposent votre site aux attaquants, surtout s'ils ont des vulnérabilités de sécurité connues.

De plus, vous devez optimiser vos pages pour des vitesses de chargement plus rapides, ce qui peut vous jeter un coup d'œil lors de la réduction de fichiers ou de l'utilisation de plugins de mise en cache WordPress et de CDN. Si vous êtes débutant, c’est difficile. Je sais; J'ai été là-bas.

Avec un site Web statique, vous n'avez rien de tout cela. Vous n'avez pas besoin de mettre à jour le noyau, les thèmes ou les plugins de WordPress, ce qui signifie moins de maintenance de votre part.

De côté: Mais vous devez continuer à mettre à jour votre noyau, vos thèmes et vos plugins WordPress, même si vous avez une installation locale sur votre PC. C'est une bonne hygiène de sécurité du site.

Vous n'avez pas non plus à vous soucier de la vitesse de chargement des pages, même si vous utilisez l'hébergement partagé. En plus de cela, une version statique de votre site Web offre une meilleure sécurité, comme nous l'avons mentionné précédemment, ce qui est une chose de moins à craindre.

Évolutivité

Nous voulons tous créer des sites Web qui attirent une tonne de visiteurs. Après tout, le trafic est la pierre angulaire de tout site Web réussi.

Sans trafic, votre site Web est pratiquement mort. Vous avez créé un site Web pour que le monde puisse vous trouver, vous et votre entreprise, et c'est bien.

Maintenant, WordPress est une plate-forme assez évolutive. Il peut gérer tout ce que vous lui lancez, que vous soyez propriétaire d'une petite entreprise avec une douzaine de visiteurs Web ou une énorme ligne de commerce électronique avec des millions de vues par mois.

Mais si vous avez un pic de trafic et que vous utilisez un hébergement partagé, par exemple, votre site Web WordPress rencontrera des problèmes car de nombreuses tâches s'exécutent en arrière-plan (tâches qu'un package d'hébergement partagé ne peut pas gérer).

De nombreuses visites simultanées sur votre site Web WordPress à la fois peuvent assommer votre serveur ou votre base de données car de nombreux processus sont en cours d'exécution.

D'un autre côté, un site Web statique peut évoluer facilement, que vous ayez dix ou un million de visites à la fois. Pourquoi? Parce qu'il n'y a pas d'aller-retour vers le serveur et la base de données.

En d'autres termes, pratiquement aucun processus lourd de serveur n'est en cours d'exécution, ce qui signifie que de nombreuses visites à la fois ne vous assommeront pas. Cela peut encore arriver, mais pas aussi souvent qu'avec un site Web WordPress, car – aller-retour et processus.

Cela signifie que vous pouvez héberger confortablement sur des hôtes à petit budget ou même gratuitement sur GitHub (ou d'autres hôtes gratuits) sans aucun hoquet. Votre site Web statique fonctionnera toujours même si vous obtenez un pic de trafic, ce qui pourrait entraîner la suppression de votre site Web WordPress sur le même package d'hébergement.

Voici quelques-uns des avantages de la création d'une version statique de votre site Web WordPress. Maintenant, passons à la partie amusante; créer une version statique de votre site Web WordPress.

J'ai essayé quelques plugins, et ils ont tous échoué lamentablement. Certains n'ont pas été mis à jour depuis des années, et d'autres nécessitent la compilation du code source Github, ce qui n'est certainement pas pour les débutants. C'était tellement frustrant jusqu'à ce que je trouve StaticPress2019, et je peux à nouveau sourire.

Comment créer un site Web statique avec WordPress

Pour un certain contexte, je travaille avec l'exemple de site suivant, qui est l'une des démos prêtes à l'emploi fournies avec le thème WordPress Total:

Le site de démonstration WordPress vit sur: design.vistamedia.xyz.

Nous créerons un site Web statique que nous hébergerons sur un sous-domaine différent (c'est-à-dire static.vistamedia.xyz) qui ressemble actuellement à ceci:

Ne vous inquiétez pas; c’est juste un répertoire vide sur mon serveur sans aucun fichier de site Web. C'est là que nous stockerons la version statique de notre site Web WordPress.

N / B: J'utilise des sous-domaines à des fins d'illustration uniquement. Vous pouvez utiliser tout autre domaine ou URL de votre choix.

Mais avant de continuer, voici quelques points à garder à l'esprit. Pour commencer, cette solution de contournement n'est pas pour tous les sites Web WordPress.

C'est parfait pour les sites Web simples, tels que:

• Brochures en ligne qui n'ont pas besoin de fonctionnalités complexes
• Portefeuilles de base
• Sites Web purement informatifs
• Pages à venir et pages de destination
• Sites sujets aux attaques, par exemple les sites politiques et de célébrités
• Des sites Web qui doivent être très rapides

Et c'est parce que la conversion d'un site Web WordPress en un site Web statique supprime les fonctionnalités côté serveur, telles que:

• plugins e-commerce
• La plupart des plugins de slider
• Formulaires de commentaires WordPress par défaut
• Formulaires de contact côté serveur
• Tous les plugins qui utilisent un formulaire d'envoi
• Plugins d'événement
• Plugins d'adhésion
• Widgets de type "Articles les plus populaires"
• flux RSS
• Et tout autre plugin qui a besoin d'un serveur pour fonctionner

Un site de commerce électronique fonctionnant sur WooCommerce souffrira lorsque vous le convertirez en site Web statique, car WooCommerce crée des pages dynamiques qui nécessitent des fonctionnalités PHP et côté serveur.

Cependant, il existe de nombreuses solutions de contournement pour obtenir les fonctionnalités dont vous avez besoin. Par exemple, vous pouvez utiliser Disqus pour les commentaires, Algolia pour la recherche et Snipcart pour le commerce électronique. Il existe des solutions de contournement pour les autres fonctionnalités, mais vous devez vous demander si cela en vaut la peine.

Cela dit… voyons ce que le plugin StaticPress2019 peut faire.

Comment créer un site Web statique avec le plug-in StaticPress2019

StaticPress2019 est disponible dans le référentiel de plugins WordPress, ce qui signifie que nous pouvons l'installer dans le tableau de bord d'administration de WordPress.

Connectez-vous à votre administrateur WordPress et accédez à Plugins> Ajouter nouveau:

Ensuite, entrez StaticPress dans la zone de recherche par mot-clé, et une fois que vous avez trouvé le plugin, cliquez sur Installer maintenant:

Après ça, Activer le plugin. Jusqu'ici, tout va bien, vous vous en sortez très bien.

Ensuite, cliquez sur Options de StaticPress2019 sur votre menu d'administration WordPress, comme nous le soulignons ci-dessous.

Ensuite, entrez l'URL et la racine du document de votre site Web statique et cliquez sur le bouton Sauvegarder les modifications bouton.

Dans mon cas, j'utilise static.vistamedia.xyz et /home/vistxxxx/static.vistamedia.xyz, respectivement. Utilisez les valeurs applicables à votre cas.

Ensuite, cliquez sur StaticPress2019:

Sur la page suivante, cliquez sur le Reconstruire bouton, comme indiqué dans la capture d'écran suivante.

Attendez que le processus se poursuive. Cela peut prendre du temps, selon la taille de votre site Web.

Une fois le processus terminé, vous pouvez faire éclater les bulles car c'est tout ce qu'il y a à faire 🙂

Mais attendez. N'oubliez pas de tester minutieusement votre site Web statique! Vous pouvez afficher votre nouveau site Web statique dans le front-end.

Voici comment notre résultat final à static.vistamedia.xyz, qui ressemblait à ceci plus tôt…

… Regarde maintenant:

Vous ne pouvez pas faire la différence. Attention! c'est beaucoup plus rapide que la version WordPress sur le même pack d'hébergement 🙂 Et tout y est, y compris les photos et les articles de blog, le design réactif, etc.

Le plugin StaticPress2019 est idéal pour créer des sites Web statiques à partir de sites Web WordPress nouveaux et anciens.

Rappelles toi: Si vous mettez à jour votre site Web WordPress, vous devez accéder à StaticPress2019 et cliquez sur le Reconstruire bouton, comme nous l'avons fait il y a quelques secondes. Cela poussera les modifications à la version statique de votre site Web 🙂

Si vous créez un nouveau site Web WordPress que vous souhaitez convertir en site Web statique ultérieurement, vous pouvez envisager d'utiliser des services payants tels que Strattic ou HardyPress. Ces services offrent des sites Web statiques et des solutions de contournement intégrées pour les commentaires et les formulaires de recherche moyennant des frais mensuels.

Comme nous l'avons dit précédemment, il existe toujours des solutions de contournement pour de telles fonctionnalités lors de l'utilisation d'un plugin tel que StaticPress2019. Cela signifie que vous n’avez pas à payer pour créer une version statique de votre site Web WordPress, en particulier lorsque cela est simple.

Mots finaux

Créer un site Web statique avec WordPress a ses avantages et ses inconvénients. Vous bénéficiez de vitesses de chargement de page plus rapides, d'une meilleure sécurité, de moins de tâches d'administration et de plus d'options d'hébergement à votre disposition.

Simultanément, les sites Web statiques ne sont pas idéaux pour tous les sites Web WordPress, tels que les sites de commerce électronique qui dépendent fortement de WooCommerce.

Et c'est parce que la fonctionnalité côté serveur est effacée lorsque vous convertissez un site Web WordPress en site Web statique. Des éléments tels que les formulaires de contact, les bons de commande, les commentaires et les paniers ne fonctionneront pas.

Bien qu'il existe des solutions de contournement pour obtenir les fonctionnalités dont vous avez besoin, il est toujours important de considérer si vous avez vraiment besoin d'un site Web statique. C'est facile à créer, bien sûr, mais êtes-vous mieux avec un site Web WordPress fonctionnant sur un hébergement stellaire, par exemple?

Pourquoi ne pas essayer StaticPress2019 et nous dire ce que vous en pensez dans la section des commentaires? Bonne création et restez en sécurité!