🤲 👩🏽‍⚖️ ☝🏽 Ce qu'un développeur Web doit se rappeler de faire SEO-Feng Shui 🐴 👐🏾 🗳️

Aujourd'hui, il est très difficile de rester un seul spécialiste de l'industrie. Et souvent, en créant un nouveau site ou en apportant diverses modifications, vous pouvez prendre soin à l'avance des principales choses qui vous aideront à tout faire immédiatement proprement et magnifiquement, non seulement en termes de programmation, mais également en termes de référencement.

Alors, que devez-vous retenir pour faire le travail efficacement, et les spécialistes du référencement étaient satisfaits de votre travail?

Nous améliorons les connaissances générales

Tout d'abord, vous devriez peut-être resserrer vos propres connaissances en SEO (et peut-être en publicité contextuelle). De telles choses dans le domaine du marketing Internet ne feront jamais de mal, et elles vous donneront l'avantage de tout faire consciemment, et pas seulement «comme il est écrit dans les TdR». Il est également utile pour l'auto-test. Il s'agit du plan général sur lequel les points restants sont superposés.

Fermer les liens d'indexation

Si vous travaillez avec des audits SEO, vous savez probablement ce que sont les liens externes, les liens circulaires et les nœuds pendants.

Dans le cas général: les liens externes sont ceux qui mènent vers d'autres sites et il s'avère que vos visiteurs seront emmenés vers un autre endroit; liens cycliques - se comportent sur eux-mêmes (également mauvais); nœuds pendants - par exemple, des liens pour télécharger des documents qui ne mènent pas à d'autres pages. Nous ajoutons l'attribut "rel =" nofollow "" à tous ces liens, ce qui permettra aux robots de recherche de comprendre que vous n'avez pas besoin de suivre ce lien et qu'il ne doit pas être pris en compte. De cette façon, nous économisons le poids de la page. Il est préférable d'ajouter target = "_ blank" aux liens externes. De cette façon, votre site restera ouvert à l'utilisateur et les chances de retour seront plus grandes.

Un exemple courant de références circulaires est un menu, un logo, un fil d'Ariane. Dans ces éléments typiques, les liens vers la page en cours sont souvent masqués, et il est important de se rappeler de les fermer immédiatement de l'indexation (masquer aux robots).

Les liens externes les plus courants sont un lien vers le développeur du site au sous-sol, des liens vers les réseaux sociaux, les sources d'actualités, les clients de l'entreprise, les téléphones, les e-mails, etc.

Miroirs à colle

En parlant de réduction des doublons, on ne peut s'empêcher de rappeler des miroirs collants. Cela signifie que vos pages ne doivent être accessibles qu'à une seule adresse. Bien que le vôtre soit disponible par:

Autrement dit, il existe trois principaux types de miroirs: le protocole (http / https), la présence d'une barre oblique à la fin des pages et la présence des trois lettres «www» convoitées.

Lorsque vous utilisez des redirections - il est important de se rappeler que pour le collage, il devrait être par défaut 301 (redirection permanente), et non 302 (redirection temporaire).

Si vous disposez en règle générale de tri \ filtres \ pagination via les paramètres GET, cela crée également un double pour le moteur de recherche. Par conséquent, il est préférable de raccrocher le collage sur ces pages. Pour cela, un lien spécial <link href = "lien vers la page principale" rel = "canonical"> est ajouté à <head>. Un tel lien indique au robot que cette page n'est pas la principale, mais la principale est située à l'adresse dans l'attribut href. Cela éliminera généralement de nombreuses prises de vos pages.

Définissez les balises META et le micro-balisage corrects

Non moins important lors du développement de balises META pour les pages. Les propriétés de titre et de description doivent être renseignées au moins sur les pages principales (principales, concernant l'entreprise, les contacts, le catalogue, les services), il est préférable de respecter les règles de formation des balises META dans les catégories, les marchandises ou les actualités ajoutées ultérieurement. Vous pouvez prendre un titre comme titre et ajouter des informations générales au titre dans le style de <meta name = "description" content = "Votre description en tant que description. Plus d'informations sur site.ru ”>.

Dans un monde idéal, vous pouvez immédiatement introduire le micro-marquage. Eh bien, au moins Open Graph. Plus loin, plus cet élément se produit souvent dans divers audits de mise en œuvre, il est généralement effectué rapidement et simplement, mais il peut donner une valeur décente en termes d'affichage du site et de son attrait pour les clients. Vous pouvez lire sur le micro-marquage ici .

Nous créons également des robots.txt standard. Habituellement, sur Internet, vous pouvez en trouver un pour le CMS que vous utilisez - il est différent pour tout le monde. De nombreux CMS ont un générateur automatique ou des plug-ins qui prendront en charge cet élément.

Nous optimisons la vitesse de chargement du site

L'un des principaux facteurs d'attractivité d'un site pour un utilisateur est sa vitesse de téléchargement. Cela est compréhensible - attendre 2 minutes de chargement de page était normal dans les années 2000, mais aujourd'hui, la vitesse de consommation d'informations est plusieurs fois plus élevée, ainsi que les besoins de l'utilisateur. Si vous devez regarder le préchargeur pendant plus de 5 secondes, il commence à ennuyer. Souvent, en matière de vitesse de chargement, les spécialistes du référencement sont guidés par l'outil Google PageSpeed Insights .

L'objectif principal de cet audit est l'optimisation de l'image. Désormais, il est tout simplement indécent de télécharger d’énormes photos sans les traiter ni les compresser. Si votre image pèse 2 à 3 mégaoctets, cela signifie généralement que votre page se chargera beaucoup plus longtemps qu'elle ne le pourrait et que vous ne vous souciez pas de votre produit. Cet élément enlèvera immédiatement de votre page environ 40 points (si tout est complètement mauvais) dans les mêmes PageSpeed Insights.

Le service propose également de déplacer Javascips vers le bas de la page, car leur téléchargement empêche le chargement du contenu affiché, ainsi que l'utilisation de la compression de fichiers et du cache du navigateur. Pour cela, des modules serveur sont utilisés, accessibles via la directive .htaccess. Vous pouvez vous pré-préparer des règles suffisamment universelles, avec un terme de mise en cache et de compression, afin de pouvoir les insérer plus tard dans le projet.

Cela ressemble à ceci:

<IfModule mod_expires.c> ExpiresActive on ExpiresDefault "access plus 6 hour" ExpiresByType image/jpeg "access plus 7 day" ExpiresByType image/gif "access plus 7 day" ExpiresByType image/png "access plus 7 day" ExpiresByType image/x-icon "access plus 7 day" ExpiresByType text/css "access plus 6 hour" ExpiresByType application/javascript "access plus 6 hour" ExpiresByType application/x-javascript "access plus 6 hour" ExpiresByType application/x-shockwave-flash "access plus 6 hour" </IfModule> <IfModule mod_deflate.c> <filesMatch "\.(js|css|html|php|jpg|jpeg|png|gif|svg)$"> SetOutputFilter DEFLATE </filesMatch> </IfModule>

Le problème de la mise en cache et de la compression inclut également la connexion minimale de fichiers tiers. Si le site à partir duquel nous les connectons cesse de fonctionner, nous ne le remarquerons peut-être pas à temps. De plus, nous ne minimisons pas la ressource externe, ne compressons pas et ne mettons pas en cache (il s'agit également d'une ressource externe). C'est pourquoi il est recommandé de télécharger des polices et de connecter des scripts (comme jquery) à partir de notre serveur.

Créer une page pour les erreurs 404

Toutes les pages inexistantes doivent renvoyer un code de réponse 404. Beaucoup de gens l'oublient, mais il est recommandé que vous ayez des éléments de navigation communs (en-tête / menu) sur cette page afin que l'utilisateur puisse accéder à la page qui l'intéresse, et quelques liens - généralement vers les pages principale et précédente. . Il est important que l'utilisateur comprenne qu'il était sur une page inexistante, mais qu'il n'a pas été dérangé et a quitté votre site.

N'oubliez pas la version adaptative / mobile

Chaque jour, de plus en plus d'informations sont recherchées sur les appareils mobiles. Par conséquent, si vous apportez des modifications affectant l'apparence du site sur le bureau, vous n'avez pas besoin d'être trop paresseux et de vérifier que rien ne se produira dans l'adaptatif. S'il n'y a pas de version mobile, il est bon de mettre tout au moins dans un aspect en caoutchouc non irritant afin que le site n'ait pas à tourner constamment à gauche / à droite lors de la visualisation à partir d'un téléphone. De plus, la présence d'une version mobile augmente votre position dans les résultats de recherche.

Nous fermons l'environnement de développement de l'indexation

Si vous développez un nouveau site ou travaillez sur un sous-domaine, vous devez le fermer pour l'indexation afin de ne pas tomber dans l'affiliation (plusieurs sites identiques à partir desquels le système déterminera le principal, et seul tout ira bien). Cela se fait généralement via un fichier robots.txt spécial, dans lequel toutes les informations sont fermées à tous les robots.

À ce stade, la chose la plus importante est de ne pas oublier de supprimer ce fichier plus tard, sinon le robot de recherche ne connaîtra pas votre nouveau site et le client sera certainement très mécontent.

Cerise sur le gâteau (pages de pagination)

Pour ceux qui veulent se démarquer particulièrement et les perfectionnistes - nous travaillons à travers les pages de pagination pagination. La liste des actions est assez simple:

Nous collons la balise canonique avec la page principale (<link href = ”lien vers la page principale” rel = ”canonical”>).
Ajoutez des balises META spéciales à <head> qui indiquent au robot où se trouvent les pages précédente et suivante. Pour ce faire, utilisez l '<link href = ”adresse de la page suivante” rel = ”next”> (sur toutes les pages sauf la dernière) et <link href = ”l'adresse de la page précédente” rel = ”prev”> (sur toutes les pages sauf la première ) De plus, si nous sommes sur la deuxième page, les paramètres de pagination ne doivent pas être ajoutés à la première.
Sur toutes les pages sauf la première, ajoutez la signature «- page N» aux balises <title>, <description>, <h1> (où N est le numéro de page). Cela nous aidera à éviter toute une série de duplication de contenu.

Commenter correctement

Souvent, le client décide de supprimer une bannière ou tout simplement un bloc qui ne peut pas encore être rempli. Mais après six mois, voire un an, «miraculeusement» se souvient de lui et demande à être renvoyé. Comment l'obtenir est votre problème. Par conséquent, si vous devez masquer certaines choses qui pourraient être nécessaires ultérieurement, il est préférable de les commenter ou de faire une copie du fichier. De plus, le commentaire ne doit pas être de la forme <! ----->, c'est-à-dire html ordinaire. Un tel commentaire sera affiché dans le code de la page, il sera vu par le moteur de recherche et très probablement il sera considéré comme du code poubelle. De plus, cela augmente la quantité de code html chargé. Par conséquent, il est préférable d'envelopper ce commentaire par exemple dans un commentaire php. Et n'oubliez pas de signer de quoi il s'agit! Car ce n'est pas un fait que vous vous en souviendrez dans un an.

Liste de contrôle finale

Total Nous pouvons faire une liste de contrôle approximative pour un être cher:

Nous fermons les liens cycliques (menu, logo, fil d'Ariane), les liens externes (réseaux sociaux, sources, clients, téléphones, mails) et les nœuds suspendus (documents à télécharger)
Miroirs de colle (www, http, /), ainsi que des pages avec des paramètres GET (filtres, tri)
Vérifiez que toutes les redirections sur le site sont 301
Définir des règles pour les balises META
Micro-taille en tailles max
Nous optimisons la vitesse de chargement du site (compression des ressources, cache du navigateur, optimisation d'image, versions minifiées des scripts et des styles, scripts en bas de page)
N'oubliez pas de vérifier la version mobile
Nous fermons l'environnement de développement de l'indexation
Nous optimisons les pages de pagination des pages pour les moteurs de recherche
Nous commentons le code non pas au format html, mais en php ou sauvegarde séparément
N'oubliez pas de créer une page d'erreur 404

Ce sont peut-être les principaux points à garder à l'esprit lors du développement / de l'optimisation d'un site afin de connaître le zen de la promotion de la recherche (enfin, combien cela peut-il être fait par le développeur).

Ce qu'un développeur Web doit se rappeler de faire SEO-Feng Shui