.Sklep internetowy oparty na technologii AJAX

Lista produktów i filtracja
Opcje przed dodaniem produktu do koszyka
Realizacja zamówienia - tu także jest AJAX:)

Specyfikacja i działanie sklepu

Działanie sklepu internetowego prawie w całości oparte jest na technologii AJAX. Zamawianie produktów, operacje w koszyku (usuwanie, modyfikacja ilości), wyszukiwarka, uzupełnianie danych w formularzu zamówienia. Dopiero przejście na kartę danego produktu (szczegóły produktu) powoduje przeładowanie strony z automatycznie wygenerowanym, dedykowanym SEO i Google Merchant adresem URL (landing page). Przedstawione rozwiązanie bardzo dobrze spisuje się jeżeli chodzi o szybkość działania, ale jeżeli popatrzymy na nie w kontekoście SEO i indeksowania zasobów przez robota wyszukiwarki jest gorzej...
Na potrzeby polepszenia widoczności serwisu przez crawlery opracowałem silnik działający jako "emulator" powyższego sklepu. Zasada jest prosta wszystko działa jak dotychczas, tylko w momencie gdy silnik wykryje "ajaxowe" wygenerowanie adresu url (np. przy pomocy filtrowania) przkierowuje na nowy zasób klasycznym przejściem. Adres Emulatora dostępny jest poniżej
W tym przypadku, jak w większości, sprawdza się idealnie przykaz mówiący o zdrowym rozsądku, wymaganiach i możliwościach technologicznych.

Technologie

  • Warstwa widoku: HTML5, SASS-CSS (kompilowany po localhost)
  • Silnik serwera: PHP-OOP (PDO interface), MySQL (InnoDB engine)
  • Warstwa interfejsu: jQuery, AJAX

Live DEMO

Zapraszam do przetestowania.
Wersja demo (AJAX): demo
Wersja demo (Emulator): demo

2024 - Internet.Media - Damian Krawiec, Zielona Góra, Lubuskie
m(at)internet.media.pl