KREATYWNI

... Z NATURY

Więcej o nas

NASZA OFERTA

co robimy ?

Od momentu założenia w 2004 roku, rozwija się bardzo dynamicznie. Dzięki ciągłemu rozszerzaniu świadczonych przez nas usług, stale powiększamy grupę zadowolonych klientów. To co przekonało naszych klientów to nasza elastyczność i uwzględnianie ich indywidualnych potrzeb.

Strony internetowe
optymalizacja seo

Strona WWW jest głównym źródłem informacji i interaktywnym środowiskiem kontaktu z klientem.

Czytaj więcej

SKLEPY INTERNETOWE PRESTASHOP

Nowoczesne, funckjonalne i łatwe w obsłudze rozwiązanie e-commerce dostosowane do Twoich potrzeb.

Czytaj więcej

SEO /SEM
audyty

Zwiększanie widoczności strony, podniesienie pozycji w wyszukiwarce Google. Pozycjonowanie sklepów internetowych - SEO PrestaShop. Audyty SEO.

Czytaj więcej
Strona WWW jest głównym źródłem informacji i interaktywnym środowiskiem kontaktu z klientem. Jest to równocześnie najtańszy sposób zareklamowania się szerokiemu gronu klientów i kontrahentów. Jakie funkcje powinna spełniać Twoja strona internetowa?

PORTFOLIO

Nasze prace

Przyspieszanie sklepu PrestaShop – sklep internetowy wolno działa

Prędkość wczytywania strony ma ogromne znaczenie na komfort zakupów robionych przez Twoich Kleinów oraz wyniki sprzedaży Twojego sklepu internetowego. Z szeregu badań przeprowadzonych – szeroko opisanych i udostępnionych publicznie jasno wynika. Strona która ładuje się 5 sekund w porównaniu do strony która ładuje się 1 sekundę straci 35% użytkowników którzy chcą wejść na stronę – a co gorsza ta strona sprzeda 40% mniej! Jeśli Twój sklep internetowy działa wolno poważnie rozważ jego optymalizację.

I. Sklep na PrestaShop działał szybko ale z czasem zaczął działać coraz wolniej.

PrestaShop domyślnie zbiera różnego rodzaju statystyki. Dane te są magazynowane w bazie MySQL razem z innymi danymi sklepu takimi jak kategorie, produkty, czy zamówienia. W zależności od popularności sklepu oraz daty jego założenia lub ostatniego serwisowania baza MySQL potrafi bardzo szybko się rozrastać. Milion rekordów czy wielkość pow. 200MB dla tabeli ps_connections nie jest niczym zaskakującym dla deweloperów PrestaShop. Taki stan negatywnie wpływa na wydajność sklepu internetowego ponieważ każde zdarzenie w przypadku tabeli ps_connections jest to zapis każdego przychodzącego połączenia dane np: data, IP komputera. Zapis do pustej tabeli trwa dużo krócej niż przetworzenie zapytania do bazy która ma 200MB lub więcej. Nie zawsze możemy sobie pozwolić na pełne wyczyszczenie tablic ze względu na analizowanie danych, ale danych z przed np. 2lat nie ma sensu analizować.

Screen tabel prestashop – podkreślono na czerwono rozmiar tabeli pc_connections

1) Czyszczenie tabel MySQL przechowujących statystyki PrestaShop.
2) Czyszczenie logów PrestaShop.
3) Nieznalezione strony – 404.
4) Czyszczenie archiwalnych wyszukiwań w naszym sklepie.
5) statystyki odsyłające.
6) Smarty

W celu usunięcia rekordów należy zalogować się np. do phpMyAdmin żeby wykonać zapytania SQL

1. Czyszczenie tabel MySQL PrestaShop przechowujących statystyki.

TRUNCATE TABLE ps_connections;
TRUNCATE TABLE ps_connections_source;
TRUNCATE TABLE ps_connections_page;
TRUNCATE TABLE ps_guest;

2. Czyszczenie logów Prestashop.

Tabela ps_log zbiera i zapisuje informacje na temat rzeczy wykonywanych w panelu administratora np.: powielenie produktu, modyfikacja produktu, dodanie produktu, …
przez zalogowanych użytkowników sklepu PrestaShop. Aby wyczyścić tabelę należy wykonać zapytanie SQL:

TRUNCATE TABLE ps_log;

3. 404 – strony nie znalezione.

Generowane przez boty sieciowe lub po prostu pod strony które nie istnieją bądź przestały istnieć (np. w wyniku usunięcia produktu) są zapisywane w tabeli ps_pagenotfound . Zapytanie SQL do usunięcia danych z tabeli:

TRUNCATE TABLE ps_pagenotfound;

4. Archiwalne wyszukiwania w naszym sklepie internetowym.

Wato przejrzeć przeanalizować jak klienci szukają produktów w naszym sklepie internetowym, czy posiadamy te produkty (może warto rozszerzyć ofertę). Może algorytm wyszukiwania wymaga poprawy? Klienci szukają parametrów produktu których nie uwzględniliśmy w naszym algorytmie.
Po przeanalizowaniu tabelę możemy wyczyścić zapytaniem:

TRUNCATE TABLE ps_statssearch;

5. Czyszczenie statystyk odsyłających:

TRUNCATE TABLE ps_referrer_cache;

6. Usuwanie z bazy cache smarty

TRUNCATE TABLE ps_smarty_cache;
TRUNCATE TABLE ps_smarty_last_flush;
TRUNCATE TABLE ps_smarty_lazy_cache;

II. Wydajność serwera na którym jest zainstalowany sklep internetowy

Sklepy internetowe na PrestaShop jest mniej zasobożerny niż silnik Magento. Niemniej serwer do obsługi sklepu internetowego należy dobrać wg założeń sprzedażowych sklepu. Specyfika hostingu PrestaShop inaczej będzie wyglądać dla sklepów na które spływa kilka/kilkanaście zamówień dziennie a inaczej dla sklepu realizującego kilkaset zamówień dziennie. Nie ma się co łudzić, że oferta hostingów współdzielonych największych firm hostingowych w Polsce będzie spełniać nasze oczekiwania. Usługi są tak wyskalowane, że niestety wydajność PrestaShop będzie niezadowalająca.

Jako przykład prezentujemy porównanie wydajności sklepu internetowego największej firmy hostingowej w Polsce która reklamuje się jako najbardziej wydajna na rynku z naszym standardowym VPS który obsługuje ok. sto stron (w tym kilka sklepów).

Prędkość ładowania PrestaShop na hostingu współdzielonym jednej z największych firm w Polsce to aż 23 sekundy!
Prędkość generowania na zwykłym serwerze VPS Pro-Link który obsługuje dużą liczbę stron czas generowania 1,5 sekundy.

Podany przykład obrazuje różnice 20 razy szybsze wygenerowanie strony. Największy który mówi, że jest najszybszy mija się mocno z prawdą. Prawdopodobnie podają jakiś parametr np. szybkości odczytu z dysków który na działanie naszego sklepu nie ma żadnego wpływu.

III. Optymalizacja szablonów PrestaShop

Jeśli zdecydujemy się na zakup gotowego szablonu musimy liczyć się z jego uniwersalnością dopasowaną do różnych branży. Szablony bardzo częśto generują ogromą liczbę zapytań SQL do bazy w celu wygenerowania jednego widoku. Zdażyło się nam optymalizować szablony które miały po kilka tysięcy zapytań do bazy żeby przygotować widok strony startowej. Jedno zapytanie do bazy to milisekundy ale przemnożone przez kilatysięcy to już sekundy.

Prędkość generowania szablony strony głównej. 1,2
Przykładowa liczba zapytań SQL w tym przypadku 1258 w celu wygenerowania jednego widoku.

Liczbę należy przemnożyć przez liczbę oczewkianych użytkowników sklepu internetowego żeby uzyskać realną liczbę zapytań wykonaną w ciągu sekundy do bazy MySQL. Oczywiście należy przyjąć wartości skrajne np. w przypadku puszczanie posta/reklamy na facebook do sklepu internetowego ilu użytkowników przejdzie do strony oraz czy nasz sklep poradzi sobie z obsługą ich zapytań. Należy pamiętać że między stroną załadowaną w 1sekundę a 5sekund różnica sprzedaży to 40% mniej dla tej drugiej wartości.

Certyfikaty SSL

I. Certyfikat SSL na komputerach stacjonanrych

Jak przeglądarki internetowe widzą strony internetowe zabezpieczone certyfikatem SSL.

Poniżej prezentujemy porównanie (ze screenami ). Jak najpopularniejsze przeglądarki internetowe wyświetlają w pasku adresu URL. Adres strony internetowej zabezpieczonej certyfikatem SSL oraz strony bez certyfikatu.

Strony zabezpieczone certyfikatem SSL posiadaja przedrostek https:// strony bez certyfikatu zaczynają się od http://

1. Przeglądarka Chrome

Przeglądarka Chrome jest używana na niespełna 70% komputerach stacjonarnych i laptopach. Dlatego zaczynamy od pokazania jej jako pierwszej w naszym zestawieniu. Chrome w pasku URL dodaje komentarz „Niezabezpieczona” ( Wersja 80.0.3987.132 (64-bitowa) )

Strona w przeglądarce Chrome bez certyfikatu SSL

Strona w przeglądarce Chrome zabezpieczona certyfikatem SSL

2. Przeglądarka Mozilla Firefox

Mozilla Firefox jest drugą co do popularności przeglądarką internetową instalowaną na komputerach stacjonarnych i laptopach z systemami Windows. Jej udział w rynku przeglądarkach internetowych w 2019r. wynosił niecałe 10%. Mozilla Firefox pokazuje w pasku URL kłódkę. W zależności od tego czy jest zainstalowany certyfikat czy nie kłódka jest przekreślona (dla stron bez certyfikatu) lub zamknięta (dla stron z poprawnie zainstalowanym certyfikatem SSL).

Mozilla Firefox – widok URL bez SSL
Mozilla Firefox – widok URL domeny zabezpieczonej certyfiaktem SSL

3. Opera

Kolejna przeglądarka mało popularna w Polsce.

II. Certyfikat SSL na urządzeniach mobilnych

Sytuacja na urządzeniach mobilnych jest analogiczna do przeglądarek internetowych na komputerach i laptopach. Połączenie ze stroną bez certyfikatu SSL jest oznaczane niebezpieczne.

Telefon, przeglądarka chrome, połączenie ze stroną WWW bez certyfikatu SSL

Urządzenie mobilne, przeglądarka chrome, połączenie zabezpieczone certyfikatem SSL

III. Wygasł certyfikat SSL

Certyfikaty SSL są wystawiane na określony czas. W przypadku braku odnowienia certyfikatu w okresie jego ważności. Po okresie ważności połączenie ze strona zostanie zablokowane przez przeglądarkę

Próba połączenia przy użyciu protokołu https ze stroną która nie posiada ważnego certyfikatu SSL – komunikat w przeglądarce chrome

Ostrzeżenie wyświetlane przez przeglądarkę Mozilla Firefox przy próbie połączenia ze stroną dla której wygasł certyfikat SSL

Z uwagi że podstawowe certyfikaty kosztują niedużo a spory czas jaki trzeba poświęcić na wygenerowanie i instalację sugerujemy zakup certyfikatu na kilka lat. Niektóre certyfikaty można wykupić nawet na pięć lat.
W przypadku jednak gdy certyfikat SSL wygaśnie. Należy niezwłocznie go odnowić. W tym celu należy wygenerować plik csr oraz klucz prywatny np. z adresu : generator csr . Przesłać do nas plik csr w celu podpisania certyfikatu. Określić rodzaj walidacji własności domeny np.: e-mail, plik który trzeba wgrać na serwer, wpis TXT w strefie DNS. Cała procedura poprawnie poprowadzona powinna zająć do 15min. Przy założeniu, że posiadamy odpowiednie dostępy i uprawnienia do serwera. Organizowanie tych danych może wydłużyć cały proces.

Generator CSR do certyfikatu SSL

CSR – CERTIFICATE SIGNING REQUEST (ŻĄDANIE PODPISANIA CERTYFIKATU)

Plik CSR jest wnioskiem wysłanym do organu certyfikacji w celu uzyskania certyfikatu tożsamości cyfrowej. W naszym przypadku jest to certyfikat SSL do zabezpieczenia transmisji z naszą domeną.

Pliki CSR wysyłane w celu uzyskania certyfikatu SSL zawierają klucz publiczny wnioskodawcy, który przechowuje takie informacje jak:

  • CN – (Common Name – nazwa zwyczajowa) – Nazwa domeny, którą chcemy zabezpieczyć, np. pro-link.pl
  • O – (Organization – organizacja) – Nazwa firmy, np. Pro-Link
  • OU – (Organizational Unit – jednostka organizacji) – Nazwa działu firmy, np. IT
  • L – (Locality – lokalizacja) – Miejscowość, np. Bydgoszcz lub Warszawa
  • ST – (State – województwo) – np. Kujawsko-Pomorskie lub Mazowieckie
  • C – (Country – państwo) – np. Polska
  • MAIL – (Email) Adres e-mail

Dane te należy podać podczas generowania pliku CSR.

Plik CSR generowany jest z kluczem prywatnym. Oba te pliki należy po wygenerowaniu zachować.

Po wygenerowaniu pliku CSR należy go przesłać do odpowiedniego organu certyfikacji – w zależności od tego, o jaki certyfikat się ubiegamy.

Certyfikat należy zweryfikować. Istnieją trzy metody weryfikacji tożsamości:

  1. Potwierdzenie linku w mailu, który należy do domeny, dla której ubiegamy się o certyfikat.
  2. Wgranie pliku na serwer w wyznaczony URL przez organ certyfikacji.
  3. Dodanie odpowiedniego rekordu TXT do strefy DNS.

Po zweryfikowaniu tożsamości organ certyfikujący wydaje certyfikat, który należy razem z kluczem prywatnym zainstalować na serwerze.

W celu pełnego zabezpieczenia domeny należy jeszcze dodać CA Cert – certyfikat urzędu certyfikacji.

Pliki CSR posiadają rozszerzenie *.pem

Jak zainstalować Certyfikat SSL

Instalacja certyfikatu SSL jest kluczowym krokiem do zabezpieczenia Twojej strony internetowej. Oto kroki, które należy wykonać, aby poprawnie zainstalować certyfikat SSL na serwerze:

  1. Odbierz certyfikat od CA (Certificate Authority):
    • Po pomyślnej weryfikacji tożsamości przez CA, otrzymasz certyfikat SSL w formacie pliku (zazwyczaj z rozszerzeniem .crt lub .pem).
  2. Zaloguj się do panelu administracyjnego serwera:
    • Użyj danych logowania dostarczonych przez Twojego dostawcę hostingu, aby uzyskać dostęp do panelu administracyjnego serwera.
  3. Przejdź do sekcji zarządzania certyfikatami SSL:
    • W panelu administracyjnym znajdź sekcję dotyczącą zarządzania certyfikatami SSL. Może to być część ustawień bezpieczeństwa lub domen.
  4. Wgraj certyfikat SSL i klucz prywatny:
    • Wgraj plik certyfikatu otrzymany od CA oraz klucz prywatny, który został wygenerowany razem z plikiem CSR.
    • Upewnij się, że wprowadzasz certyfikat i klucz prywatny w odpowiednich polach.
  5. Dodaj CA Cert (Certificate Authority Certificate):
    • Niektóre serwery wymagają również wgrania certyfikatu urzędu certyfikacji (CA Cert), aby upewnić się, że przeglądarki mogą prawidłowo zweryfikować certyfikat SSL.
  6. Zapisz zmiany i zrestartuj serwer:
    • Po wgraniu wszystkich niezbędnych plików, zapisz zmiany. W niektórych przypadkach może być konieczne zrestartowanie serwera, aby certyfikat SSL zaczął działać.
  7. Sprawdź instalację certyfikatu SSL:
    • Użyj narzędzi online, takich jak SSL Checker, aby upewnić się, że certyfikat SSL został prawidłowo zainstalowany i działa poprawnie na Twojej stronie.

Po zakończeniu tych kroków, Twoja strona internetowa będzie chroniona certyfikatem SSL, co zapewni bezpieczną transmisję danych między serwerem a użytkownikami oraz zwiększy zaufanie odwiedzających Twoją witrynę.

GENERATOR CSR









CSR:

Klucz prywatny:

Generator CSR

Przelewy24 - podłączenie szybkich płatności do PrestaShop

Na początek musimy podpisać umowę na świadczenie usług z przelewy24. Po zweryfikowaniu naszego sklepu przez pracownika przelewy24 - sprawdzeniu poprawności niezbędnych informacji prawnych: regulaminu, polityki prywatności, warunków odstąpienia od umowy, otrzymujemy dane potrzebne do podłączenia szybkich płatności do naszego e-sklepu.

Kiedy mamy wszystkie potrzebne dane:

  • pobieramy oficjalną wtyczkę ze strony przelewy24
  • instalujemy pobraną wtyczkę
  • uzupełniamy niezbędne informacje: ID Sprzedawcy, ID sklepu, Klucz CRC

Podłączenie PayU do e-sklepu PrestaShop

Do podłączenia szybkich płatności PayU na sklepie internetowym opartym na oprogramowaniu PrestaShop należy na początek podpisać umowę na świadczenie usług z PayU. W tym celu należy skontaktować się z przedstawicielem PayU - dane kontaktowe można znaleźć bez kłopotu na ich stronie www.

Kiedy podpiszemy umowę uzyskamy dostęp do panelu klienta, dzięki czemu będziemy mogli monitorować i zarządzać transakcjami.

Aby dodać płatność PayU do naszego e-sklepu:

  • z oficjalnej strony pobieramy wtyczkę
  • instalujemy pobraną wtyczkę
  • uzupełniamy niezbędne informacje
  • dane konfiguracyjne znajdują się w panelu klienta payu
  • uzupełniamy: Id punktu płatności, Drugi klucz MD5, OAuth - client_id, OAuth - client_secret

Jeśli nie posiadasz jeszcze konta w PayU wystarczy że przejdziesz na stronę z poniższego linka nowe konto w PayU.

Po przejściu na stronie zobaczysz formularz jak po prawej stronie ekranu dzięki któremu założysz nowe konto PayU.

Formularz rejestracji PayU

PayPal - podłączenie wtyczki do sklepu internetowego PrestaShop

Na początek musimy aktywować nasze konto PayPal, można zrobić na oficjalnej stronie www PayPal. Kiedy nasze jest już aktywne i mamy dostęp do panelu klienta, możemy podłączyć płatności PayPal do naszego sklepu internetowego PrestaShop

Moduł do PrestaShop jest dostępny z poziomu zarządzania sklepem w sekcji moduły -> katalog

Do instalacji należy przejść do sekcji "Konfiguruj", następnie "Powiąż lub utwórz konto "PayPal" i konfigurator krok po kroku przeprowadzi nas przez proces integracji konta PayPal ze sklepem internetowym.

Podłączenie szybkich płatności DotPay do sklepu internetowego PrestShop

Aby podłączyć szybkie płatności DotPay do e-sklepu PrestaShop musimy podpisać umowę i z DotPay, a następnie uzyskać dostęp do panelu klienta, skąd będziemy mieli możliwość zarządzać transakcjami.

Po otrzymaniu danych dostępowych do panelu klienta DotPay należy:

  • pobrać oficjalną wtyczkę do PrestaShop o oficjalnej strony DotPay
  • zainstalować pobraną wtyczkę
  • Skonfigurować wtyczkę uzupełniając potrzebne informacje
  • wymagane dane, tj. Numer ID oraz kod PIN można odszukać w panelu klienta DotPay

Co ma wpływ na cenę sklepu internetowego PrestaShop cennik.

Cennik PrestaShop

Samo oprogramowanie PrestaShop jest rozpowszechniane na zasadzie licencji „Open Software Licence”. W związku z czym każdy może pobrać skrypt i zainstalować sklep. W ten sposób mamy sklep internetowy, który będzie wspierany przez silnik Prestashop.

Co wchodzi w cenę sklepu internetowego?

Jeśli masz sklep i potrzebujesz tylko usług zapraszamy na koniec artykułu cennik usług dodatkowych

1. Funkcjonalność PrestaShop

Ustalenie szczegółów dotyczących realizacji, omówienie asortymentu jaki będzie sprzedawany. Doprecyzowanie szczegółowych wariantów produktu dla wszystkich kategorii branży. Dokładne omówienie sposobu poruszania się użytkowników po sklepie internetowym, sposobu wyszukiwania produktów, zamawiania, płatności i wysyłki. Wybadanie które z kanałów dotarcia do klienta są optymalne dla danej branży i zaproponowanie odpowiednich modułów np.:
– porównywarki cenowe np.: Ceneo, Skapiec
– portale aukcyjne np.: Allegro, e-bay
– Reklama Google Ads
– Google Merchant Center
– SocialMedia
– SEM
Omówienie wyglądu sklepu, kolorystyki układu, działania.
Zdefiniowanie ścieżki zakupowej. Opracowanie profilu współpracy z partnerami aby odwzorować w sklepie internetowym. Każdy z powyższych elementów ma wpływ na końcową cenę sklepu internetowego.

2. Wdrożenie Prestashop

Instalacja sklepu Prestashop.
I) Przygotowanie serwera pod wgranie testowej wersji sklepu na której będziemy pracowali do czasu zakończenia prac i publikacji np:
a) Utworzenie subdomeny,
b) Zweryfikowanie wersji PHP, w przypadku braku możliwości zmiany PHP na wersję wystarczającą do zainstalowania PrestaShop – oddelegowanie rekordu A subdomeny na inny serwer.
c) Utworzenie bazy MySQL.
II) Pobranie ostatniej stabilnej wersji PrestaShop.
III) Wgranie plików na serwer do odpowiedniego katalogu np. za pośrednictwem protokołu FTP.
IV) Wywołanie URL w celu zainicjowania instalacji sklepu internetowego.

Po przejściu przez proces instalacji tj. podaniu kilku niezbędnych danych jak: nazwa sklepu, nazwa użytkownika, hasło administratora, podanie dostępów do bazy MySQL. Otrzymujemy wersję demonstracyjną sklepu internetowego, jaki możemy zobaczyć na oficjalnej stronie prestashop.com.

3. Projektowanie grafiki sklepu internetowego.

Personalizacja sklepu internetowego – ten etap ma duży wpływ na cennik Prestashop.

I) Projekt indywidualny – minimum jakie potrzebujemy to 8 godzin na przygotowanie projektu graficznego od 24 godzin na zakodowanie do CSS, HTML dla prostego projektu. Należy pamiętać, że strona główna to nie cały projekt na stronie występuje dużo więcej widoków które trzeba poprawić : listing kategorii, produktu, koszyka, formularze, panel klienta, … .

II) Szablon PrestaShop – Jeśli decydujemy się na gotowy szablon. Nigdy nie wybieraj najtańszych szablonów. Takie szablony często są źle zakodowane, naprawianie szukanie błędów zajmuje więcej czasu niż zakodowanie na nowo. Często nie przewidują wszystkich funkcji PrestaShop i np. może się okazać, że przy włączeniu powiązanych produktów szablon będzie generował błędy. Musisz się też liczyć z tym, że takich stron będzie kilka w sieci, jeśli są to firmy z innej branży to nie ma większego problemu.

Wybór między punktami I i II ma znaczący wpływ na cenę finalnego sklepu internetowego.

4. Instalowanie modułów i konfiguracja.

Skalowalność PrestaShop jest nie ograniczona. Ponad 6000 gotowych modułów płatnych i darmowych podzielonych na 10 głównych kategorii:

  • Strona produktu,
  • Design & Nawigacja,
  • Promocje & Marketing,
  • Ruch & Widoczność,
  • Płatność,
  • Dostawa & Logistyka,
  • Administracja,
  • Klienci,
  • Facebook & Serwisy społecznościowe,
  • Platformy Specjalistyczne.

Przykładowo wdrożenie PayU zajmuje ok 1-2 godzin. Musimy utworzyć nową płatność w PayU przestawić w tryb testów, pobrać klucze i identyfikatory potwierdzające bezpieczeństwo oraz podać w PrestaShop. Wykonać testy! Tak żeby nie było problemów po publikacji. Nic skomplikowanego i nic specjalnie absorbującego tylko że tych modułów będzie kilka a nawet kilka naście i nad każdym w podobnym stopniu trzeba poświęcić czas na poprawną konfigurację.

5. Pisanie własnych modułów PrestaShop.

Presta Shop jest gotowym rozwiązaniem i nigdy w 100% nie odwzorowuje działanie firmy. Biorąc pod uwagę indywidualność każdego przedsiębiorstwa. Dwie firmy z tej samej branży wyróżniają inne rzeczy, żeby pokazać te zalety w naszym sklepie musimy dodatkowo zaprogramować taką funkcjonalność.

6. Migracja danych ze starego sklepu do Prestashop.

Jeżeli sklep internetowy nie jest wyposażony w integrator z programem do faktur który przesyła w tle produkty, stany, magazynowe, zamówienia. Jeżeli mamy już inny działający sklep internetowy np. na starszej wersji PrestaShop lub zupełnie na innych systemów np. Shoper. Musimy przenieść dane do naszego nowego sklepu.

Wprowadzanie materiałów do sklepu internetowego. Jeśli jest to pierwszy sklep internetowy materiały należy wprowadzić.

7. PrestaShop Cennik

Po określeniu wszystkich funkcjonalności sklepu internetowego. Jesteśmy wstanie określić ilość czasu potrzebny do spersonalizowania sklepu internetowego. Wybór na każdym z kroków ma wpływ na cenę gotowego sklepu. Tak opracowujemy cennik wykonania sklepu PrestaShop.

8. Publikacja strony pod właściwym adresem.

Dla bezpieczeństwa wykonujemy pełen backup i zgrywamy. Zawartość starego sklepy lub strony przenosimy do katalogu tak aby był do niej jeszcze dostęp. Wgrywamy PrestaShop na docelową domenę internetową.

Sklep gotowy, zajmujemy się marketingiem i sprzedażą.

Zapraszamy do składania zapytań.

Poniżej prezentujemy przykładową realizację sklepu internetowego dla 3krotnego mistrza świata Tai Woffinden:

widok listingu produków w PrestaShop
Widok kategorii
widok konkretnego produktu
Widok produktu

9. Cennik usług pozostałych i opieki nad sklepem PrestaShop

PakietCenaZawartość Pakietu
Pakiet Startowyod 500 PLN/miesiąc Podstawowe monitorowanie PrestaShop
Instalacja standardowych modułów
Podstawowe wsparcie techniczne przez e-mail
Pakiet Biznesowyod 1000 PLN/miesiąc Wszystko z pakietu Startowego, plus:
Dostosowywanie tematów i modułów
Optymalizacja SEO na poziomie podstawowym
Wsparcie techniczne przez telefon
Pakiet Premium2500 PLN/miesiąc Wszystko z pakietu Biznesowego, plus:
Zarządzanie kampaniami PPC i e-mail marketingiem
Zaawansowane optymalizacje SEO
Rozwój funkcji sklepu na żądanie
Miesięczne raporty wydajności i analizy
Priorytetowe wsparcie techniczne 24/7
Wdrażanie i zarządzanie integracjami zewnętrznymi (ERP, CRM)
Szkolenia dla zespołów klienta
Usługi Dodatkowe
Rozwój indywidualnych modułówod 500 PLN
Optymalizacja wydajności sklepuod 900 PLN
Roboczogodzina150 PLN
Wykonanie i wdrożenie sklepu od „zera”wycena indywidualna

Wyszukiwarka PrestaShop

Opis działania oraz opis obsługi wyszukiwarki PrestaShop w panelu administratora z wyjaśnieniem poszczególnych składowych.

Wyszukiwarka źle (nie) działa – problem z wyszukiwarką PrestaShop

W niektórych przypadkach wyszukiwarka PrestaShop zwraca wyniki nie takie jak byśmy oczekiwali. Poukładane na pierwszy rzut oka nieprecyzyjnie/bez logicznego sensu.
Określane jako:
problem z wyszukiwarką produktów PrestaShop
– wyszukiwarka PrestaShop nie działa
– wyniki wyszukiwania PrestaShop są nie precyzyjne
– wyniki wyszukiwania są bez sensu (lub temu podobne zwroty).

Postaramy się wytłumaczyć działanie wyszukiwarki PrestaShop, żeby lepiej zrozumieć dlaczego i jak układają się produkty. Dlaczego produkty które nie powinny się pojawiać – pokazują się na pierwszym miejscu. Pomimo, że wg. nas produkt nie ma nic wspólnego z kryteriami jakie wprowadziliśmy do wyszukania.
W poniższym opisie podeprzemy się przykładem strony jednego z klientów – gdzie po wpisaniu frazy „tusz hp” produkty „tusz canon” zaczęły pojawiać się wyżej niż – tusze hp.
Na poniższym zdjęciu prezentujemy przykładowy screen wyników wyszukiwania.

 

Specyfika sklepu internetowego:
– Branża części komputerowych. Liczba pozycji asortymentowych wynosi ponad 9500 pozycji.
– Sklep zintegrowany z Wf-mag / Wapro mag.
– W nazwach produktów pojawiają się nazwy modeli – tak by można było łatwo odszukać produkt w programie do faktur.

Opis problemu wyszukiwania:
Po wpisaniu frazy „tusz hp”
Wyszukiwarka zwraca na 1134 rekordów.
Z czego w bazie mamy raptem 441 wszystkich tuszy do różnych drukarek.
A tuszy do HP 180 rekordów.
Wyniki zwrócone przez wyszukiwarkę PrastaShop są kompletnie odmienne z naszymi oczekiwaniami.
Tonery innych modeli pomieszane z różnymi produktami. Dopiero na którejś pozycji pojawiają się tusze do drukarki hp których szukamy.

Jak działa wyszukiwarka

Jak działa wyszukiwarka Prestashop:

Przyjrzyjmy się zapytaniu SQL wysyłanemu do bazy MySQL – podczas wyszukiwania produktu w sklepie internetowym na silniku PrestaShop:

SELECT p.*, product_shop.*, stock.out_of_stock, IFNULL(stock.quantity, 0) as quantity,
pl.`description_short`, pl.`available_now`, pl.`available_later`, pl.`link_rewrite`, pl.`name`,
image_shop.`id_image` id_image, il.`legend`, m.`name` manufacturer_name ,(
SELECT SUM(weight)
FROM ps_search_word sw
LEFT JOIN ps_search_index si ON sw.id_word = si.id_word
WHERE sw.id_lang = 1
AND sw.id_shop = 1
AND si.id_product = p.id_product
AND (sw.word LIKE '%tusz%' OR sw.word LIKE '%hp%')
) position,
DATEDIFF(
p.`date_add`,
DATE_SUB(
"2019-12-02 00:00:00",
INTERVAL 30 DAY
)
) > 0 new
FROM ps_product p
INNER JOIN ps_product_shop product_shop
ON (product_shop.id_product = p.id_product AND product_shop.id_shop = 1)
INNER JOIN `ps_product_lang` pl ON (
p.`id_product` = pl.`id_product`
AND pl.`id_lang` = 1 AND pl.id_shop = 1
)
LEFT JOIN ps_stock_available stock
ON (stock.id_product = `p`.id_product AND stock.id_product_attribute = 0 AND stock.id_shop = 1 AND stock.id_shop_group = 0 )
LEFT JOIN `ps_manufacturer` m FORCE INDEX (PRIMARY)
ON m.`id_manufacturer` = p.`id_manufacturer`
LEFT JOIN `ps_image_shop` image_shop FORCE INDEX (id_product)
ON (image_shop.`id_product` = p.`id_product` AND image_shop.cover=1 AND image_shop.id_shop=1)
LEFT JOIN `ps_image_lang` il ON (image_shop.`id_image` = il.`id_image` AND il.`id_lang` = 1)
WHERE p.`id_product` IN (45,46,48,49,50,51,52,53, [USUNIĘTE ŻEBY POPRAWIĆ CZYTELNOŚĆ ZAPYTANIA] ,9403,9404)
GROUP BY product_shop.id_product
ORDER BY position desc
LIMIT 0,24

Możemy odczytać, że pozycje są układane w sposób malejący (ORDER BY position desc) wg. kolumny wynikowej position, która jest sumą wag które narzuciliśmy w panelu administracyjnym naszego sklepu internetowego : Konfiguruj->Preferencje->Szukaj->Waga.

Dla standardowego zapytania SQL (Prestashop 1.7.5.1) zwraca wyniki jak poniższa tabela:

W naszym przypadku najwyższa wartość to 102 (niestety produkt nie jest tuszem – wyszukiwarka prestashop zwróciła na pierwszym miejscu toner).
Dzieje się tak dlatego, że wyszukiwarka prestashop buduje indeks do wyszukiwania. W tabeli ps_search_word znajdują się wszystkie słowa występujące w bazie produktów. Ilość tych słów jest ograniczana minimalną długłością liter występujących w słowie. Wartość można zdeklatować w Konfiguruj->Preferencje->Szukaj->Szukaj . Domyślnie parametr jest ustawiony na 3 litery.W naszym przypadku słowo „HP” które ma 2 litery było by pomijane przy wyszukiwaniu.
Zweryfikujmy zatem tabelę ps_search_index odpytując bazę MySQL.

Jak widać zapytanie w dopasowaniu przybliżonym (LIKE '%hp%’) nasz produkt zwrócił aż 14 rekordów dając wartość 10*9+3*1=102.
Pomimo, że produkt nie jest tuszem tylko tonerem jest na pierwszym miejscu. Ponieważ w nazwie (dla którego wagę mamy ustawioną na najwyższej randze) słowo „hp” w dopasowaniu przybliżonym pojawiło się aż 10 razy. Dając najwyższą punktację i stawiając w naszym przypadku „toner” przed „tuszem” (który pasuje do mniejszej liczby modeli).

Precyzyjna wyszukiwarka PrestaShop

Rozwiązanie w naszym przypadku było dość oczywiste.
Zapytanie SQL musimy zmodyfikować tak żeby w nazwie produktu musiała pojawić się lista słów w dopasowaniu przybliżonym. Okazało się wystarczające.

Wyszukiwarka PrestaShop vs. Google

Aktualnie (bez modyfikacji pliku Search.php) PrestaShop na najwyższej pozycji stawia produkt którego wyszukiwane słowo kluczowe powtórzyło się najwięcej razy przy uwzględnieniu wagi słowa kluczowego.  Kiedyś w podobny sposób ranking budowała wyszukiwarka Google – ale z oczywistych przyczyn zostało to zabronione: https://support.google.com/webmasters/answer/66358?hl=pl .

 

Myślniki „-” w indeksach produktów / numerach katalogowych

W przypadku występowania myślnika lub myślników (znaku – [minusa]) wyszukiwarka PrestaShop dzieli słowo w miejscu występowania myślnika i zaczyna przeszukiwanie bazę dla zestawu fraz.
Dla przykładu jeżeli szukamy produktu o indeksie:
AAA-11111
Zostanie przeszukana baza dla takich słów kluczowych: AAA lub 11111 lub AAA11111 lub AAA-11111 .
Dlatego jeśli chcemy wyszukiwać precyzyjniej produkty po indeksie/numerze katalogowym produktu musimy wprowadzić odpowiednie obostrzenia na pole reference tabeli ps_product w przeciwnym razie możemy spodziewać się w wynikach wyszukiwania produktów o indeksach:
AAA-22222
BBB-11111
AAA-11111
W kolejności zgodnej ze zdefiniowanymi wagami wyszukiwarki.

Rozwiązanie:
– Do zapytania SQL można dodać treść oryginalną z myślnikiem odwołującą do pola reference w zapytaniu przybliżonym do wyrażenia.
– Za komentować w pliku PHP kod odpowiadający za przekształcenie słowa z myślnikiem.

Konfiguracja wyszukiwarki PrestaShop

Konfiguracja wyszukiwarki w PrestaShop nie jest niczym skomplikowanym. Po zalogowaniu do panelu administracyjnego sklepu należy przejść do sekcji konfiguruj wybrać Preferencje->Szukaj.
Widoczne sekcje zostaną omówione od samego dołu bo wg. nas w tej kolejności wartości powinny być ustawiane w momencie pierwszej konfiguracji.

Waga poszczególnych pól dla miejsc gdzie pojawiają się słowa kluczowe do wyszukiwania

W tym miejscu deklarujemy co jest dla nas najważniejsze.
Do wyboru mamy:

  1. Waga nazwy produktu
  2. Waga indeksu
  3. Waga krótkiego opisu
  4. Waga opisu
  5. Waga kategorii
  6. Waga marki
  7. Waga tagów
  8. Waga atrybutów
  9. Waga cech

Przykład obliczania przy założeniu że wartość Waga nazwy produktu będzie równa 1, Waga indeksu = 6, Waga krótkiego opisu = 8, szukanej frazy „hp 1010”. Dla bazy posiadającej rekordy:

  1. [nazwa] hp 1010 | [indeks] druk-hp1010-new | [krótki opis] Super drukarka ekonomiczna
  2. [nazwa] kabel usb | [indeks] kab-usb-3m | [krótki opis] Pasuje do HP 1010

To drugi rekord będzie pierwszy ponieważ fraza pojawiła się w polu o największej wadze. Za słowo hp – 8 + słowo 1010 – 8 = 16 [pkt] . Pierwszy rekord otrzyma za nazwę hp = 1[pkt] + 1010 = 1[pkt] oraz za indeks (przy założeniu wyszukiwania przybliżonego) hp = 6[pkt] + 1010 = 6[pkt]  co nam łącznie daje 14.

14<16
Zgodnie z ORDER BY position desc opisanej w sekcji jak działa wyszukiwarka PrestaShop to kabel USB pojawi się wyżej niż Drukarka HP 1010 – dlatego tak ważne jest odpowiednie dobranie wag w zależności do rodzaju treści jaki znajduje się w bazie danych sklepu internetowego.

 

Sekcja szukaj

  1. Szukaj używając części słowa
  2. Wyszukaj dopasowując zakończenia słowa
  3. Minimalna długość słowa (w znakach)
  4. Słowa zabronione

Ad1. Szukaj używając części słowa – wartość zdeklarowana na TAK odpowiada za modyfikację zapytania SQL w jak na przykładzie (sw.word LIKE '%hp%' OR ...) Baza na zapytanie „hp” zwróci hp1010 oraz hp 1010

Ad3. Minimalna długość słowa – w zależności od rodzaju produktów np. w przypadku producenta hp konieczne jest zmniejszenie domyślnej wartości trzech liter w słowie wyszukiwanym na dwie litery. W innym razie słowo w zapytaniu będzie pomijane.

Ad4. Słowa zabronione – Słowa które nie będą brały udziału przy wyszukiwaniu. Słowa nazw,opisów, … produktów – z uwzględnieniem wag większych od 0 są zapisywane do tabeli ps_search_word. Zostały wyszczególnione najpopularniejsze ale mogą pojawić się inne w zależności opisów i specyfiki danej bazy. Załóżmy, że nie wykluczylibyśmy „do” przy wyszukaniu frazy „rolka do hp” mógłby pojawić się opis produktu nie będącego rolką i nie będącą produktem hp ale w opisie słowo „do” zostało by użyte kilkanaście(kilkadziesiąt) razy. Warto rozważyć listę słów w oparciu o produkty które znajdują się w sklepie.

Przebuduj indeks wyszukiwarki

Produkty będą wyszukiwane pod warunkiem, że są w indeksie wyszukiwania tabeli ps_search_index w naszym przypadku dla 9500 produktów baza ma 250 000 rekordów (pomimo że produkty nie mają jeszcze opisów). Każde słowo z nazwy, indeksu, opisu – które spełnia nasze parametry powinno się tam znaleźć. Przykład zapytania w którym zostaje odpytana bazę o wielkość sumy wartości dla słowa przedstawia akapit Jak działa wyszukiwarka PrestaShop.
Co należy pamiętać:
– Jeśli wyszukiwarka nie wyszukuje produktów – należy zacząć od przebudowy indeksu wyszukiwarki.
– Jeśli oferta zmienia się często – zadanie przebudowy indeksu można wywołać w zadaniach CRON serwera Apache o określonych porach w zależności od potrzeby (raz dziennie, co godzinę, pół godziny).

Prawdopodobnie dla systemów zintegrowanych z zewnętrznymi zasobami przebudowa indeksu będzie wywoływana automatycznie w momencie synchronizacji produktów.

Podsumowanie

Wyszukiwarka PrestaShop jest przewidywalna i powtarzalna. Dobre przemyślenie nazw i opisów pozwoli na precyzyjne wyszukiwanie produktów. W przeciwnym razie zawsze można zmodyfikować algorytm PrestaShop – tak aby spełniał oczekiwania. Należy pamiętać, że nie jest to wyszukiwarka Google. Nie potrafi przewidzieć naszych intencji czy zachowań behawioralnych.

ABC optymalizacji stron WWW

W dzisiejszych czasach nie wystarczy samo posiadanie strony internetowej. Trzeba dołożyć starań, by strona pojawiała się wysoko w wynikach wyszukiwarki, inaczej przepadnie w czeluściach internetu. Temu właśnie służy optymalizacja stron WWW, czyli takie ich ulepszenie, by były atrakcyjne dla wyszukiwarek

Optymalizacja stron WWW – struktura strony

Struktura strony to jeden z aspektów brany pod uwagę przez algorytmy wyszukiwarek. Jeśli strona jest odpowiednio zaprojektowana, daje jej to większe szanse przebicia się. Na pewno trzeba zwrócić uwagę na:

Title, czyli tytuł – najlepiej, jeśli będzie zaczynał się od słowa lub frazy kluczowej. Dodatkowe punkty uzyskuje się za długość tytułu, najlepiej, jeśli będzie miał około 70 – 75 znaków. Tytuł powinien wyglądać naturalnie, być zwięzły i unikalny. Stosowanie schematycznych, powtarzających się tytułów nie jest dobrze widziane przy pozycjonowaniu stron.

Słowa kluczowe – to od nich w przeważającej mierze zależy, czy strona będzie się dobrze pozycjonowała. Dobór słów kluczowych nie powinien być dziełem przypadku, muszą być one tak dobrane, by odzwierciedlały treści na stronie, czyli by potencjalny klient znalazł na stronie dokładnie to, czego szuka. Słowa kluczowe nie powinny być zbyt ogólne, ale też nie mogą być tymi, które są rzadko wpisywane w wyszukiwarkę. Dobierając słowa kluczowe, warto skorzystać z dostępnych w sieci bezpłatnych narzędzi.

Nagłówki H1 i H2 – to dzięki nim tekst jest bardziej czytelny i przejrzysty. Formatu H1 używa się do tytułu, a H2 do śródtytułów strony. W razie potrzeby (np. przy długim i rozbudowanym tekście) można wprowadzić także nagłówki od H3 do H6.

Strong, czyli pogrubienie najbardziej istotnych treści i słów kluczowych nie tylko jest wabikiem dla wyszukiwarki, ale i ułatwieniem dla czytającego. Dzięki opcji strong tekst staje się bardziej przejrzysty, dlatego warto wyróżniać nie tylko słowa kluczowe, ale także te fragmenty treści, które są dla czytającego najistotniejsze.

Linkowanie wewnętrzne – ułatwia poruszanie się po stronie (dostępne z każdej podstrony menu oparte na linkach tekstowych to także linkowanie wewnętrzne) oraz pomaga czytelnikom w wyszukiwaniu potencjalnie interesujących treści

Optymalizacja stron WWW – budowanie treści

Czasy, w których wyszukiwarki sprawdzały jedynie obecność słów kluczowych i na tej podstawie dokonywały pozycjonowania stron, na szczęście odeszły do przeszłości. Dziś słowa kluczowe muszą być opakowane w wysokiej jakości treść, zawierać przydatne dla czytelników informacje.

Badania wskazują, że przeciętny internauta nie czyta w całości tekstu, który ma więcej niż 5000 znaków, a największą uwagę przyciąga początek i koniec tekstu. Tam też najlepiej umieścić najważniejsze treści. Z kolei dla wyszukiwarki istotne jest, by tekst miał minimum 300 słów, co daje około 2000 znaków.

Poza treścią liczy się oczywiście opakowanie, dlatego trzeba pamiętać o śródtytułach, wyróżnieniach, wyliczeniach, akapitach, czyli wszystkim tym, co sprawia, że tekst się dobrze czyta.

Tym, czego trzeba unikać jak ognia, jest powielanie treści, czyli tzw. duplicate content. Wyszukiwarki traktują takie powtórzenia jako plagiat i automatycznie obniżają wiarygodność domeny, a co za tym idzie, jej pozycja w wynikach wyszukiwania spada. Nawet jeśli tematyka strony wydaje się odpowiednia do powielania pewnych fragmentów tekstu (np. opisy niemal identycznych produktów w sklepie), warto zadbać o jego zróżnicowanie. Dużym błędem jest także kopiowanie tekstów z cudzych stron i zamieszczanie ich u siebie. Wyszukiwarki wyżej pozycjonują te strony, na których tekst ukazał się jako pierwszy. Oryginalna, wartościowa treść jest tym, co nie tylko zapewni wysoką pozycję w wyszukiwarce, ale także przyciągnie czytelników

Optymalizacja stron WWW – wersja mobilna strony

Gwałtowny rozwój urządzeń mobilnych wywarł wpływ na budowę stron internetowych. Dziś nie wyobrażamy sobie strony internetowej bez jej wersji mobilnej. Mobilna wersja strony pozwala na łatwiejsze i szybsze wyszukiwanie treści, oszczędza transfer danych (ważne, gdy nie korzystamy z WiFi) i czas – wersje mobilne ładują się szybciej. Większość stron podchodzi dość liberalnie do potrzeb użytkowników i udostępnia możliwość otwarcia pełnej wersji strony na tablecie lub smartfonie, niemniej jednak brak wersji mobilnej skutkuje znacznym spadkiem w rankingu najlepiej pozycjonowanych stron.

Jakość wersji mobilnej można sprawdzić tutaj. Darmowe narzędzie od Google nie tylko sprawdzi, czy strona posiada wersję mobilną, ale także, w razie wystąpienia problemów, zasugeruje, co można zrobić, by tę wersję ulepszyć

Screen narzędzia udostępnionego przez google do wykonywania testów wersji mobilnej strony WWW

Optymalizacja stron WWW – prędkość ładowania strony

W internecie czas jest bardzo cenny. Tu nawet ułamki sekund decydują o komforcie lub zniecierpliwieniu internautów. Wolno ładujące się strony wywołują negatywne reakcje, często internauci rezygnują z korzystania z nich nawet wówczas, gdy spodziewali się znaleźć interesujące treści. Podobnie nieufnie do wolno ładujących się stron podchodzą algorytmy wyszukiwarek, automatycznie obniżając pozycję domeny.

Prędkość ładowania strony można sprawdzić tutaj. To kolejne bardzo przydatne narzędzie od Google, które szybko i bezpłatnie zdiagnozuje problemy z szybkością ładowania strony i zasugeruje rozwiązania usuwające błędy, np. stosowanie obrazów w formatach nowej generacji, ładowanie obrazów poza ekranem, usunięcie nieużywanej części kodu CSS, eliminację zasobów blokujących renderowanie.

Screen z testu przeprowadzonego za pomocą narzędzia google page speed

W przypadku problemów lub pytań zapraszamy do kontaktu.

Pokaż więcej projektów
Zamów wycenę
Polityka prywatności | Regulamin
Pro-link 2005-2020