Accueil Médias sociaux Comment analyser le code source sur un site Web concurrent - les nuls

Comment analyser le code source sur un site Web concurrent - les nuls

Vidéo: Référencement Comment Trouver des Mots Clés Ciblés Facilement 2025

Vidéo: Référencement Comment Trouver des Mots Clés Ciblés Facilement 2025
Anonim

Lorsque vous regardez le code source des sites Web qui obtiennent d'excellents résultats de moteur de recherche, vous peut apprendre exactement ce qu'ils font bien et comment vous pouvez appliquer ces meilleures pratiques à votre propre site Web.

Par exemple, vous trouverez peut-être que la page semble enfreindre toutes les règles de bonnes pratiques, mais se classent bien de toute façon - dans un cas comme celui-ci, vous découvrirez qu'ils ont des tonnes de backlinks pointant vers la page. D'un autre côté, vous pourriez découvrir un concurrent très SEO-savvy dont vous pouvez apprendre beaucoup.

Pour regarder le code source, procédez comme suit:

  1. Dans le menu Affichage, choisissez Source ou Source de la page (selon le navigateur).

Lorsque vous regardez le code source, gardez à l'esprit que plus il contient de contenu, plus le contenu réel est dilué. Pour un bon classement des moteurs de recherche, une page Web a besoin d'un contenu aussi propre que possible. Trop de HTML, de script et de codage peuvent augmenter le temps de chargement de la page, ralentir les moteurs de recherche, et, surtout, diluer le contenu de votre mot-clé et réduire votre classement. Webmasters peut ne pas être d'accord avec ce principe, mais d'un point de vue de SEO, une page Web devrait être une machine maigre, moyenne et riche en contenu. Vous voulez voir si votre concurrent fait les choses correctement? Recherchez ces types de meilleures pratiques:

  • Utilisez un fichier externe CSS (feuille de style en cascade) pour contrôler le formatage du texte et des images. L'utilisation de feuilles de style élimine les balises de police qui encombrent le texte. L'utilisation d'une feuille de style CSS dans un fichier externe élimine tout un bloc de code HTML qui pourrait autrement obstruer la section supérieure de votre page Web et ralentir tout (les moteurs de recherche en particulier).

  • Le code JavaScript doit également être hors de la page dans un fichier JavaScript externe (pour les mêmes raisons d'encombrement).

  • Accédez à la viande dans les cent premières lignes. Le contenu textuel réel (la partie que les utilisateurs lisent dans la section Corps) ne doit pas être trop loin dans le code de la page. C'est une bonne idée de limiter le code au-dessus de la première ligne de texte globalement visible par l'utilisateur.

Vous voulez avoir une idée de la façon dont cette page Web est assemblée. Prêtez attention aux problèmes tels que

  • Doctype: Est-ce qu'il montre un Doctype en haut? Si oui, le Doctype valide-t-il avec les standards W3C?

  • Titre, description, mots-clés: Regardez de près la section Head (entre l'ouverture et la fermeture des Head tags). Contient-il les balises Title, Meta Description et Meta Keywords? Notez comment les étiquettes sont arrangées. La meilleure pratique pour le SEO les met dans cet ordre: Titre, Description, Mots-clés.La page du concurrent fait-elle cela?

  • Autres balises Meta: Notez également que les balises Meta supplémentaires ("revisit after" est populaire et parfaitement inutile) dans la section Head. Les webmasters peuvent créer toutes sortes de balises Meta créatives, parfois avec de bonnes raisons qui peuvent l'emporter sur le coût de l'expansion du code de la page. Cependant, si vous voyez que la page d'un concurrent a une centaine de balises Meta différentes, vous pouvez être sûr qu'elles ne connaissent pas grand-chose au référencement.

  • Balises de titre: Les moteurs de recherche recherchent des balises de titre telles que H1, H2, H3, etc. pour confirmer la nature de la page. Il est logique de supposer qu'un site fera en sorte que ses concepts les plus importants ressemblent à des en-têtes, de sorte que ces balises d'en-tête aident les moteurs de recherche à déterminer les mots-clés de la page. Voir si et comment votre concurrent utilise ces tags.

  • Etiquettes de police, JavaScript, CSS: Comme mentionné dans l'ensemble des puces ci-dessus, si ces choses apparaissent dans le code, la page est pondérée et pas très favorable au SEO. Outrader cela pourrait finir par être plus facile que vous ne le pensiez.

Comment analyser le code source sur un site Web concurrent - les nuls

Le choix des éditeurs

Comment travailler avec Photoshop CS6 Images brutes - mannequins

Comment travailler avec Photoshop CS6 Images brutes - mannequins

Certaines caméras capturent des images dans des formats bruts. Photoshop CS6 peut traiter ces images dans des images formatées. Il vous permet également de travailler avec eux de différentes manières que les images déjà traitées. Voici quelques détails sur le traitement des images brutes par Photoshop. Préférences Camera Raw: Voici les détails de ces préférences: Quand une Camera Raw ...

Comment utiliser Photoshop CC Fusionner vers HDR Pro - mannequins

Comment utiliser Photoshop CC Fusionner vers HDR Pro - mannequins

Lorsque vous avez les expositions de que vous voulez créer votre chef-d'œuvre HDR, vous devez les assembler en utilisant la fonction Fusionner vers HDR Pro dans Photoshop CC. Vous pouvez ouvrir Merge to HDR Pro soit dans le menu Fichier → Automatiser de Photoshop, soit vous pouvez sélectionner les images à utiliser dans Bridge et utiliser Bridge ...

Comment utiliser les masques rapides dans Photoshop CS6 - les mannequins

Comment utiliser les masques rapides dans Photoshop CS6 - les mannequins

Comme vous pouvez probablement le deviner d'après le nom , Les masques rapides de Photoshop CS6 vous permettent de créer et de modifier des sélections rapidement. Bien que vous ne créiez pas vraiment un masque de produit final en soi, la façon dont vous allez obtenir votre sélection est "semblable à un masque. "Ils sont également conviviaux, car ils vous permettent de voir votre image pendant que vous travaillez. ...

Le choix des éditeurs

Bitmap et images vectorielles dans Adobe Photoshop CS5 - mannequins

Bitmap et images vectorielles dans Adobe Photoshop CS5 - mannequins

Capacité de photoshop Creative Suite 5 à utiliser à la fois l'image bitmap et Les images vectorielles vous offrent, en tant que concepteur, des opportunités incroyables en combinant les deux technologies. Vous avez peut-être déjà découvert que Photoshop fonctionne un peu différemment de la plupart des autres applications. Pour créer ces gradations douces d'une couleur à l'autre, Photoshop tire parti des pixels. ...

Capturer des images à fusionner vers HDR Pro - mannequins

Capturer des images à fusionner vers HDR Pro - mannequins

Pour fusionner plusieurs expositions en une image HDR en utilisant Photoshop CC, vous devez avoir plusieurs expositions avec lesquelles travailler. Il y a deux façons de relever le défi: Vous pouvez prendre une série d'expositions, ou photographier une image brute et faire plusieurs copies avec différentes valeurs d'exposition. Si vous voulez absolument le meilleur ...

Modifiez le pinceau dans le panneau Outils Photoshop CS5 - les nuls

Modifiez le pinceau dans le panneau Outils Photoshop CS5 - les nuls

Regroupés dans le panneau Outils de Photoshop Creative Suite 5 sont les outils utilisés pour peindre et retoucher des images. Lorsque vous cliquez pour sélectionner différents outils de peinture, notez le menu Pinceau (deuxième à partir de la gauche) dans la barre des options. Cliquez sur la flèche pour ouvrir le sélecteur Pinceaux prédéfinis. Utilisez le curseur Diamètre principal pour ...

Le choix des éditeurs

Comment utiliser plusieurs styles avec CSS3 - mannequins

Comment utiliser plusieurs styles avec CSS3 - mannequins

Comprendre les règles d'héritage dans CSS3 vous aide à créer des sites intéressants nécessitant un minimum de maintenance. En suivant ces règles, lorsque la maintenance est requise, vous devez normalement effectuer un seul changement, plutôt que de modifier individuellement des centaines d'éléments. Cela vaut la peine d'expérimenter, pour que vous puissiez comprendre tous les effets de l'héritage ...

Comment utiliser l'éditeur HTML CoffeeCup - les nuls

Comment utiliser l'éditeur HTML CoffeeCup - les nuls

Comme outil principal des pages Web WYSIWYG, CoffeeCup HTML Editor possède toutes les fonctionnalités de base importantes dont vous avez besoin pour créer des pages Web de base. En utilisant ces fonctionnalités, vous pouvez créer et éditer des pages Web sans voir les balises HTML, glisser et déposer des liens vers d'autres sites Web sans taper l'URL ou le chemin, couper et coller ...

Comment utiliser l'espace blanc dans votre conception de site Web - les nuls

Comment utiliser l'espace blanc dans votre conception de site Web - les nuls

Pages Web qui ont des tonnes des choses emballées dans tous les coins et recoins rendent la page difficile à lire et ne donnent pas l'occasion à l'œil de se reposer. Lors de la création d'une mise en page Web, prévoyez toujours un espace libre autour de vos éléments de conception. Les espaces ouverts créent non seulement une atmosphère plus invitante ...