Reconnaître avec quel programme un site a été créé

Vous êtes tombé sur un blog stylé, ou avez trouvé ce site ludique suggérant des cadeaux de dernière minute faits maison pour vos meilleures amies, et vous vous êtes demandé : comment créer un si beau site ? Reconnaître avec quel programme un site a été créé?

Peut-être êtes-vous à la recherche d’inspiration pour créer votre boutique en ligne ? Ou vous avez repéré un widget cool d’un site, et vous aimez l’avoir aussi ?

Tu peux.

Découvrez simplement la plate-forme utilisée par un site.

Et obtenez toutes vos réponses.

Cela satisfera non seulement votre curiosité, mais vous aidera également à identifier le créateur de site idéal pour vos besoins (si vous cherchez toujours le bon).

Connaître les applications, vous permettra en outre de comparer les styles et les mises en page. En outre, cela vous donnera une idée de la fonctionnalité et de l’intégration possible des widgets proposés par les fournisseurs de sites. Cela vaut la peine de creuser plus profondément.

Comment reconnaître la source d’un site ? C’est plus facile que vous ne le pensez.

Trouver la source d’un site

De nombreuses routes mènent à Rome. Il existe des moyens simples et pas si évidents. Commençons par l’évidence.

Sous-domaines

Les créateurs de sites les plus courants permettent aux utilisateurs de créer des sites gratuitement. Ils reçoivent automatiquement une adresse de site qui signale que le site est stocké en tant que sous-domaine sous le nom du fournisseur. Pour reconnaitre un sous-domaine, c’est un nom de domaine séparé par un point du domaine principal. C’est aussi le domaine d’origine, car son origine est le fournisseur spécifique.

Par exemple, lorsque vous ouvrez un nouveau projet avec Webnode, l’URL de votre projet gratuit sera le nom de votre projet plus le domaine Webnodes, comme mywww.webnode.com/blog.

Si vous créez plus d’un projet avec le même nom, comme myblog, le sous-domaine changera systématiquement en myblog1.webnode.com et ainsi de suite. Aucun domaine ne peut exister deux fois.

Exemple de sous-domaine Webnode

Si vous remarquez un sous-domaine, vous pouvez être sûr à 100 %, cela révèle le fournisseur du site.

Les publicités

Les publicités sont un autre deuxième moyen évident de reconnaître la plate-forme du site. Tous les sites gratuits comportent une annonce dans leur en-tête, pied de page ou ailleurs sur les pages.

Différentes bannières publicitaires pour différents constructeurs de sites

De plus, ils peuvent contenir une petite impression dans le pied de page sur la source du droit d’auteur. Le propriétaire du site ne peut pas supprimer cette source, à moins qu’il n’achète un forfait Premium.

Selon le modèle économique du fournisseur de site, certaines versions payantes peuvent toujours contenir une bannière publicitaire ou une note plus discrète dans le pied de page, même si le domaine est personnel. Il y a de fortes chances que vous découvriez le fournisseur en faisant simplement défiler jusqu’à la fin.

La façon pas si évidente de trouver la source

Une fois qu’un titulaire de site a acheté un certain tarif et enregistré un domaine personnel , vous ne verrez pas avec quelle plate-forme le site a été créé. Un moyen rapide de le savoir est d’utiliser des scanners de plate-forme de site.

Analyseurs de plate-forme de site

L’un des constructifs est builtwith. Vous recherchez l’adresse ou le nom de domaine et le rapport d’analyse fournira les données sources. Il divulgue la plate-forme et les données du site, telles que les serveurs, les certificats SSL et les cookies. Un similaire est WhatCMS .

Résultats du scanner de plates-formes de site Web buildwith lors de la recherche d’Amazon.com

Autres astuces utiles

Vous êtes un jeune entrepreneur à la recherche de nouveaux contacts ?

Les outils en ligne pour générer des prospects, tels que RivalScan et Wappalyzer , sont utiles pour vous fournir un aperçu global du marché. Utilisez-le pour en savoir plus sur vos concurrents.

Wappalyzer, en tant qu’extension de navigateur, vous indiquera quelles technologies un site utilise. Bien qu’il n’expose pas immédiatement le fournisseur du site, il vous donnera néanmoins une idée des widgets et autres applications sur un site que vous pourriez rechercher.

À ce stade, vous devez savoir quels widgets sous forme de code HTML peuvent être facilement intégrés à votre site Webnode.

Un clic dans les coulisses

Toute personne qui ouvre un site dans un navigateur peut voir le code source ou le script HTML du site. L’interface décrit ce que le spectateur voit sur le site. Il est défini dans le code et intègre les styles et la disposition des éléments, tels que le texte et les images.

Dans les navigateurs Firefox ou Chrome, vous affichez le code en cliquant avec le bouton droit n’importe où sur une page ouverte et en sélectionnant « inspecter ». Alternativement, un raccourci pour PC : CTRL+Maj+I ou CMD+Maj+I pour Mac vous catapultera vers les sources.

Exemple d’affichage du code source d’un site dans la fenêtre des outils de développement du navigateur

Une nouvelle fenêtre ci-dessous apparaîtra avec beaucoup de code crypté joyeusement coloré. Il s’agit de la fenêtre des outils de développement . En haut vous trouverez un menu avec des onglets et à droite le « x » pour clore cette scène cryptique. Ne vous découragez pas si tout semble un peu flou maintenant. Concentrez-vous sur les onglets du menu.

Selon le navigateur, ces onglets portent différents noms. Certaines allusions à leur contenu, par exemple les cookies. L’onglet source révélera l’origine des sites.

Désormais, c’est un peu comme jouer à un enquêteur retraçant les empreintes digitales d’une scène de crime. La source n’est pas égale à la source. C’est différent d’un navigateur à l’autre.

Les sections suivantes vous montreront trois exemples de navigateur : Google Chrome, Safari et Mozilla Firefox.

Google Chrome

Une fois que vous avez ouvert votre site préféré dans Chrome, effectuez un clic droit pour sélectionner « inspecter ». Allez dans l’onglet sources et gardez les yeux vers la gauche en laissant le menu de la page ouvert. Ouvrez le dossier du haut avec les nuages ​​qui tombent.

Exemple de source dans Google Chrome

Vous trouverez le fournisseur de site Web généralement parmi les 5 premiers répertoriés. Selon le système, le fournisseur est visible dans un onglet de dossier spécifique. C’est le cas des sites créés par WordPress. Ou vous verrez le domaine d’origine , qui est toujours le sous-domaine du fournisseur.

Safari

Semblable à Chrome, ouvrez le code source avec le raccourci CMD + Maj + I ou cliquez sur l’onglet Développer dans le menu supérieur de la barre de votre navigateur. Allez dans l’onglet sources et recherchez le nom « générateur ».

Source indiquée dans l’onglet développer du navigateur Safari

Ici, le système de génération de site mentionne généralement le fournisseur. Dans le cas de Webnode, vous trouverez Webnode 2 . Cela concerne le nouveau constructeur de sites Webnodes, qui évolue constamment.

Firefox

Trouver la source dans Firefox peut nécessiter un peu plus d’un Sherlock Holmes en vous que d’autres navigateurs.

Vous accédez au code source de la même manière que pour les navigateurs Chrome en cliquant sur « inspecter l’élément ».

Sources dans Firefox

L’onglet source de Firefox se cache sous l’onglet débogueur et éditeur de style . Par conséquent, vous avez deux options pour rechercher des informations sur le fournisseur du site.

Vous pouvez essayer l’onglet de l’éditeur de style pour trouver un code de style de site défini spécifique ou un autre contenu sous licence d’un fournisseur. C’est le cas de Webnode. Vous détecterez la plate-forme du site sous Auteur .

Plus communément, l’onglet du débogueur divulguera le fournisseur. Sous une structure similaire à celle de Chrome, vous trouverez un menu déroulant à gauche sous le dossier de fil principal . Ici, le nom des constructeurs de sites peut commencer par les abréviations a. ou un atout. ou rés. Certains constructeurs peuvent être reconnus par des dossiers divulguant le nom, comme WordPress, où le dossier commence par « wp-« . Ce n’est pas toujours limpide, mais plus vous entraînez votre œil, plus cela deviendra facile.

Utilisez les compétences nouvellement acquises à votre avantage. Les hiéroglyphes du code vous disent pas mal de choses utiles.

Comment puis-je en tirer le meilleur parti ?

Savoir avec quel programme un site est fait, va :

• Satisfaire votre curiosité
• Sélectionner le meilleur constructeur de site pour vos besoins
• Donner des informations sur les widgets disponibles et leur intégration
• Comparer différents styles et mises en page
• Fournit des informations sur la fonctionnalité
• Vous inspirer pour votre codage

Un clic dans les coulisses dévoile beaucoup de l’interface des sites et de ses sources. Les personnes curieuses comme vous voudront peut-être aussi savoir :

Un site peut-il être copié ou dupliqué en copiant le code ?

Vous ne pouvez pas copier un site en copiant-collant le code HTML. Pour faire fonctionner un site, vous devez construire le backend du site. Cette partie du code n’est jamais publiée.

Révéler un tel contenu est-il légitime ?

L’interface seule est inutile. Par conséquent, il n’y a pas de mal à le montrer. Si vous êtes un codeur amateur créatif, ces exemples de code peuvent vous apporter quelques idées. En tant qu’esprit créatif, vous recherchez l’inspiration sans avoir les moyens de copier.

A quoi d’autre est-il bon ?

Les onglets mentionnés dans les outils de développement vous sont utiles si vous souhaitez en savoir plus sur certains éléments et widgets. A gauche des onglets un pointeur permet de sélectionner n’importe quel élément de la page ouverte (texte, image, bloc, fond) pour vous montrer le code HTML détaillé. Ici, vous pouvez en savoir plus sur les couleurs spécifiques ou les types de police utilisés.

Si l’onglet des éléments est ouvert, il vous présente le code individuel de chaque élément de la page, qu’il s’agisse d’une image, d’un texte ou d’un titre.

L’onglet cookies vous indique les cookies utilisés sur votre site.

L’onglet de sécurité, par exemple, vous montre le type et la validité du certificat SSL que votre site utilise actuellement.

Si vous possédez un site, vous pouvez utiliser les outils de développement pour découvrir les détails de conception et de style que votre site dissimule dans la vue normale.

Lire aussi le guide pour travailler avec le créateur de site web