4 strumenti per vedere con quale software è stato creato un sito Web (e perché vorresti farlo)

Pubblicato: 2020-07-12

Ad un certo punto, abbiamo guardato tutti un sito web e ci siamo chiesti come fosse stato messo insieme. Tuttavia, potresti scoprire che la curiosità ha la meglio su di te, portandoti a cercare esattamente con quale software è stato creato un sito web. La buona notizia è che è più facile di quanto tu possa immaginare. Tutto ciò di cui hai bisogno sono gli strumenti giusti per aiutarti a scavare nel codice sorgente di qualsiasi pagina e capire lo stack su cui è costruito. In questo articolo parleremo del motivo per cui potresti volerlo fare e ti presenteremo quattro strumenti per aiutarti a rispondere alla domanda.

Scaviamo!

Iscriviti al nostro canale Youtube

Perché vorresti sapere con quale software è stato creato un sito web

"Costruire" un sito web non è il tipo di cosa che finisci di fare. Probabilmente stai cercando nuove funzionalità che puoi aggiungere o modi per migliorare la User Experience (UX) in ogni momento. I siti web si evolvono, sia in termini di design che di funzionalità. Molti di questi cambiamenti derivano dal vedere altri siti e pensare "Ehi, quella funzione è fantastica!". Potresti anche avere una migliore conoscenza di HTML e CSS rispetto a prima, o anche avere una visione più approfondita delle migliori pratiche di progettazione e accessibilità.

In molti casi, capire la struttura e la struttura di un sito può essere complicato. Dopotutto, non hai accesso al loro back-end e lo sviluppatore non ha nemmeno l'obbligo di fornirti alcuna informazione.

Fortunatamente, puoi ottenere molte delle risposte di cui hai bisogno semplicemente guardando il suo codice sorgente. Meglio ancora, potresti utilizzare uno strumento per cercare schemi comuni e frammenti di codice all'interno del codice sorgente e dirti esattamente ciò che devi sapere, ad esempio:

  • Quale sistema di gestione dei contenuti (CMS) utilizza un sito web?
  • Quali lingue sono presenti nel sito?
  • Si affidano a plug-in WordPress specifici o a strumenti e servizi di terze parti?
  • Che servizio di hosting stanno usando?

Armati di queste informazioni, puoi decodificare molte funzioni interessanti per scoprire con cosa è stato creato un sito Web e migliorare a sua volta il tuo sito. La cosa migliore è che queste informazioni non sono segrete o altrimenti illegali da ottenere: devi solo sapere cosa cercare.

4 strumenti per vedere con quale software è stato creato un sito web

La famiglia di strumenti che andremo ad esplorare è straordinariamente semplice da usare. Nella maggior parte dei casi, indicheranno diversi aspetti dello stack di un sito Web, in modo da poter mettere insieme le informazioni che vuoi veramente conoscere. Inoltre, non li presentiamo in un ordine particolare, quindi sentiti libero di saltare e esaminare quelli che ti piacciono.

1. Netcraft

La home page del servizio Netcraft.

Netcraft è una suite di software di difesa informatica che aiuta a proteggere i siti Web dei clienti dagli attacchi e a proteggere le loro reti. Tuttavia, ti consentono anche di cercare gratuitamente informazioni su domini specifici e trovare informazioni sulla loro rete. Inserisci semplicemente un URL e otterrai un rapporto completo del dominio pubblico di qualsiasi sito Web e delle informazioni sull'hosting:

Una pagina di informazioni Netcraft per Elegant Themes, che mostra con cosa è costruito il sito web.

Ottieni anche un'analisi dettagliata del tipo di certificato Secure Sockets Layer (SSL) che stanno utilizzando, se presenti:

Informazioni sul certificato SSL di Elegant Themes.

Se stai cercando di scoprire quale servizio di hosting sta utilizzando un sito specifico, questo è lo strumento a cui rivolgerti. Tuttavia, se il sito Web che stai investigando utilizza una Content Delivery Network (CDN), Netcraft non sarà in grado di scoprire l'host sottostante (sebbene questo sia vero per molti di questi strumenti e faccia parte della progettazione dei CDN).

Indipendentemente da ciò, queste informazioni di per sé sono utili. Ad esempio, se ammiri le prestazioni di un sito web, puoi scoprire quale servizio CDN sta utilizzando e considerare di aggiungerlo anche al tuo sito.

2. Wappalizzatore

La home page di Wappalyzer.

Wappalyzer si definisce un "fornitore di dati tecnologici". L'obiettivo è aiutarti ad analizzare i siti web per scoprire tutti gli elementi sottostanti che compongono il tutto. Per utilizzare lo strumento di ricerca tecnologica di Wappalyzer, devi registrarti per un account gratuito, quindi cercare un URL specifico:

Lo strumento di ricerca Wappalyzer.

Una volta terminato, Wappalyzer restituirà un elenco del software che è stato in grado di identificare. Per Elegant Themes, ha identificato correttamente Cloudflare, Google Analytics, Tag Manager e Google Fonts:

La pagina di riepilogo di Wappalyzer che mostra con cosa è costruito un sito web.

Lo strumento ha anche rilevato correttamente WooCommerce. Tuttavia, la quantità di dettagli per ogni strumento è un po' scarsa. Ad esempio, sebbene Wappalyzer abbia identificato un'integrazione con WordPress, non fornisce dettagli specifici al riguardo. Da un lato, questo è ottimo per la sicurezza, ma negativo per il tuo obiettivo principale.

Allo stesso modo, Wappalyzer è stato in grado di rilevare YouTube come una delle 15 tecnologie sul sito. Tuttavia, se fai clic su un risultato, ottieni solo una breve analisi di ciò che altri siti Web lo stanno utilizzando:

La ripartizione di Wappalyzer degli utenti di YouTube.

Nel complesso, Wappalyzer ti offre un modo rapido per ottenere un elenco di tecnologie per qualsiasi sito web. Tuttavia, per ottenere il massimo dal servizio, è necessario disporre di alcune conoscenze di sviluppo web per identificare correttamente le funzioni di ciascuna integrazione.

3. Costruito con

Lo strumento Built With.

Built With include una famiglia di strumenti che ti consentono di cercare i dati del sito Web su quale software utilizza un sito Web, le sue parole chiave principali e molto altro. Puoi iniziare a girare la palla inserendo l'URL del sito web che desideri analizzare. Built With restituirà quindi un elenco di tutti i software e gli strumenti che può identificare:

Un elenco di strumenti di Built With, che mostra con cosa è costruito un sito web.

La quantità di dettagli che ottieni con Built With è sorprendente. Per darti un'idea, il servizio è stato in grado di identificare tre diversi tipi di integrazioni di Facebook. È anche l'unico strumento finora che ha identificato più plug-in di WordPress tra cui Monarch Social Sharing, Yoast SEO, W3 Total Cache e altro ancora.

Allo stesso tempo, Built With è stato in grado di identificare correttamente il provider di web hosting, guardando oltre l'integrazione CDN del sito web. L'unico aspetto negativo – ed è minore – è che le liste che abbiamo ottenuto erano enormi. In alcuni casi, Built With includeva anche strumenti che i siti Web non utilizzavano più, ma è facile individuarli perché il servizio ti dice quando hanno apportato una modifica.

Questo potrebbe essere uno svantaggio se non hai tempo per fare un tuffo profondo nello stack di un sito Web specifico. Tuttavia, è perfetto se stai cercando il maggior numero di dettagli possibile.

4. Webspotter

La home page di Webspotter.

Webspotter è un servizio che ti consente di trovare informazioni di contatto e lead per le aziende che desideri scegliere come target. Tuttavia, offrono anche un'estensione Chrome gratuita che ti aiuta ad accedere alle informazioni sulla tecnologia con cui è stato creato un sito web:

L'integrazione di Webspotter Chrome.

Una volta installato Webspotter, visita il sito Web che desideri controllare e fai clic sull'icona dell'estensione. Vedrai quindi una panoramica del suo stack software:

Le informazioni sullo stack del software di Webspotter, che mostrano con cosa è stato creato un sito web.

L'analisi stessa non rivela tante integrazioni come Wappalyzer o Built With. Tuttavia, è il tipo di strumento che puoi utilizzare al volo, se non hai tempo per eseguire un'analisi completa su ogni sito web.

Inoltre, Webspotter ti aiuta anche a raccogliere le email disponibili da qualsiasi sito web, che ti fornisce un elenco di potenziali contatti da contattare:

Il generatore di lead e-mail di Webspotter.

Nel caso in cui non trovi le informazioni che desideri, puoi tentare la fortuna inviando un'e-mail a qualcuno responsabile per chiedere la sua competenza tecnica. Potresti non ottenere una risposta, ma provare non fa male!

Conclusione

Molti dei siti Web con cui interagisci quotidianamente sono basati su WordPress. Tuttavia, il solo fatto di sapere che un sito utilizza WordPress non è sufficiente. Se vuoi sapere quali plug-in o strumenti stanno utilizzando per potenziare funzionalità specifiche, devi scavare più a fondo.

Con questi quattro strumenti, puoi scoprire con precisione con quale software è costruito ogni sito web:

  1. Netcraft: questo servizio fornisce informazioni approfondite sui domini e sul servizio di hosting utilizzato da un sito web.
  2. Wappalyzer: un'ottima soluzione per ottenere un rapido elenco delle tecnologie in un sito web.
  3. Costruito con: scopri quali strumenti utilizza o ha utilizzato un sito web in passato.
  4. Webspotter: questa estensione di Chrome ti consente di trovare informazioni sui siti Web al volo.

Hai domande su come identificare il software utilizzato da un sito Web? Esaminiamoli nella sezione commenti qui sotto!

Immagine in miniatura dell'articolo di KostyaTimofeev / shutterstock.com