Kompleksowa optymalizacja projektu e-commerce
W tym case study przedstawimy pełny proces optymalizacji projektu e-commerce, który zaowocował poprawą prędkości ładowania strony, dostępności oraz jakości treści. Optymalizacja sklepu internetowego obejmowała dodanie autorów bloga, wdrożenie danych strukturalnych, optymalizację szybkości i poprawę dostępności serwisu dla użytkowników mobilnych i stacjonarnych.
1. Profil autorów bloga – tworzenie angażujących treści
Jednym z głównych elementów optymalizacji strony organicseries.pl była sekcja blogowa. Klientowi zależało na wyeksponowaniu autorów treści, co miało na celu budowanie zaufania i relacji z czytelnikami.
Działania:
- Avatary, imiona i bio autorów: Stworzyliśmy dedykowaną sekcję dla każdego autora bloga.
- Każdy wpis zawierał:
- Avatar autora – możliwość ustawienia niestandardowego awatara w WordPressie.
- Imię i nazwisko autora.
- Krótki opis biograficzny (bio), który wzmacniał wiarygodność i autorytet w danej dziedzinie.
- Dane strukturalne autorów: Dzięki wtyczce Rank Math dodaliśmy dane strukturalne dla autorów, co wspiera SEO oraz poprawia widoczność wpisów w wynikach wyszukiwania.
2. Dane strukturalne na całej stronie
Struktura danych była kluczowym elementem optymalizacji. Skorzystaliśmy z Rank Math, by wprowadzić dane strukturalne w następujących obszarach:
- Breadcrumbs (okruszki): Pomagały użytkownikom łatwo poruszać się po stronie i poprawiały hierarchię w wynikach wyszukiwania.
- Schemat FAQ: Zintegrowaliśmy sekcję FAQ z wbudowanymi danymi strukturalnymi, aby odpowiadała standardom Google. Dzięki temu sekcja ta była widoczna jako rich snippet w wyszukiwarce.
3. Techniczne optymalizacje WordPressa – szybkość ładowania i struktura
Strona klienta została w przyspieszona przy użyciu LiteSpeed Cache do pełnej optymalizacji WordPressa.
Działania techniczne:
- Wdrożyliśmy efektywne mechanizmy cache’owania.
- Zminimalizowaliśmy pliki CSS i JavaScript.
- Zoptymalizowaliśmy obrazy przy użyciu formatu WebP.
- Wykorzystaliśmy lazy-loading dla elementów multimedialnych, aby zmniejszyć obciążenie przy pierwszym ładowaniu strony.
4. Audyt i optymalizacja prędkości sklepu internetowego – PageSpeed
Wykonaliśmy szczegółowy audyt prędkości strony, identyfikując kluczowe obszary wymagające poprawy.
Podstrony objęte audytem:
- Home
- Sklep
- Produkt (generatywne)
- Kategoria produktu (generatywne)
- Newsy (generatywne)
- Wpis (generatywne)
- O nas
- Badania
- Współpraca
- Zrób test
- Koszyk
Rezultaty optymalizacji:
- Wynik PageSpeed dla mobilnych wersji strony wzrósł do 90+ dla każdej podstrony.
- Strona ładowała się poniżej 2 sekund na desktopie i mobilnych urządzeniach.
Techniki wdrożone w optymalizacji:
- Renderowanie krytycznego CSS w celu przyspieszenia wyświetlania pierwszych widocznych treści.
- Wykorzystanie CDN do szybszego dostarczania zasobów.
- Eliminacja render-blocking scripts.
5. Optymalizacja sklepu internetowego – dostępność (Accessibility)
Dostępność była kluczowym elementem projektu, szczególnie z myślą o użytkownikach mobilnych.
Działania
- Zwiększyliśmy kontrast tekstu i tła dla poprawy czytelności.
- Dodaliśmy opisy alternatywne (alt text) do wszystkich obrazów.
- Wdrożyliśmy poprawne oznaczenia nagłówków (H1, H2, H3), aby były zgodne z WCAG.
- Formularze zostały uzupełnione o etykiety i pola wymagane, co poprawiło ich dostępność.
Podsumowanie efektów optymalizacji
- Szybkość ładowania – Osiągnęliśmy wynik 90+ w narzędziach Google PageSpeed dla większości najważniejszych podstron.
- Widoczność w wyszukiwarce – Dzięki danym strukturalnym poprawiliśmy wyniki strony w Google.
- Zaangażowanie użytkowników – Wprowadzenie profili autorów zwiększyło wiarygodność bloga i średni czas spędzany na stronie.
- Dostępność – Poprawa accessibility przyciągnęła użytkowników korzystających z różnych urządzeń i systemów.
Projekt ten jak i obrazek poniżej udowadniają, że kompleksowa optymalizacja e-commerce – od technicznych aspektów po treści i dane strukturalne – ma kluczowy wpływ na sukces biznesu w sieci. Dzięki tym działaniom między innymi, widzimy wzrost wejść organicznych na przestrzeni 3 miesięcy. Notujemy wzrost liczby użytkowników o 60,16% z kanału organic traffic oraz wyświetleń w wynikach wyszukiwania na poziomie 38,31%.
