Zastanawiasz się, na czym zbudowana jest strona konkurencji? Chcesz wiedzieć, jakiego CMS-a używa klient przed audytem? A może szukasz inspiracji technologicznych? W tym artykule pokażę, jak wykryć stos technologiczny dowolnej strony.

Po co wykrywać technologie?

Wiedza o stosie technologicznym przydaje się w wielu sytuacjach:

  • Analiza konkurencji - na czym zbudowali swój sukces
  • Przed audytem - dostosowanie rekomendacji do platformy
  • Rekrutacja klientów - szukanie stron na konkretnym CMS
  • Inspiracja - co używają liderzy branży
  • Bezpieczeństwo - wykrywanie przestarzałych wersji

Popularne narzędzia (i ich ograniczenia)

BuiltWith

Rozbudowana baza technologii, ale:

  • Wymaga założenia konta
  • Pełne dane płatne
  • Wolny interfejs webowy

Wappalyzer

Popularne rozszerzenie przeglądarki:

  • Dobre wykrywanie, ale ograniczone
  • Osobne narzędzie od audytu SEO
  • Nie pokazuje kontekstu (wersje, konflikty)

DevTools

Możesz ręcznie przeszukać źródło strony, ale:

  • Czasochłonne
  • Wymaga wiedzy co szukać
  • Łatwo coś przeoczyć

UPER SEO Auditor - wykrywanie technologii

Rozszerzenie UPER SEO Auditor automatycznie analizuje stos technologiczny strony w zakładce Stack.

UPER SEO Auditor - wykrywanie stosu technologicznego

Kategorie wykrywanych technologii

KategoriaPrzykłady
CMSWordPress, Drupal, Joomla, Shopify, Wix
Frameworki JSReact, Vue, Angular, Svelte, Next.js, Nuxt
BibliotekijQuery, Lodash, Moment.js, Axios
CSS FrameworksTailwind, Bootstrap, Bulma, Foundation
AnalitykaGA4, GTM, Hotjar, Clarity, Plausible
ReklamyGoogle Ads, Facebook Pixel, LinkedIn
CDNCloudflare, Fastly, CloudFront, Akamai
HostingNetlify, Vercel, AWS, GCP
E-commerceWooCommerce, Magento, PrestaShop
Czat/SupportIntercom, Zendesk, Tawk.to, Crisp

Jak to działa?

Rozszerzenie analizuje:

  1. Nagłówki HTTP - X-Powered-By, Server, custom headers
  2. Meta tagi - generator, viewport patterns
  3. Skrypty - ścieżki, nazwy zmiennych globalnych
  4. Style - klasy CSS, komentarze
  5. Cookies - nazwy charakterystyczne dla platform
  6. DOM - atrybuty, struktury specyficzne dla frameworków

Wykrywanie CMS

WordPress

Rozszerzenie wykrywa WordPress poprzez:

<!-- Meta generator -->
<meta name="generator" content="WordPress 6.4.2">

<!-- Ścieżki -->
/wp-content/themes/theme-name/
/wp-includes/js/jquery/

<!-- REST API -->
/wp-json/wp/v2/

<!-- Komentarze -->
<!-- This site is powered by WordPress -->

Dodatkowe informacje:

  • Wersja WordPress
  • Aktywny motyw
  • Wykryte wtyczki (Yoast, WooCommerce, Elementor)

Shopify

<!-- CDN -->
cdn.shopify.com/s/files/

<!-- Cookies -->
_shopify_s, _shopify_y

<!-- JavaScript -->
window.Shopify

Inne CMS-y

CMSSygnały
Drupal/sites/default/files/, Drupal.settings
Joomla/media/jui/, Joomla.optionsStorage
Wixstatic.wixstatic.com, wix-code-sdk
Squarespacestatic.squarespace.com
Webflowwebflow.com/api/, .w- classes
Ghostghost.io, ghost- paths

Wykrywanie frameworków JavaScript

React

// Globalny obiekt
window.__REACT_DEVTOOLS_GLOBAL_HOOK__

// Atrybuty DOM
data-reactroot
data-reactid

// Bundler chunks
/static/js/main.*.chunk.js

Vue.js

// Globalny obiekt
window.__VUE__
window.__VUE_DEVTOOLS_GLOBAL_HOOK__

// Atrybuty
data-v-*
v-cloak

Next.js

<!-- Meta -->
<script id="__NEXT_DATA__">

<!-- Ścieżki -->
/_next/static/
/_next/image

Angular

// Atrybuty
ng-version
_nghost-*
_ngcontent-*

// Globalny
window.ng

Svelte / SvelteKit

<!-- Klasy -->
svelte-*
class="s-*"

<!-- Hydration -->
data-svelte-h

Wykrywanie narzędzi analitycznych

Google Analytics 4

// Skrypt
gtag('config', 'G-XXXXXXX')

// Globalny obiekt
window.dataLayer
window.gtag

// Request
google-analytics.com/g/collect

Wyświetlane informacje:

  • Measurement ID (G-XXXXXX)
  • Czy Enhanced Measurement włączone
  • Debug mode

Google Tag Manager

// Skrypt
googletagmanager.com/gtm.js?id=GTM-XXXXX

// Container
window.google_tag_manager

Wyświetlane informacje:

  • Container ID (GTM-XXXXX)
  • Środowisko (live/preview)

Inne trackery

NarzędzieDetekcja
Hotjarstatic.hotjar.com, hj()
Microsoft Clarityclarity.ms, window.clarity
Plausibleplausible.io/js/
Fathomcdn.usefathom.com
Matomomatomo.js, _paq

Wykrywanie bibliotek

jQuery

window.jQuery
window.$

// Wersja
jQuery.fn.jquery  // "3.7.1"

Lodash / Underscore

window._
window._.VERSION  // "4.17.21"

Inne popularne biblioteki

BibliotekaSygnał
Axioswindow.axios
Moment.jswindow.moment
Day.jswindow.dayjs
GSAPwindow.gsap
Three.jswindow.THREE
D3.jswindow.d3

CSS Frameworks

Tailwind CSS

<!-- Charakterystyczne klasy -->
class="flex items-center justify-between"
class="bg-blue-500 hover:bg-blue-700"
class="px-4 py-2 rounded-lg"

Bootstrap

<!-- Klasy -->
class="container"
class="row col-md-6"
class="btn btn-primary"

<!-- CDN -->
cdn.jsdelivr.net/npm/bootstrap

Bulma

class="columns is-multiline"
class="button is-primary"

Praktyczne zastosowania

1. Przed audytem SEO

Wiedząc, że strona używa WordPress + Yoast:

  • Sprawdzisz konfigurację Yoast
  • Poszukasz konfliktów wtyczek
  • Zastosujesz rekomendacje specyficzne dla WP

2. Analiza konkurencji

Konkurent wyprzedza Cię w wynikach? Sprawdź:

  • Jakiego CMS używa
  • Czy ma lepsze narzędzia analityczne
  • Jakie rozwiązania performance (CDN, lazy loading)

3. Wykrywanie przestarzałych technologii

Stack Detection może wykryć:

  • Stare wersje jQuery (security risk)
  • Przestarzałe frameworki
  • Zdeprecjonowane biblioteki

4. Szacowanie kosztów migracji

Klient chce redesign? Wiedząc, że strona to:

  • WordPress + WooCommerce + 20 wtyczek

…możesz lepiej oszacować zakres pracy.

Porównanie z BuiltWith

FeatureBuiltWithUPER SEO Auditor
Detekcja CMS✅✅
Frameworki JS✅✅
WersjePłatne✅
Integracja z SEO❌✅
Offline❌✅
Cena$295+/mscDarmowe

Eksport danych

Wyniki detekcji są uwzględniane w eksporcie:

  • PDF - sekcja Technology Stack z ikonami
  • JSON - pełna struktura do dalszej analizy

Ograniczenia detekcji

Niektóre technologie są trudne do wykrycia:

  • Server-side frameworks - PHP, Python, Ruby (ukryte za CDN)
  • Zamaskowane stacki - celowe ukrywanie technologii
  • Micro frontends - mieszane frameworki
  • Edge rendering - Cloudflare Workers, Deno Deploy

Podsumowanie

Wykrywanie technologii w UPER SEO Auditor pozwala:

  • Szybko poznać stack - CMS, frameworki, biblioteki
  • Zidentyfikować narzędzia - analityka, reklamy, czat
  • Wykryć wersje - security audit
  • Zintegrować z SEO - wszystko w jednym panelu

Zamiast przeskakiwać między BuiltWith, Wappalyzer i DevTools - masz wszystko w jednym miejscu.

Wypróbuj UPER SEO Auditor i sprawdź stos technologiczny dowolnej strony.

Źródła

  1. Wappalyzer - Technology Lookup https://www.wappalyzer.com/

  2. BuiltWith - Web Technology Profiler https://builtwith.com/

  3. Chrome DevTools - Network Panel https://developer.chrome.com/docs/devtools/network/

  4. HTTP Archive - Web Almanac https://almanac.httparchive.org/