Optimisation technique du site Web - les actions les plus importantes

imprimer · Время на чтение: 8мин · par · Publié · Mis à jour

reproduireÉcouter l'article

Optimisation technique du site Web : exigences de base en matière de référencement.

Optimisation technique du site Web pour les moteurs de recherche. Le guide décrit les méthodes d'optimisation du site Web interne.
Optimisation technique — le réglage correct du site pour une interaction de la plus haute qualité avec les moteurs de recherche. Cela doit être fait immédiatement après l'installation du moteur et pendant le travail avec le remplissage initial du site avec du contenu. Maintenant, je vais vous dire quel aspects importants de l'optimisation besoin de faire attention et de faire en premier.

SEO technique versus SEO interne vs SEO externe

De nombreuses personnes divisent l'optimisation des moteurs de recherche (SEO) en trois blocs différents : le référencement sur la page, le référencement hors page et le référencement technique. Voyons rapidement ce que chacun d'eux signifie.

Optimisation SEO interne

SEO sur la page fait référence au contenu qui indique aux moteurs de recherche (et aux lecteurs !) De quoi parle votre page, y compris le texte alternatif de l'image, l'utilisation des mots clés, les méta descriptions, les balises H1, les noms d'URL et les liens internes. Vous avez un contrôle maximal sur le référencement sur la page car tout est sur votre site.

Optimisation SEO externe

Référencement externe indique aux moteurs de recherche la popularité et l'utilité de votre page grâce à la confiance, principalement des backlinks ou des liens d'autres sites vers le vôtre. La quantité et la qualité des backlinks augmentent le PageRank et le QI de la page. Toutes choses étant égales par ailleurs, une page avec 100 liens pertinents provenant de sites de confiance sera mieux classée qu'une page avec 50 liens pertinents provenant de sites de confiance (ou 100 liens non pertinents provenant de sites de confiance).

Optimisation SEO technique

Le référencement technique est également sous votre contrôle, mais il est un peu plus difficile à maîtriser car il est moins intuitif.

Structure correcte du site

Structuration du site.

Tout site doit avoir la structure la plus pratique. Comme les gens, les moteurs de recherche consultent un site Web et évaluent sa convivialité. Toute ressource Internet doit avoir une imbrication de pas plus de trois pages. Autrement dit, à partir de la page principale, en trois clics maximum, l'utilisateur devrait pouvoir accéder à n'importe quelle page.Les exemples les plus importants d'optimisation technique de site pour le meilleur classement dans les moteurs de recherche.
La structure la plus correcte et la plus simple pour un site d'information serait :

— Accueil — Catégorie — Matériel.
Les catégories définissent les sections. Si le site concerne diverses maladies, alors les catégories peuvent être : Cardiologie, Neurologie, Chirurgie...
Pour des projets plus complexes couvrant plus d'informations, la structure pourrait être :
— Principal — Catégorie — Sous-catégorie — Matériel.
Ainsi, la structure est élargie, mais reste claire et logique. Par exemple, sur ce site, la catégorie Cardiologie peut contenir des sous-sections Maladie cardiaque et Maladie vasculaire.
Il n'est pas interdit de publier du matériel lié à deux sections ou plus. Par exemple, un document sur l'hépatite peut être dans les catégories Hépatologie et Virologie en même temps. L'essentiel est d'observer la hiérarchie des matériaux.
La construction de la structure correcte est pensée au stade de la planification et de la collecte du noyau sémantique.

Lien de page correct

Corrigez les liens vers les pages internes.

Je prépare déjà un matériel plus approfondi sur les liens et je le publierai bientôt. Relinking - placer des liens dans le site pour faciliter la navigation des utilisateurs et transférer le poids des pages.
Pour voir un exemple de lien, ouvrez n'importe quel article de Wikipédia. Chacun contient de nombreux liens vers d'autres articles. Il y a même une blague selon laquelle à partir de n'importe quel article de Wikipedia en cinq clics, vous pouvez accéder à un article sur Hitler. Bien sûr, sur votre site, l'article ne doit pas contenir 20 liens vers d'autres documents, mais 2 à 4 liens sont nécessaires.

Une propriété importante des liens est le transfert de poids vers d'autres pages. Lorsque toutes les pages sont connectées les unes aux autres, le poids sera réparti uniformément et les positions globales augmenteront. Et lorsqu'une page spécifique est promue, le poids des autres matériaux lui est transféré. Pour clarifier les choses, supposons que vous souhaitiez promouvoir une page sur un site médical avec le service Pediatric Checkup. Pour ce faire, nous écrirons plusieurs articles sur les maladies infantiles dans le blog, et partout où nous mentionnerons la nécessité d'un examen par un pédiatre, nous mettrons des liens vers notre service.

Fil d'Ariane et convivialité

Les fils d'Ariane sur le site sont un élément de navigation utile.

Une bonne structure n'est rien si l'utilisateur ne peut pas la voir. Lors de la création d'un site, il est nécessaire de mettre son utilité pour l'utilisateur final et sa facilité d'utilisation au premier plan. Si un visiteur de votre site se perd et ne trouve pas de matériel plus intéressant pour lui-même, vous avez des problèmes de convivialité.

Fil d'Ariane et plan du site, peuvent être implémentés à l'aide de simples plugins ou en apportant des modifications dans le code si elles ne sont pas prévues par le template utilisé. Mais la convivialité devra fonctionner. Il est nécessaire de bien réfléchir au menu, de le rendre visuellement visible et pratique à utiliser. Réfléchissez à diverses petites choses, car même le bouton de page vers le haut habituel facilite grandement la vie de l'utilisateur, vous permettant d'accéder à l'en-tête en un clic et de ne pas faire défiler le matériel déjà lu avec une vidéo.

L'optimisation technique est principalement l'optimisation du code

Optimisation, compression et mise en cache de HTML, CSS, JS en PHP.

Optimisation du code du site Web pour obtenir le meilleur résultat. Compressez les images, css, js, html pour obtenir une meilleure vitesse avec le fichier .htaccess.
Aujourd'hui, les utilisateurs s'impatientent et si le site s'ouvre ne serait-ce qu'une seconde de plus que celui d'un concurrent, ils iront vers celui-ci. Les moteurs de recherche en sont également conscients, utilisant la vitesse de téléchargement comme l'un des facteurs de classement. Par conséquent, il est important de rendre le site aussi rapide que possible. Des images lourdes, un code de mise en page invalide, des réponses de serveur incorrectes n'y contribuent pas.
Je vais maintenant parler de l'optimisation du code en général, afin que vous ayez une première idée. Je préparerai également un matériel où je vous expliquerai en détail et ferai un guide étape par étape pour optimiser le code.

Ainsi, afin d'optimiser le code et de rendre le site le plus attractif pour les moteurs de recherche, nous devons :

Compressez les images, réduisez son poids, ce qui rendra le chargement plus rapide

Souvent, les webmasters inexpérimentés téléchargent des images haute résolution sur le serveur, qui sont ensuite compressées à l'aide de CSS pour l'affichage. Il est correct de télécharger des images dans la résolution dans laquelle elles seront affichées sur la page. Vous pouvez compresser manuellement les images en les réenregistrant dans Photoshop ou utiliser l'un des nombreux services capables de compresser les images. Utiliser le format d'image WebP est un nouveau format de fichier image à utiliser sur le Web. Lorsque vous utilisez le format d'image WebP, vos images seront 25 à 34 % plus petites que PNG et JPEG sans perte de qualité.

Optimiser html, js et css

Nous devons rendre le code de la page aussi simple que possible. En ce qui concerne le html, supprimez tous les commentaires de code, faites un saut de ligne normal. Pour les scripts js, placez-les après le contenu afin que des informations significatives apparaissent à l'écran avant le chargement des scripts. L'exception est le script et est nécessaire pour afficher le contenu. Il sera utile de mettre tous les scripts dans un seul fichier. CSS - utilisez des feuilles de style pour tout. Toute sortie devrait idéalement se produire via CSS et ne pas être chargée à chaque fois avec du code peu maniable.

La minimisation des ressources (HTML, wbr CSS et wbr JavaScript) est un aspect très important d'une optimisation réussie

La minification fait référence au processus de suppression des données inutiles ou redondantes sans affecter la façon dont la ressource est gérée par le navigateur - comme les commentaires et le formatage du code, la suppression du code inutilisé, l'utilisation de noms de variables et de fonctions plus courts, etc. Vous devez minifier vos ressources HTML, CSS et JavaScript :

  • Pour réduire le HTML, essayez HTMLMinifier
  • Pour minifier CSS, essayez CSSNano et csso .
  • Pour minifier JavaScript, essayez UglifyJS. Le compilateur de fermeture est également très efficace. Vous pouvez créer un processus de génération qui utilise ces outils pour réduire et renommer les fichiers de développement et les stocker dans le répertoire de production.

De plus, le module PageSpeed s'intègre au serveur Web Apache ou Nginx pour optimiser automatiquement votre site, y compris la minimisation des ressources.

Mettre en place les bonnes redirections

Il faut que toutes les pages répondent avec 200, et là où une redirection est nécessaire avec le transfert de poids de la page, par exemple, lors du changement de son adresse, un code 301 est donné pour le résoudre. Auditez régulièrement les redirections. Le traitement d'une redirection 301 prend quelques secondes. Multipliez cela par quelques pages ou niveaux de redirection et vous affecterez sérieusement la vitesse de votre site Web.

Tirez parti des plugins de mise en cache

Les plugins de mise en cache stockent une version statique de votre site à renvoyer aux utilisateurs récurrents, réduisant ainsi le temps de chargement du site lors des visites de retour.

Utiliser le chargement asynchrone (asynchrone)

Les scripts sont des instructions que les serveurs doivent lire avant de pouvoir traiter le code HTML ou le corps de votre page Web, ce que les visiteurs veulent voir sur votre site. En règle générale, les scripts sont placés sur un site Web (tel que votre script Google Tag Manager) où ils ont priorité sur le contenu du reste de la page. L'utilisation de code asynchrone signifie que le serveur peut traiter le HTML et le script en même temps, réduisant ainsi la latence et augmentant le temps de chargement des pages. Voici à quoi ressemble un script asynchrone : script async src="script.js"/script

Essayez de ne pas utiliser les anciennes versions des plugins

Les plugins obsolètes présentent souvent des failles de sécurité qui rendent votre site vulnérable aux attaquants qui peuvent endommager le classement de votre site. Assurez-vous de toujours utiliser les dernières versions des plugins et réduisez l'utilisation au strict nécessaire. Dans le même ordre d'idées, envisagez d'utiliser des thèmes personnalisés, car les thèmes de sites Web prédéfinis contiennent souvent beaucoup de code inutile.

Envisagez un réseau de distribution de contenu (CDN)

Les CDN sont des serveurs Web distribués qui stockent des copies de votre site Web dans divers emplacements géographiques et diffusent votre site en fonction de l'emplacement du robot d'exploration. Étant donné que les informations parcourent moins de distance entre les serveurs, votre site se charge plus rapidement pour le demandeur.

Optimisation technique du site Ce processus prend beaucoup de temps et nécessite des connaissances particulières. Mais en utilisant les recommandations et instructions généralement acceptées, même celui qui a téléchargé le moteur sur l'hébergement pour la première fois hier peut configurer le site.

Merci d'avoir lu Nicola Top

Quelle est l'utilité du poste ?

Cliquez sur le smiley pour noter !

note moyenne 4.9 / 5. Nombre de notes : 14

Il n'y a pas encore d'évaluations. Évaluez d'abord.

Vous aimerez aussi...

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

4 × un =