Pokażę wam dzisiaj w jaki sposób można samodzielnie sprawdzić za pomocą jakiej technologii została zbudowana strona internetowa. Głównie skupimy się na tym, czy korzysta ona z systemu CMS (systemu do zarządzania treścią). Witryny tego typu w ostatnich latach są bardzo popularne.
W sumie przybliżę wam kilka w miarę prostych metod. Umożliwią one wam samodzielne ustalenie czy mamy odczynienia ze stroną opartą o CMS czy też może jest to zwykła statyczna strona. Dowiecie się też z jakich popularnych skryptów korzysta strona. Warto tu wspomnieć, że doświadczone osoby nie zawsze muszą sprawdzać niektóre strony. Sama ich szata graficzna i rozmieszczenie elementów zdradzają z czym mamy do czynienia.
Typy spotykanych w Internecie witryn
Zaczniemy jednak od podstaw. Obecnie w internecie występuje kilka typów stron są to:
- strony statyczne napisane w HTML, PHP oparte są o nie np:
- strony internetowe
- wizytówki
- strony oparte o systemy do zarządzania treścią (CMS) najczęściej spotykane typy to np:
- strony www
- sklepy internetowe
- portale
- wortale
- katalogi
- blogi
- strony inne napisane np. w technologi .NET oparte są o nie np:
- strony internetowe
- portale
Jak widzicie powyższy podział oparty jest o technologię a nie o sposób wykorzystania czy przeznaczenie. Pewnie już zauważyliście, że w każdej z tych technologii można wykonać stronę internetową.
Jak sprawdzić na czym oparta jest strona?
Istnieje kilka metod na to by zweryfikować w czym została wykona witryna internetowa. Do najprostszych metod zaliczamy:
- Sprawdzenie czy w na samym dole strony (footer / stopce ) nie ma informacji w czym została napisana strona np. WordPress, PrestaShop
- Wywołanie strony 404 czyli błędu pojawiającego się w momencie gdy podstrona nie istnieje np. domena.pl/jakis-tekst
- Niekiedy rozwiązaniem jest wpisanie po adresie strony słowa admin, administrator, admin.php lub login.php np:
http://strona.pl/admin - Sprawdzenie kodu strony pod kontem specyficznych tagów lub elementów,
- użycie internetowej aplikacji.
Powyżej umieściłam grafikę z przykładem jak w stopce może wyglądać informacja.
Jak sprawdzić w kodzie strony?
W celu sprawdzenia kodu strony. Wchodzimy na interesującą witrynę następnie klikamy prawym klawiszem z rozwijanej listy wybieramy źródło (niekiedy źródło strony – zależy od przeglądarki).
Następnie automatycznie przechodzimy na nową kartę z kodem strony.
Na większości stron standardowymi plikami są plik .CSS lub nowszy odpowiednik .SCSS/ .LESS. Pliki te stanowią integralną część szablonu strony lub struktury całego systemu.Oznacza to, że mogą być dobrym źródłem informacji.
Teraz naszym zadaniem jest odnalezienie właśnie tego typu pliku. Kiedy już tego dokonamy po strukturze linka będziemy mogli bardzo często dowiedzieć się z czym mamy do czynienia. Ta informacja czasem jest tam dosłownie napisana, jednak trzeba ją umieć odczytać.
W przypadku zwykłej strony HTML to co możemy znaleźć to coś w rodzaju
<link type="text/css" media="all" href="css/style.css" rel="stylesheet" />Nie co inaczej wygląda sprawa z CMS. Obecnie na rynku jest sporo systemów CMS, niektóre są pisane stricte pod daną firmę. Dlatego czasami trzeba się nieco natrudzić, by ustalić jaki to system.
Jak ręcznie rozpoznać, który to system CMS?
WordPress – CMS
Doświadczony internauta często nie musi nawet sprawdzać w kodzie, by wiedzieć, że jest na stronie opartej o WordPress – strony te są bardzo charakterystyczne.
Upewnić w tym nas może kod np.:
W praktyce rozpoznanie jego wersji często też nie stanowi dużego problemu
<meta name="generator" content="WordPress 4.9.1" />Jeśli chcecie dowiedzieć się czegoś więcej o stronie opartej o WordPressa warto przeczytać – z jakiego szablonu korzysta WordPress.
Joomla! – CMS
Jak rozpoznać pliki CMS Joomla:
Standardowo szablon zawiera katalogi: assets oraz templates
Joomle można też poznać po charakterystycznym znaczku na karcie przeglądarki. Jeżeli nadal nie jesteście pewni czy to Joomla za adresem strony głównej wpiszcie administrator automatycznie zostaniecie przeniesieni na stronę logowania.
Drupal – CMS
W CMS Drupal szukamy nieco inaczej, bo po tagu data-drupal-selector.
Statyczne strony internetowe
W przypadku zwykłych stron HTML lub PHP dość często plik .CSS znajduje się w katalogu o nazwie „CSS”.
Obecnie też wiele statycznych stron korzysta z popularnych bibliotek CSS. Do popularniejszych należy Twiter Bootstrap.
Dodatek do przeglądarki Wappalyzer
Kolejnym sposobem weryfikacji tego w czym jest zrobiona strona jest zainstalowanie dodatku (wtyczki) do przeglądarki internetowej – Firefox lub Chrome Wappalyzer.
Dzięki niej w bardzo prosty i szybki sposób można sprawdzić nie tylko z pomocą jakiego systemu CMS zbudowano witrynę, ale również jakie biblioteki i technologie używa.
Jak widać na załączonym obrazku strona zbudowana jest z pomocą Microsoft ASP.NET korzysta również między innymi z Google Analytics.
Macie jakieś swoje spostrzeżenia zostawcie je w komentarzu.
Inne skrypty
W Internecie istnieje wiele skryptów autorskich – ustalenie ich nazwy może być dużo trudniejsze. Możecie jednak spróbować za adresem strony głównej wpisać:
- admin,
- administrator,
- admin.php,
- lub login.php
W branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy stron internetowych. Hobbistycznie zajmuje się fotografią, podróżami (głównie tymi mikro). Interesuje się mitologią (Nordycką, Grecką i Rzymską) i historią.