Optimisation WordPress. Charge du serveur et comment la réduire. Optimisation du thème WordPress (template) pour réduire sa charge sur le serveur d'hébergement, le plugin WP Tuner et le nombre de requêtes à la base de données. À propos de l'enregistrement forcé

Vous savez probablement déjà que pour promouvoir un site Web en moteurs de recherche, le site doit être optimisé. Dans cet article, je vais expliquer comment réaliser vous-même l’optimisation SEO de base d’un site Web. Il est important de comprendre que cet exemple d'optimisation n'est qu'un exemple basique. Très souvent, vous devez examiner le site en détail et procéder à une optimisation individuelle, car certaines choses dépendent de la manière dont le site est construit. Allons-y!

Optimisation du modèle WordPress

Nous effectuerons une optimisation SEO de base du modèle de votre site Web.

Nous ferons tout nous-mêmes et en une seule journée

Bases du référencement Optimisation WordPress Le modèle vise à garantir qu'il n'y a pas de textes inutiles et indésirables dans les balises d'en-tête H1-h6. Cela se produit généralement lorsque le modèle est acheté prêt à l'emploi, par exemple dans la boutique Templateonster. Le fait est peut-être que les développeurs de modèles ne sont pas familiers avec le référencement - c'est tout à fait normal. Par conséquent, la première chose à faire est d’optimiser vos balises de titre.

Les sites WordPress sont basés sur des modèles, la première chose que vous devez faire est donc d'optimiser le modèle. Chaque page du site doit contenir une balise

, qui est généralement le titre de la page. Il est également recommandé d'avoir du texte dans les balises de la page

,

,

,

,
. Il est donc nécessaire d’utiliser ces balises dans les modèles WordPress et dans les textes des pages.

Optimisation du modèle header.php

Le modèle header.php contient généralement le nom du site, qui est le titre de la page principale. Le titre du site sur la page principale doit être entouré de balises

, comme ça:

Ainsi, sur la page principale le titre du site sera encadré de balises

, et sur toutes les autres pages, le titre sera sous la forme d'un lien vers la page principale.

Optimisation du modèle index.php

Si la page principale de votre site affiche les derniers articles, nous vous recommandons de placer les titres des articles dans des balises.

.

" titre="(!LANG :" rel="bookmark">!}

Optimisation des modèles singe.php et page.php

Les titres des articles et des pages individuels doivent également être entourés de balises

Si ces modèles contiennent des blocs supplémentaires avec des titres, par exemple un bloc avec des publications similaires, ils sont généralement entourés de balises.

ou

.

Optimisation du modèle sidebar.php

Le modèle sidebar.php héberge généralement divers widgets, qui ont également des en-têtes. Vous pouvez envelopper ces en-têtes dans des balises

ou

ou régulier
avec les styles requis.

Optimiser les pages et les publications sur un site WordPress

Toutes les pages et tous les articles sont également requis optimiser sur le site WordPress. N’abordons pas maintenant le sujet de l’optimisation des textes SEO. Mais nous vous recommandons d'utiliser des textes structurés utilisant des titres sur les pages du site Web.

, balises Et . Rappelons que l'étiquette

ne doit apparaître qu’une seule fois sur une page, il n’est donc pas recommandé de l’utiliser dans le contenu principal de la page.

Aussi, pour chaque page du site il est nécessaire d'écrire des balises méta , <description>Et <keywords>. Parfait pour cette tâche, avec lequel vous pouvez écrire <title>, <description>Et <keywords>pour chaque page.</p> <h2>En conclusion, à propos de l'optimisation du site Web avant la promotion</h2> <p>Nous n'avons décrit que quelques-unes des bases de l'optimisation d'un site Web WordPress ; en fait, vous pouvez écrire beaucoup sur l'optimisation de sites Web. De plus, lors de l’optimisation et de la promotion d’un site WordPress, essayez d’éviter</p> <p>Saviez-vous que 40 % des utilisateurs quittent des sites Web mal conçus ? Pourquoi perdre du profit ? Choisissez et installez-en un dès maintenant <b>44 000 modèles de sites Web premium.</b> Le choix idéal pour votre entreprise!</p> <p>Modèles WordPress optimisés pour une vitesse de site élevée, l'un des aspects courants et les plus importants de WordPress. Personne n’aime les sites Web lents. Un site qui se charge lentement et exécute les tâches lentement entraîne une mauvaise expérience utilisateur. La prochaine fois, les visiteurs ne seront peut-être pas prêts à visiter à nouveau votre site simplement parce que cela prend trop de temps.</p><p>Cette semaine, nous avons mis à jour notre sélection de modèles rapides. Pour ce faire, nous avons testé des modèles WordPress – connus et nouveaux – afin de déterminer lequel était le plus rapide à charger. Nous avons exclu les thèmes WordPress qui n'étaient pas riches en fonctionnalités et testé uniquement ceux qui possèdent les fonctionnalités les plus couramment utilisées telles que le contenu de la barre latérale et les liens sociaux. réseaux, pages personnalisées, widgets, fonction de recherche, commentaires, messages, etc. Nos tests ont été réalisés principalement à l'aide de deux outils disponibles sur Internet.</p><p>Page Speed ​​​​​​Insights mesure les performances des pages sur les appareils mobiles et de bureau. Le score varie de 0 à 100 points. Un score élevé, un score de 85 ou plus, signifie que la page fonctionne bien.</p><p>Pingdom est un outil Web facile à utiliser qui examine toutes les parties d'une page Web, y compris la taille des fichiers, les temps de chargement, HTML, JavaScript, CSS et autres fichiers associés à la page Web. La notation se fait sur une échelle de 0 à 100 points, le plus élevé étant le mieux.</p><h2><span>Modèles WordPress optimisés pour la haute vitesse</span></h2><p>Ainsi, sur la base des meilleures notes, nous avons dressé une liste de thèmes WordPress optimisés (dans un ordre aléatoire).</p><h3><span>KANTER – Modèle WordPress optimisé pour le référencement avec un code propre</span></h3><p>Destiné aux utilisations créatives et commerciales, ce modèle est optimisé à la fois pour le référencement et la vitesse. Ceci n’est en principe pas surprenant, car ces deux types d’optimisation sont généralement étroitement liés l’un à l’autre. En pratique, cela signifie qu'en créant un site Web basé sur un tel modèle, vous pouvez compter avec plus de confiance sur un résultat positif dans le processus de promotion. En accordant une attention particulière au contenu, des centaines et des milliers de clients potentiels en apprendront davantage sur vous. Le site Web haut débit et optimisé pour les mobiles que vous obtenez avec ce modèle sera promu par Google lui-même, car il considère ces deux critères comme les plus importants. Votre site apparaîtra facilement sur les premières lignes de résultats de recherche pour les requêtes clés qui vous intéressent !</p><p>Savez-vous en quoi les autres modèles WordPress optimisés de KANTER diffèrent ? Premièrement, tous ne disposent pas de plusieurs options de conception de sites Web toutes faites. Deuxièmement, le design de tout le monde n’est pas aussi épuré et professionnel que dans ce thème. Son champ d'application est large. Il peut être utilisé par les indépendants, les photographes, les designers, les développeurs Web, ainsi que les entreprises et cabinets travaillant dans divers domaines. En plus de la page principale, il y a des pages « À propos de nous », « Prix », « Services » et « Boutique », des pages de portfolio, un blog et des informations de contact.</p><p>Le modèle KANTER sera l'une des meilleures options pour votre site Web, ce qui coûtera très peu cher. Cette solution ne vous décevra pas !</p><h3><span>Virtua – Modèles WordPress optimisés pour les entreprises</span></h3><p>Ce thème convient à diverses options et domaines d'application, notamment pour une société informatique et une entreprise fournissant des services externalisés. Il a un très beau design qui vise à attirer des clients potentiels en toute confiance. Pour ce faire, il utilise pas mal de composants web avec un call to action.</p><p>Le thème a un menu classique, qui comprend une page d'accueil, À propos de nous, les prix, les services, les informations de contact, la foire aux questions et un blog. Vous trouverez ci-dessous un curseur classique avec un bouton élégant pour un aperçu détaillé des activités de l'entreprise. Pour être convaincant, le modèle utilise un bloc avec des avis qui peuvent être commutés facilement et rapidement à l'aide de boutons. Il existe également un bloc spécial pour placer les logos des entreprises avec lesquelles vous coopérez. Encore plus bas se trouve un bloc avec les actualités de l'entreprise et celles liées à votre domaine d'activité. Le pied de page peut à nouveau inclure brièvement les informations de votre entreprise, les heures d'ouverture et les boutons de réseaux sociaux, notamment Facebook, Twitter, LinkedIn et YouTube.</p><p>Le modèle sera une excellente solution pour toute entreprise qui ne vous décevra certainement pas !</p><h3><span>QHub – modèles WordPress haut de gamme pour bureau ou entreprise informatique</span></h3><p>Les modèles WordPress optimisés comme QHub sont généralement optimisés sous tous les aspects : vitesse, optimisation du référencement et réactivité mobile. Ce modèle particulier a un design lumineux et coloré et une structure bien pensée. Sur <a href="https://olegshein.ru/fr/error-itunes/ne-poluchaetsya-sdelat-yandeks-startovoi-stranicei-kak-sdelat/">page d'accueil</a> Un menu pratique et un curseur inhabituel attirent immédiatement votre attention, ce qui contribuera à attirer l'attention des visiteurs et des clients potentiels dès les premières secondes. De plus, le modèle fournit des blocs sympas pour présenter les services, les prix des services, les avis de vrais clients et une galerie de photos de votre entreprise. Un calendrier est disponible pour la réservation (par exemple, si vous avez votre propre bureau à louer ou une communauté de Coworking) ou d'autres tâches.</p><p>Les coordonnées sont joliment placées tout en bas du site. Il existe un formulaire de contact pour une communication rapide. Le pied de page contient également un formulaire d'inscription à la newsletter et une liste des événements à venir. Excellente intégration avec les réseaux sociaux grâce aux icônes de réseaux sociaux avec des liens vers des profils (Facebook, Twitter, Google Plus, LinkedIn, etc.). Tout cela vous aidera à atteindre en toute confiance de nouveaux sommets en affaires !</p><h3><span>15Zine – Modèles WordPress optimisés pour magazines/journaux très appréciés</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-03.jpg' align="center" width="100%" loading=lazy loading=lazy><br><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-03.jpg' align="center" width="100%" loading=lazy loading=lazy></p><p>Le thème est entièrement réactif et fonctionne avec les appareils mobiles, y compris les écrans Retina. Options de conception claires et sombres. Dans le méga menu Ajax, vous pouvez utiliser des caractères spéciaux pour indiquer les entrées les plus populaires et les plus pertinentes. Défilement et chargement infinis du contenu.</p><h3><span>Consulting – un modèle commercial intelligent pour le secteur financier</span></h3><p><img src='https://i1.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-05.jpg' align="center" width="100%" loading=lazy loading=lazy></p><p>Désormais, vous n'avez plus besoin de créer un site Web à partir de zéro ou de le commander auprès d'un concepteur Web, car ce thème prend en charge 18 mises en page de démonstration pour une installation rapide. Diverses options de couleurs. Modèles de pages prêts à l'emploi pour la présentation des services. Vous pouvez placer une carte Google au-dessus du pied de page et indiquer l'emplacement de votre entreprise, et dans le pied de page indiquer l'adresse et les coordonnées.</p><p>Le modèle a un design réactif et assure un superbe affichage du site sur les écrans Retina.</p><h3><span>BuzzBlog – Thème de blog personnel propre pour un chargement rapide</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-01.jpg' align="center" width="100%" loading=lazy loading=lazy><br><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-01.jpg' align="center" width="100%" loading=lazy loading=lazy></p><p>En plus de la haute vitesse, ce thème est livré avec 60 mises en page de page d'accueil, 12 mises en page de blog, cinq mises en page d'en-tête, quatre mises en page de publication et des galeries intégrées avec un nombre personnalisable de colonnes et une lightbox.</p><p>Vous pouvez ajouter des entrées dans n'importe quel format à votre blog. Différents styles CSS pour un design unique. Prend en charge les boutons de réseaux sociaux et le flux Instagram pleine largeur.</p><h3><span>SmartMag est un thème de magazine réactif prenant en charge les appareils Retina</span></h3><p><img src='https://i2.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-02.jpg' align="center" width="100%" loading=lazy loading=lazy></p><p>En plus du magazine, le modèle convient à un site média, un site de critiques et un blog. À l’aide du générateur glisser-déposer, vous pouvez facilement créer un design unique pour votre site Web page par page. Les extraits enrichis et le code HTML5 garantiront un classement élevé à votre site dans les résultats de recherche.</p><p>Navigation pratique avec méga menu et prise en charge du menu mobile. Diverses options de conception pour les pages de magazines. Prise en charge des plugins du forum bbPress et de la boutique WooCommerce.</p><h3><span>Jarida – un thème universel adapté pour un site d'actualité, un magazine et un blog</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-04.jpg' align="center" width="100%" loading=lazy loading=lazy></p><p>Un design épuré, une mise en page réactive, une optimisation pour les écrans Retina - tout cela fait du thème Jarida la meilleure option pour votre site Web. Le panneau de configuration vous permet de tout personnaliser, de la couleur et de l'arrière-plan aux curseurs et barres latérales. 33 widgets, y compris pour les compteurs d'abonnés dans tous les réseaux sociaux.</p><p>Huit modèles de pages prêts à l'emploi. Système d'évaluation intégré et support en magasin. Optimisation du classement de recherche.</p><h3><span>Flare – modèle d'entreprise et de portefeuille avec une mise en page réactive</span></h3><p><img src='https://i2.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-06.jpg' align="center" width="100%" loading=lazy loading=lazy></p><p>Un thème simple avec une personnalisation flexible vous aidera à créer rapidement un site Web d'entreprise, un portfolio et même un blog. Le générateur de shortcode prend en charge plus de 60 shortcodes pour divers objets. 10 widgets personnalisés.</p><p>Pour démontrer votre travail, il existe des types de publications personnalisables avec un tri pratique par catégories et balises. Le blog prend en charge plusieurs modèles prêts à l'emploi. Toutes les pages peuvent être protégées par un mot de passe. Vous pouvez ajouter ou masquer un formulaire de recherche et une barre supérieure coulissante.</p><h3><span>Braxton – Thème de magazine WordPress premium</span></h3><p><img src='https://i1.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress2.jpg' width="100%" loading=lazy loading=lazy></p><h3><span>Taskrr – Modèles WordPress optimisés</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress3.jpg' width="100%" loading=lazy loading=lazy></p><h3><span>Thème Nexus Magazine – modèles WordPress optimisés</span></h3><p><img src='https://i2.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress4.jpg' width="100%" loading=lazy loading=lazy></p><h3><span>Schéma – modèles WordPress optimisés</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress5.jpg' width="100%" loading=lazy loading=lazy><br><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress5.jpg' width="100%" loading=lazy loading=lazy></p><h3><span>Genesis Framework – modèles WordPress optimisés</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress6.jpg' width="100%" loading=lazy loading=lazy></p><h3><span>AppTheme – modèles WordPress optimisés</span></h3><p><img src='https://i1.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress7.jpg' width="100%" loading=lazy loading=lazy></p> <p>Bonjour à tous, dernièrement, il y a eu de nombreux endroits sur Internet où vous pouvez acheter des modèles WordPress gratuits. Non seulement de nombreux webmasters débutants les utilisent, mais même les plus expérimentés utilisent ces modèles. Pour être honnête, il n'y a rien de mal à cela, car ils sont faciles à installer et prescrivent eux-mêmes les paramètres nécessaires. Au fil du temps, lorsque la ressource Internet atteint le niveau de bons revenus, la question se pose de l'optimisation du template.</p> <p>L'expression « optimisation du modèle » signifie principalement l'adapter pour le référencement, pour travailler avec les visiteurs et accélérer le chargement. Les instructions suivantes sont publiées, qui ne prétendent pas être un guide étape par étape obligatoire, mais contiennent les conditions qu'il est recommandé de suivre pour obtenir des résultats optimaux.</p> <p><b>Optimisation des modèles WordPress</b></p> <p><b>Compatibilité entre navigateurs.</b><b><i> </i> </b> Tout le monde ne comprend pas ce mot, mais il fait référence à l'affichage correct des (thèmes) WordPress dans différents navigateurs (plus récemment Yandex, ainsi que Mozilla FireFox, Opera, Google Chrome). Selon l'environnement, certains éléments de conception dans lesquels nous l'ouvrons peuvent soit changer d'apparence, d'emplacement, soit disparaître complètement.</p> <p>La vérification se fait manuellement ou vous pouvez utiliser un bon service « », qui vous permet de voir le site non seulement via n'importe quel navigateur, mais également via le système d'exploitation (Mac, Linux ou Windows).</p> <p><img src='https://i1.wp.com/pressdev.ru/wp-content/uploads/2013/05/proverka-krossbrauzernosti.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Si l'affichage n'est pas comme il se doit, vous devez alors commencer à optimiser le modèle sur WordPress afin de ne pas perdre les visiteurs mêmes qui utilisent cet explorateur particulier dans lequel vous avez rencontré des problèmes.</p> <p><b>Version mobile du site.</b> Jour après jour, le nombre de internautes augmente à un rythme rapide, une partie de cette audience vient peut-être de là-bas, ce qui signifie qu'il ne faut pas les négliger.</p> <p><b>Bonne structure.</b> Une fois le modèle modifié, vous devez modifier la structure d'affichage des articles, à savoir le schéma des balises de publication et la page principale. En règle générale, ce point concerne davantage l’optimisation des moteurs de recherche d’un modèle WordPress. Dans la structure du thème, il convient de vérifier le schéma d'affichage des balises principales.</p> <p><img src='https://i2.wp.com/pressdev.ru/wp-content/uploads/2013/05/optimizaciya-shablonov-wordpress-300x139.jpg' align="center" height="139" width="300" loading=lazy loading=lazy></p> <p>Si cela ne fonctionne pas comme prévu, je vous conseille de le réparer dès que possible. Sinon, cela peut entraîner une forte diminution des positions, une baisse du trafic, etc.</p> <p><b>Tampon de sortie.</b> Lors de l'ouverture d'une page aux utilisateurs, les éléments de conception sont chargés en premier, un à un, suivis des différents en-têtes et enfin du contenu. La vitesse du site dépendra non seulement de la vitesse de la connexion Internet, de l'hébergement et du moteur, mais également du degré d'optimisation du modèle WordPress. Pour modifier cet ordre, nous attribuerons le même ordre qui commence par le contenu et le fichier CSS. Nous utiliserons une fonction spéciale que nous plaçons après la balise fermante</head> dans le fichier header.php. C'est ici:</p> <p>Il n'est pas nécessaire de faire une copie de sauvegarde avant d'apporter des modifications.</p> <p><b>Optimisation des fichiers.</b> Les fichiers Javascript et CSS ont leur place dans absolument n’importe quel thème ou modèle WordPress. Afin de supprimer une charge supplémentaire et d'accélérer le chargement, ces fichiers doivent être optimisés. Il existe différents outils en ligne, mais l'inconvénient est que la plupart d'entre eux sont en anglais, parmi lesquels . N'oubliez pas.</p> <p>Vous devez également éviter de placer JavaScript directement dans le texte lui-même. Tout cela entraînera non seulement des lenteurs, mais aussi l'émergence de certains soupçons de la part du moteur de recherche Yandex, puisqu'il les considérera comme une sorte de virus.</p> <p><b>Compression d'images.</b> Lors de la création d'un modèle ou d'un thème, un grand nombre d'images sont utilisées, situées dans un dossier spécial « images ». Ils sont presque toujours les premiers à se charger, il faut donc leur appliquer une compression. Concentrez-vous sur le fait qu'avant de publier un article, vous devez contacter tout le monde.</p> <p>Il y a plusieurs règles à respecter.</p> <ul><li>Premièrement, n’utilisez pas de photos dont la largeur est supérieure à la taille du contenu lui-même.</li> <li>Deuxièmement, leur poids doit être minime et mesuré NON en mégaoctets, mais en kilo-octets ou en octets.</li> <li>Troisièmement, l'extension du fichier doit de préférence être « gif » ou « png ».</li> <li>Quatrièmement, exécutez la photo via le logiciel spécialement conçu « Smush.it » avant de la publier.</li> </ul><p><img src='https://i0.wp.com/pressdev.ru/wp-content/uploads/2013/05/optimizaciya-shablonov-wordpress_1-300x188.jpg' align="center" height="188" width="300" loading=lazy loading=lazy></p> <p>Cliquez simplement sur les onglets « Sélectionner les fichiers et Smush » et « Téléchargeur », sélectionnez l'image souhaitée et cliquez sur « Ouvrir ». Ensuite, téléchargez-le et publiez-le.</p> <p>Vous pouvez également utiliser le plugin « Wp-Smush.it », qui se compressera automatiquement.</p> <p>En principe, tout, j'espère avoir expliqué clairement et clairement comment <b>optimiser le modèle WordPress</b> et vous n'aurez aucune question à ce sujet. Merci de votre attention !</p> <p>Vous pouvez maintenant explorer le modèle (situé dans /wp-content/themes/template_name/).</p> <p>Essayons de supprimer les requêtes inutiles dans la base de données lors du chargement des pages de votre blog. Le fait est que les développeurs du thème de conception pour WordPress le rendent universel et adapté, bien sûr, à n'importe quel blog, à condition que ce blog fonctionne sur le moteur WordPress. Ainsi, par exemple, afin d'afficher le nom du blog dans l'en-tête (la partie supérieure du modèle de page) sur les pages de votre blog, vous devez écrire du code en PHP dans le fichier header.php de votre thème qui demandera ce nom à la base de données puis l'insérera dans les pages de codes.</p> <p>Pour cela, téléchargez l'éditeur <b>Bloc-notes++</b>, puisqu'il faut travailler dans le format <b>UTF-8 sans nomenclature</b>!<br><b>Attention</b>: Modifiez les fichiers WordPress uniquement avec des éditeurs prenant en charge UTF-8 sans BOM !!! <br>Voici un code utile à insérer dans le modèle lors de l'optimisation (pour savoir combien de requêtes de base de données proviennent de la page) :</p> <blockquote> <p><?php echo get_num_queries (); ?>/<?php timer_stop (1);></p> </blockquote> <p>Voici un exemple de mon modèle : <br><b>Ouvrez le fichier header.php</b>.</p> <p>Entre guillemets, j'écrirai en rouge et vert. Le rouge est l’option initiale, le vert est ce qui doit être remplacé !</p> <p>Nous remplaçons la langue principale du site :</p> <blockquote> <p><html xmlns=”http://www.w3.org/1999/xhtml” <?php language_attributes (); ?>> </span><br><span><html xmlns=”http://www.w3.org/1999/xhtml” dir=”ltr” lang=”ru-RU”> </p> </blockquote> <p>Ligne de sélection de l'encodage des pages, modifier :</p> <blockquote> <p><meta http-equiv=”Content-Type” content=”<?php bloginfo (’html_type’); ?>; jeu de caractères =<?php bloginfo (’charset’); ?>” /> </span><br><span><meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8? /> </p> </blockquote> <p>Titre (Modifier <b>SEULEMENT</b> au cas où vous auriez un satellite ou GS configuré pour la morve, etc. donc toutes les pages auront le même titre) :</p> <blockquote> <p><title><?php bloginfo (’name’); ?> <?php if (is_single ()) { ?>» Archives du blog<?php } ?> <?php wp_title (); ?>
Entrez votre titre ici

Informations moteur :

” />

Styles (il peut y avoir plusieurs lignes de ce type) :

” type=”text/css” media=”écran” />

Flux RSS » href = »” />

” />

Menu : Eh bien, chacun a le sien, juste un conseil : si vous avez un menu supérieur clairement défini, alors modifiez-le, comme les lignes listées ci-dessus.

Si le nom du blog est exactement défini, alors modifiez :

/”>
Titre du blog

Si la description du blog est définie et que vous n'allez pas la modifier dans un avenir proche, alors :


Description de votre blog

Il semble que nous en ayons fini avec le fichier header.php. Ah oui, j'ai fait un peu plus simple : je suis allé sur mon site internet (alors que je n'avais encore rien optimisé dans le template), j'ai regardé le code source de cette page HTML, j'ai copié l'en-tête et je l'ai collé dans le header.php déposer. C'est sorti beaucoup plus vite

  • supprimer la ligne contenant des informations sur Numéro de version WordPress installé. Il ne transporte aucune charge utile, et en plus, il est dangereux, car Certaines options de piratage ne sont applicables qu'à certaines versions de WordPress, et à partir de cette ligne, il est très pratique de connaître la version actuelle de votre moteur. Cette ligne ressemble généralement à ceci :
  • remplacez l'URL avant l'icône favicon.ico par une URL statique. Vous ne savez pas à quoi sert l'icône appelée favicon.ico ? Il sera affiché par exemple dans les résultats de recherche à gauche du nom de votre site ou dans les navigateurs (dans la barre d'adresse ou avant le nom de la page dans les onglets) lors de l'ouverture des pages de votre blog. Pour mon blog, il s'agit d'une icône d'ampoule jaune. Si vous n'avez pas encore de favicon.ico, assurez-vous d'en créer un et d'écrire le chemin d'accès dans le fichier header.php. Cela donnera à votre blog personnalité et reconnaissance. Dans le fichier header.php d'origine, la ligne spécifiant le chemin vers favicon.ico pourrait ressembler à ceci :
  • remplacez l'URL précédente par une URL statique. Dans le code du fichier header.php voici la ligne :
    1 " />

Où trouvons-nous tous ces chemins statiques que nous devons écrire à la place du code PHP ? Il existe un moyen assez simple. Tout ce que vous avez à faire est d'ouvrir n'importe quelle page de votre blog dans votre navigateur et d'afficher son code source. Pour ce faire, faites un clic droit sur la page dans n'importe quel navigateur et sélectionnez quelque chose comme " Code source de la page" ou " Code source ", selon le navigateur dans lequel cette page est ouverte. Recherchez maintenant les lignes requises et copiez les chemins vers le fichier CSS, le flux, etc.

Le fait est que lors de la création d’une page, le code PHP est interprété en véritables URL statiques. Nous allons les copier un par un et les coller dans le fichier header.php au lieu des sections de code. Voici à quoi ressemblait le blog de code avant la conversion :

1 " />
2
3 /favicon.ico" />
4 " type="text/css" media="écran" />
2
3
1

Ils devront être remplacés respectivement par le nom et la description de votre blog. Si soudainement, après avoir enregistré le fichier header.php, du charabia apparaît à la place des lettres russes, ouvrez à nouveau le fichier pour le modifier dans Notepad++, sélectionnez « Encodage » - « Convertir en UTF-8 sans BOM » dans le menu supérieur, puis enregistrez à nouveau le fichier.

Si vous avez également une description de menu dans votre fichier header.php, vous pouvez y ajouter manuellement un lien vers la page principale. Dans l'original, cette ligne pourrait ressembler à ceci :

il faudra le remplacer par :

Passons maintenant au fichier footer.php, qui devrait également se trouver dans le dossier contenant votre thème à l'adresse /wp-content/themes/your_theme_name. Dans celui-ci, vous pouvez remplacer la ligne qui affiche des informations indiquant que tous les droits sont réservés, quelque chose comme ceci :

Outre le fait que dans ce cas ils suppriment requêtes inutiles à la base de données, ici un lien est également créé avec les mots-clés nécessaires, qui mènera à la page principale à partir de toutes les pages du blog (Optimisation interne du site). Eh bien, pour augmenter l'importance de ces mots-clés, ils sont enfermés dans une balise d'accentuation H3 (balises d'accentuation (H1 -H6, STRONG, EM) - nous améliorons l'optimisation interne du site).

Par exemple, dans mon footer.php, le menu supérieur est dupliqué et, par conséquent, tout comme dans le fichier header.php, j'ai remplacé la section de code qui décrit le lien vers la page principale par une URL statique.

Nous éditons les fichiers restants de la même manière que header.php...

Quelques conseils supplémentaires :
Vous disposez d'un satellite et vous n'avez pas besoin de commenter le site ? — Désactivez les commentaires dans le panneau d'administration et supprimez tout du fichier comments.php.
As-tu un satellite ? - cela signifie, de toute façon, que vous avez un nuage d'étiquettes - au lieu d'un plugin, enregistrez-le sous forme de code html et insérez-le dans la page.
Avez-vous un satellite et n'ajouterez-vous plus de nouvelles catégories ? – enregistrez-les également au format HTML et collez-les à la place du widget !
Dans le fichier single.php de nombreux modèles, le nom de l'actualité est un lien vers la même actualité. Pourquoi est-ce ? - Nettoyons ça ! Encore moins une demande !



Des questions ?

Signaler une faute de frappe

Texte qui sera envoyé à nos rédacteurs :