Maison > Tutoriel système > Linux > SEO front-end : explication détaillée

SEO front-end : explication détaillée

WBOY
Libérer: 2024-03-12 18:13:02
avant
769 Les gens l'ont consulté

SEO front-end : explication détaillée

1. Comment fonctionnent les moteurs de recherche

Lorsque nous saisissons des mots-clés dans la zone de saisie, cliquez sur Rechercher ou Requête, puis obtenez les résultats. En creusant l’histoire qui se cache derrière tout cela, les moteurs de recherche font beaucoup de choses.

Dans les sites Web des moteurs de recherche, tels que Baidu, il existe une très grande base de données en arrière-plan, qui stocke un grand nombre de mots-clés, et chaque mot-clé correspond à de nombreuses URL. Ces URL sont collectées par le programme Baidu à partir du vaste Internet. Après quelques téléchargements, ces programmes sont appelés « robots des moteurs de recherche » ou « robots d'exploration du Web ». Ces « araignées » qui travaillent dur explorent Internet chaque jour, d'un lien à un autre, téléchargent le contenu, l'analysent et l'affinent, et trouvent les mots-clés si « l'araignée » pense que le mot-clé n'est pas dans la base de données et qu'il l'est. pas utile à l'utilisateur, les utiles sont stockés dans la base de données. Au contraire, si « l'araignée » pense qu'il s'agit de spam ou d'informations en double, elle les supprimera et continuera à explorer pour trouver les informations les plus récentes et utiles et les enregistrera pour que les utilisateurs puissent les rechercher. Lorsqu'un utilisateur effectue une recherche, les URL liées au mot-clé peuvent être récupérées et affichées au visiteur.

Un mot-clé correspond à plusieurs URL, il y a donc un problème de tri. En conséquence, l'URL qui correspond le mieux au mot-clé sera classée en premier. Dans le processus par lequel les « araignées » explorent le contenu Web et affinent les mots-clés, il y a un problème : si les « araignées » peuvent le comprendre. Si le contenu du site est en flash et js, il sera incompréhensible et déroutant, même si les mots-clés sont appropriés, cela ne servira à rien. En conséquence, si le contenu du site Web est sa langue, alors il peut le comprendre et sa langue est le référencement.

2. Introduction au référencement

Nom complet : Search English Optimization, optimisation des moteurs de recherche. Depuis l’avènement des moteurs de recherche, le SEO est né.

Importance de l'existence : comportement d'optimisation effectué afin d'améliorer le nombre et le classement des pages Web dans les résultats de recherche naturels des moteurs de recherche. En bref, nous espérons que les moteurs de recherche tels que Baidu incluront davantage de nos sites Web soigneusement conçus et que ces sites Web seront classés en premier lorsque d'autres les visiteront.

Catégories : SEO White Hat et SEO Black Hat. Le référencement White Hat joue un rôle dans l'amélioration et la normalisation de la conception du site Web, rendant le site Web plus convivial pour les moteurs de recherche et les utilisateurs, et le site Web peut également obtenir un trafic raisonnable des moteurs de recherche, qui est encouragé et pris en charge par les moteurs de recherche. Le Black Hat SEO utilise et amplifie les failles des politiques des moteurs de recherche pour attirer davantage de visites d’utilisateurs. La plupart de ces comportements trompent les moteurs de recherche et ne sont ni pris en charge ni encouragés par les sociétés de moteurs de recherche générales. Cet article se concentre sur le référencement chapeau blanc, alors que peut faire le référencement chapeau blanc ?

1. Définissez soigneusement le titre, les mots-clés et la description du site Web pour refléter le positionnement du site Web et permettre aux moteurs de recherche de comprendre ce que fait le site Web ;

2. Optimisation du contenu du site Web : Correspondance entre le contenu et les mots-clés, augmenter la densité des mots-clés ;

3. Configurez correctement le fichier Robot.txt sur le site Web ;

4. Générez un plan de site convivial pour les moteurs de recherche ;

5. Ajoutez des liens externes et faites-en la promotion sur divers sites Web ;

3. SEO front-end

Grâce à la conception structurelle du site Web et à l'optimisation du code de la page Web, la page frontale peut être comprise à la fois par les utilisateurs du navigateur et par les « araignées ».
(1) Optimisation de la structure et de la mise en page du site Web : essayez d'être aussi simple et direct que possible, et préconisez une structure plate.

De manière générale, moins vous créez de niveaux dans la structure du site Web, plus il est facile d'être exploré par des « araignées » et d'être inclus. Généralement, la structure des répertoires des sites Web de petite et moyenne taille dépasse trois niveaux, et les « araignées » ne veulent pas ramper vers le bas : « Et si je me perds dans le noir ? Et selon des enquêtes pertinentes : si un visiteur ne parvient pas à trouver l'information dont il a besoin après avoir sauté trois fois, il est susceptible de partir. Par conséquent, la structure de répertoires à trois niveaux est également une exigence d’expérience. Pour ce faire, nous devons :

1. Contrôlez le nombre de liens vers la page d'accueil

La page d'accueil d'un site Web est l'endroit qui a le poids le plus élevé. S'il y a trop peu de liens sur la page d'accueil et qu'il n'y a pas de « pont », les « araignées » ne peuvent pas continuer à ramper vers les pages intérieures, ce qui affectera directement le nombre. des sites Web inclus. Cependant, il ne devrait pas y avoir trop de liens sur la page d'accueil. Une fois qu'il y a trop de liens, il n'y aura plus de liens substantiels, ce qui affectera facilement l'expérience utilisateur, réduira le poids de la page d'accueil du site Web et l'effet d'inclusion sera réduit. pas être bon.

Par conséquent, pour les sites Web de petites et moyennes entreprises, il est recommandé de ne pas contenir plus de 100 liens vers la page d'accueil. La nature des liens peut inclure la navigation vers la page, la navigation vers le bas, les liens vers le texte d'ancrage, etc. basé sur la bonne expérience de l'utilisateur et guider l'utilisateur pour obtenir des informations supérieures.

2. Aplatissez la hiérarchie des répertoires, afin que « l'araignée » puisse atteindre n'importe quelle page interne du site Web en seulement 3 sauts. Structure de répertoire plate, telle que : "Plante" --> "Fruit" --> "Pomme", "Orange", "Banane", vous pouvez trouver des bananes après avoir passé le niveau 3.

3.Optimisation de la navigation

La navigation doit être autant que possible basée sur du texte, et peut également être combinée avec la navigation par image, mais le code de l'image doit être optimisé SEO front-end : explication détailléeLa balise doit ajouter les attributs "alt" et "title" pour indiquer aux moteurs de recherche le positionnement de l'image. navigation, de sorte que même si l'image ne peut pas être affichée normalement, l'utilisateur peut également voir le texte d'invite.

Deuxièmement, un fil d'Ariane doit être ajouté à chaque page Web. Avantages : du point de vue de l'expérience utilisateur, il permet aux utilisateurs de comprendre leur emplacement actuel et l'emplacement de la page actuelle dans l'ensemble du site Web, les aidant ainsi à comprendre rapidement l'organisation du site Web. , formant ainsi une meilleure idée de localisation, et en même temps fournissant une interface pour revenir à chaque page pour faciliter les opérations des utilisateurs pour les « araignées », il peut clairement comprendre la structure du site Web, et ajoute également un grand nombre de fonctionnalités internes ; liens pour une exploration facile. Réduisez le taux de rebond.

4. Disposition structurelle du site Web - détails qui ne peuvent être ignorés

En-tête de page : logo et navigation principale, ainsi que informations utilisateur.

Corps principal de la page : le texte principal à gauche, y compris le fil d'Ariane et le texte ; les articles populaires et les articles connexes à droite. Avantages : fidélisez les visiteurs et laissez-les rester plus longtemps. Pour les "araignées", ces articles sont des liens connexes, ce qui améliore la pertinence de la page. Cela peut également augmenter le poids de la page.

Bas de la page : informations sur les droits d'auteur et liens amicaux.

Remarque spéciale : la manière recommandée d'écrire la navigation par pagination est la suivante : "Boîte déroulante Accueil 1 2 3 4 5 6 7 8 9", afin que "l'araignée" puisse sauter directement en fonction du numéro de page correspondant, et la liste déroulante La case vers le bas sélectionne directement la page à laquelle accéder. La méthode d'écriture suivante n'est pas recommandée, "Page d'accueil Page suivante Dernière page", surtout lorsque le nombre de pages est particulièrement important, "l'araignée" doit ramper plusieurs fois avant d'explorer, ce qui la rendra très fatigante et facile à donner en haut.

5. Contrôlez la taille de la page, réduisez les requêtes http et améliorez la vitesse de chargement du site Web.

Il est préférable de ne pas dépasser 100k pour une page si elle est trop volumineuse, la page se chargera lentement. Lorsque la vitesse est très lente, l'expérience utilisateur n'est pas bonne, les visiteurs ne peuvent pas être retenus et une fois le délai écoulé, « l'araignée » partira également.

 (2)Optimisation du code des pages Web

1. Titre : soulignez uniquement les points clés. Essayez de mettre les mots-clés importants devant. Ne répétez pas les mots-clés sur chaque page. Ne définissez pas le même contenu dans le titre.

2. Tags : Mots-clés, listez simplement les mots-clés importants de plusieurs pages, pensez à les surcharger.

3. Balise : description de la page Web, qui doit être un résumé de haut niveau du contenu de la page Web. N'oubliez pas de ne pas être trop longue ou trop remplie de mots-clés.

4. Balises : essayez de rendre le code sémantique, utilisez les balises appropriées aux emplacements appropriés et utilisez les bonnes balises pour faire la bonne chose. Faites-le comprendre à la fois aux lecteurs de code source et aux « araignées ». Par exemple : h1-h6 sont utilisés pour les classes de titres.

5. Balise de lien hypertexte : pour les liens dans la page, ajoutez l'attribut "titre" pour l'expliquer afin que les visiteurs et les "araignées" le sachent. En ce qui concerne les liens externes qui renvoient vers d'autres sites Web, vous devez ajouter l'attribut el="nofollow" pour indiquer à "l'araignée" de ne pas explorer, car une fois que "l'araignée" aura exploré le lien externe, il ne reviendra plus.

6. Utilisez la balise h1 pour le titre du texte : "Spider" pense que c'est le plus important. Si vous n'aimez pas h1, le style par défaut de h1 peut être défini via CSS. Essayez d'utiliser des balises h1 pour le titre du texte principal et des balises h2 pour les sous-titres, mais les balises de titre h ne doivent pas être utilisées avec désinvolture ailleurs.

7. Balise de saut de ligne : utilisée uniquement pour les sauts de ligne du contenu textuel

8. Les tableaux doivent utiliser des balises de titre de tableau

9. Les images doivent être décrites à l'aide de l'attribut "alt"

10. Balises en gras et en accentuation : à utiliser lorsque l'accent est nécessaire. Les balises en gras peuvent être très appréciées dans les moteurs de recherche. Elles peuvent mettre en évidence des mots-clés et exprimer un contenu important. L'effet d'accentuation des balises soulignées est juste derrière les balises en gras.

10. N'utilisez pas de symboles spéciaux pour l'indentation du texte. Vous devez utiliser CSS pour la définir. N'utilisez pas le symbole spécial © pour le symbole du droit d'auteur. Vous pouvez utiliser directement la méthode de saisie, épeler "banquan" et sélectionner le numéro de série 5 pour saisir le symbole du droit d'auteur ©.

12. Utilisez intelligemment la mise en page CSS et placez le code HTML du contenu important au premier plan. Le contenu du premier plan est considéré comme le plus important et est prioritaire pour être lu par les « araignées » pour capturer les mots-clés du contenu.

13. N'utilisez pas JS pour afficher du contenu important, car "l'araignée" ne le reconnaîtra pas

14. Essayez d'utiliser l'iframe le moins possible, car les "araignées" ne liront généralement pas le contenu qu'il contient

15. Utilisez display: none avec prudence : pour le contenu texte que vous ne souhaitez pas afficher, vous devez définir z-index ou le définir en dehors de l'affichage du navigateur. Parce que les moteurs de recherche filtreront le contenu dans display:none.

16. Simplifiez continuellement le code

17. Si le code js doit faire fonctionner le DOM, il doit être placé avant la balise de fermeture du corps et après le code html.

------------------------------------------------- ---------------------------- Serveur, donnez-moi deux roues !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:linuxprobe.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal