Techniczne SEO w Shopify: praktyczny przewodnik krok po kroku

Masz sklep na Shopify. Działa, wygląda dobrze, produkty są, ruch - no, może mogłoby być lepiej. I tu właśnie zaczyna się rozmowa o technicznym SEO. Problem z technicznym SEO jest taki, że nie widać go gołym okiem. Nie ma jednego przycisku do kliknięcia, jednego ustawienia do włączenia. To wiele małych decyzji - część podjęta świadomie, część przez przypadek - które razem decydują, czy Google sprawnie crawluje Twój sklep, czy błądzi po nim jak turysta bez mapy. Ten przewodnik jest po to, żebyś wiedział dokładnie co sprawdzić, w jakiej kolejności i jak to naprawić. Krok po kroku, bez owijania w bawełnę.‍

June 17, 2026

Aleksiej Łojkiewicz

1. Zrób porządek z URL-ami

Zacznijmy od podstaw. URL to adres strony - ale też sygnał dla Google i pierwsza wskazówka dla użytkownika. Jeśli adres produktu wygląda jak /products/Nike_AirMax_id_12345_nowe_2024, to już na starcie tracisz punkty.

‍

Jak powinien wyglądać dobry URL w Shopify?

Zasada jest prosta: krótko, czytelnie, małymi literami, myślniki zamiast spacji, żadnych zbędnych parametrów. Adres powinien od razu mówić, o czym jest strona.

‍// Źle:

/products/Nike_AirMax_90_buty-do-biegania_rozmiar_42_2024_new

/collections/collection_1?sort=price&view=grid&page=2

// Dobrze:

/products/nike-air-max-90

/collections/buty-do-biegania

‍

Co możesz, a czego nie możesz zmienić w Shopify?

Shopify narzuca stałe prefiksy: /products/, /collections/, /pages/, /blogs/. Nie zmienisz ich bez przejścia na rozwiązanie headless. Możesz za to swobodnie edytować handle - czyli końcówkę adresu - i to właśnie tu możesz zrobić najwięcej dobrego.

‍

Jeden problem, na który warto uważać

Linki w motywie Shopify często są wpisane na sztywno. To błąd - przy wielojęzycznych sklepach i subfolderach językowych takie linki się po prostu sypią. Generuj je zawsze przez obiekt routes:

// Źle - ścieżka na sztywno, nie działa na rynkach językowych:

<a href="/collections/all">Wszystkie produkty</a>

// Dobrze - dynamicznie przez routes:

<a href="{{ routes.all_products_collection_url }}">Wszystkie produkty</a>

// Dobrze - link produktu w kontekście kolekcji:

<a href="{{ product.url | within: collection }}">{{ product.title }}</a>

‍

Co sprawdzić na tym etapie?

Przejrzyj handle produktów i kolekcji - czy są krótkie i opisowe?
Wyszukaj w kodzie motywu twardo wpisane ścieżki - zastąp je przez routes.
Sprawdź, czy URL-e nie zawierają parametrów, dat ani ID.
Upewnij się, że canonical na każdej stronie wskazuje na właściwy adres.

‍

Uwaga: Nie zmieniaj URL-i bez powodu. Każda zmiana to konieczność wdrożenia przekierowania. Jeśli adres działa i jest czytelny - zostaw go.

‍

2. Ogarnij przekierowania 301 - zanim coś stracisz

Przekierowanie 301 to nie tylko technikalia. To sposób na zachowanie całego dorobku SEO przy zmianach w sklepie. Bez niego - zmieniony URL produktu to dla Google zupełnie nowa strona, bez historii, bez linków, bez pozycji.

‍

Kiedy redirect 301 jest obowiązkowy?

Zawsze kiedy zmieniasz adres strony lub usuwasz ją bez zastępnika. W szczególności:

przy zmianie handle produktu lub kolekcji
przy usunięciu strony, która miała ruch lub zewnętrzne linki
przy migracji z innej platformy - WooCommerce, Magento, PrestaShop, Shoper
przy reorganizacji struktury bloga lub landing pages

‍

Jak to zrobić w Shopify - krok po kroku

Wejdź do panelu: Sklep online > Nawigacja > Przekierowania URL
Dodaj przekierowanie ręcznie lub przygotuj plik CSV do importu masowego
Po imporcie sprawdź raport błędów - Shopify pokazuje, które wpisy zostały odrzucone i dlaczego
Przetestuj kluczowe redirecty ręcznie w przeglądarce lub Screaming Frogiem
Monitoruj Search Console przez pierwsze tygodnie po wdrożeniu

‍

Format pliku CSV do importu

Jeśli masz więcej niż kilkanaście przekierowań, import CSV jest znacznie szybszy niż ręczne klikanie:

‍Redirect from,Redirect to

/stary-produkt,/products/nowy-produkt

/blog/stary-wpis,/blogs/porady/nowy-wpis

/wyprzedaz-2023,/collections/wyprzedaz

/o-nas-old,/pages/o-nas

‍

Czego Shopify nie pozwoli Ci przekierować

To ważne ograniczenie, które zaskakuje wielu przy migracjach. Shopify nie przyjmie przekierowań dla:

aktywnych stron - redirect działa tylko jeśli źródłowy URL zwraca 404
ścieżek systemowych: /apps, /cart, /orders, /services
stałych prefiksów platformy: /products, /collections, /collections/all

‍

Praktyczna wskazówka: Najczęstszy błąd przy migracji: brak mapy starych i nowych URL-i. Zanim włączysz nowy sklep, przygotuj arkusz z dokładnym mapowaniem - stary URL w jednej kolumnie, nowy w drugiej. To podstawa całej operacji.

‍

Jak unikać łańcuchów przekierowań?

Łańcuch przekierowań to sytuacja, gdy A > B > C zamiast A > C. Każdy pośredni krok to strata czasu dla Googlebota i drobna utrata sygnału SEO. Zawsze prowadź bezpośrednio do finalnego adresu. Screaming Frog pomaga szybko znaleźć takie łańcuchy w całym sklepie.

‍

3. Zbuduj stronę 404, która naprawdę pomaga

Strona 404 to miejsce, na które użytkownik trafia, gdy adres nie istnieje. Większość sklepów zostawia tu pusty ekran z komunikatem błędu. To zmarnowana szansa.

Dobra strona 404 nie kończy sesji - ona ją ratuje. Kieruje użytkownika dalej, proponuje alternatywy i daje mu narzędzia do znalezienia tego, czego szuka.

‍

Co powinna mieć strona 404 w Shopify?

Jasny komunikat - użytkownik musi wiedzieć, że trafił pod błędny adres, a nie że sklep się posypał
Wyszukiwarka - jeśli szukał konkretnego produktu, nadal może go znaleźć
Linki do głównych kolekcji - szybka nawigacja do miejsc, gdzie może coś kupić
Bestsellery lub popularne produkty - jeśli nie wie czego szuka, może coś go zainteresuje
Link do strony głównej - zawsze, jako ostatnia deska ratunku

‍

Jeden błąd, który niszczy indeksację

Strona 404 musi zwracać kod HTTP 404. Jeśli zwraca kod 200 z komunikatem błędu - to tzw. soft 404. Google traktuje ją jak normalną stronę i może ją zaindeksować. Efekt: chaos w indeksie, zduplikowane treści, błędy w Search Console.

Jak sprawdzić kod HTTP strony 404?

Wejdź na nieistniejący adres w swoim sklepie, np. /products/nieistniejacy-produkt
Otwórz DevTools (F12) > zakładka Network
Odśwież stronę i sprawdź kod odpowiedzi w kolumnie Status
Powinno być 404 - jeśli jest 200, masz problem do naprawy

‍

Aplikacje, które pomagają ogarnąć 404 w Shopify

Jeśli nie chcesz ręcznie pilnować każdego błędu, możesz to zautomatyzować:

Redirectify - wykrywa nowe błędy 404 i automatycznie sugeruje pasujące przekierowania
Smart SEO - kompleksowe zarządzanie SEO z monitoringiem 404
Plug In SEO - audyt z alertami o nowych błędach, tworzenie redirectów bez opuszczania aplikacji

‍

4. Sprawdź jakość kodu HTML

Nie musisz dążyć do perfekcyjnego wyniku w walidatorze W3C - Google i tak renderuje niedoskonały HTML. Ale są błędy, które realnie wpływają na indeksację, renderowanie i utrzymanie sklepu. Na te warto patrzeć.

‍

Najczęstsze problemy HTML w sklepach Shopify

Dwa znaczniki H1 na jednej stronie

Shopify często generuje dwa H1: jeden z sekcji hero motywu, drugi automatycznie z tytułu produktu. Google dostaje sprzeczny sygnał. Na każdej stronie może być tylko jeden H1.

<h1>Odkryj nasze bestsellery</h1> 

<h1>Nike Air Max 90</h1> 

<p class="hero-tagline">Odkryj nasze bestsellery</p>

<h1>Nike Air Max 90</h1>

‍

Nieprawidłowe zagnieżdżenie tagów

Często spotykany błąd w szablonach Shopify: elementy blokowe wewnątrz elementów inline. Na przykład <div> wewnątrz <a> - to niewalidna hierarchia HTML, która może powodować nieprzewidywalne renderowanie w różnych przeglądarkach:

<a href='/products/buty'>

<div class='product-card'>

<div class='product-title'>Nike Air Max</div>

</div>

</a>

<article class='product-card'>

<a href='/products/buty'>

<span class='product-title'>Nike Air Max</span>

</a>

</article>

‍

Zduplikowane meta tagi po instalacji aplikacji

Aplikacje SEO często wstrzykują własne tagi og:title, description albo canonical, które kolidują z tagami z motywu. Efekt: dwa różne canonical lub dwa opisy meta na tej samej stronie. Sprawdzaj to po każdej nowej instalacji - wystarczy Chrome DevTools i Ctrl+F po frazie 'canonical' w zakładce Elements.

‍

Zbyt duża liczba skryptów z aplikacji

Każda aplikacja Shopify może dodać własny skrypt do sekcji head. Przy kilkunastu aplikacjach łatwo dobrać się do kilkudziesięciu dodatkowych requestów. Efekt: wolniejsze ładowanie, cięższy DOM, gorszy Core Web Vitals. Regularnie sprawdzaj zakładkę Network w Chrome DevTools - kolumna Initiator pokazuje, co ładuje co.

‍

Co sprawdzić na tym etapie?

Jeden H1 na stronę - wyszukaj w Screaming Frog
Sprawdź canonical na stronach produktów i kolekcji
Przejrzyj kod źródłowy po zainstalowaniu każdej nowej aplikacji SEO
Zajrzyj do Network w DevTools i policz zewnętrzne skrypty

‍

5. Upewnij się, że Google widzi to samo co Ty

To jeden z najczęstszych problemów w sklepach Shopify, o którym właściciele nie wiedzą, dopóki nie zrobią audytu. Strona wygląda świetnie w przeglądarce - ale Google widzi coś zupełnie innego.

Dzieje się tak dlatego, że Google przetwarza JavaScript w dwóch etapach: najpierw crawluje HTML, później renderuje JS. Między tymi etapami może minąć od kilku godzin do kilku dni. Jeżeli kluczowe elementy strony istnieją tylko w JavaScript - Google może ich po prostu nie zaindeksować.

‍

Najbardziej ryzykowny przypadek: menu zbudowane w JS

Jeśli menu nawigacyjne sklepu istnieje wyłącznie jako komponent JavaScript - bez prawdziwych linków HTML z atrybutem href - Google może nie odkryć stron, do których to menu prowadzi. A to oznacza, że kolekcje, kategorie i inne ważne podstrony mogą wypaść z indeksu.

// Źle - Google nie odkryje tego linku:

<span onclick="window.location='/collections/buty'">Buty</span>

// Też źle - onclick bez href:

<a onclick="goTo('/collections/buty')">Buty</a>

// Dobrze - prawdziwy link HTML:

<a href="/collections/buty">Buty</a>

// Dobrze - JS wzbogaca, ale href jest:

<a href="/collections/buty" class="mega-menu-item">Buty</a>

‍

Jak sprawdzić, co Google naprawdę widzi?

Google Search Console > URL Inspection - wpisz adres strony i kliknij 'Test Live URL'. W zakładce Screenshot zobaczysz renderowaną wersję, którą Googlebot widział przy ostatnim crawlu.
Rich Results Test - pokazuje renderowany HTML i ostrzega o problemach ze structured data.
Chrome DevTools > zakładka Rendering > włącz Disable JavaScript - wyłączona JS i sprawdź, czy menu i główna treść są nadal widoczne. Jeśli znikają - masz problem.

‍

Zasada, którą warto zapamiętać

JavaScript może wzbogacać i ulepszać. Ale nie powinien być jedynym sposobem na dostarczenie treści i linków, które mają znaczenie dla SEO. Jeśli coś jest ważne dla Google - musi być dostępne w HTML, nie tylko po renderowaniu JS.

‍

6. Poznaj ograniczenia Shopify i przestań z nimi walczyć

Zanim zaczniesz szukać obejść dla każdego ograniczenia Shopify - warto wiedzieć, z czym naprawdę masz do czynienia. Niektóre rzeczy można obejść, inne po prostu trzeba zaakceptować i planować architekturę sklepu z nimi w głowie.

‍

Czego nie zmienisz w Shopify

Prefiksy URL: /products/, /collections/, /pages/, /blogs/ są na stałe. Możesz zmienić handle, ale nie całą logikę routingu.
Przekierowania aktywnych stron: jeśli strona działa i zwraca 200 - nie możesz jej przekierować przez panel. Redirect zadziała dopiero gdy strona stanie się martwa.
Ścieżki systemowe: /apps, /cart, /orders, /collections/all - nie przekierujesz ich nigdy przez standardowy panel.
Canonical i robots.txt: Shopify generuje je automatycznie. Masz ograniczoną kontrolę nad ich zawartością.

‍

Co możesz kontrolować

Handle produktów, kolekcji, stron i wpisów blogowych
Meta tagi przez sekcje w motywie lub aplikacje SEO
Przekierowania dla martwych URL-i - ręcznie lub przez CSV
Jakość kodu motywu i liczbę zainstalowanych aplikacji
Skrypty JS - które ładują się, kiedy i w jakiej kolejności

‍

Dobra perspektywa: Zwróć uwagę, że Shopify moze prezentować inne podejście do wyzwań SEO niż inne platformy. Nie próbuj go dostosować do wymogów platformy, na której pracowałeś wcześniej. Zamiast tego naucz się jego logiki i planuj SEO w jej ramach. Większość problemów technicznych w Shopify wynika nie z ograniczeń platformy, ale z tego, że ktoś próbował je obejść.

‍

Na koniec: checklista i narzędzia

Checklista technicznego SEO w Shopify

Przejdź przez te punkty po każdym większym wdrożeniu lub migracji:

URL-e i struktura:

Wszystkie handle są krótkie, opisowe, bez ID i dat
Linki w motywie generowane są przez routes, nie na sztywno
Canonical wskazuje na właściwy adres na każdej stronie

Przekierowania:

Każda zmiana URL-a ma wdrożone przekierowanie 301
Migracja miała przygotowaną mapę starych i nowych URL-i
Raport błędów po imporcie CSV został zweryfikowany
Brak łańcuchów przekierowań - zawsze A > C bezpośrednio

Strona 404:

Strona 404 zwraca kod HTTP 404, nie 200
Zawiera wyszukiwarkę, nawigację i popularne produkty
Błędy 404 są monitorowane - ręcznie lub przez aplikacje

HTML i kod:

Jeden H1 na każdej stronie
Brak zduplikowanych meta tagów i canonical
Zagnieżdżone tagi HTML są poprawne semantycznie
Liczba skryptów JS z aplikacji jest pod kontrolą

JavaScript i renderowanie:

Menu zawiera prawdziwe linki HTML z href
Kluczowa treść jest widoczna bez renderowania JS
URL Inspection w Search Console nie pokazuje błędów renderowania

‍

Narzędzia, które naprawdę się przydają

Bez dobrych narzędzi techniczne SEO to strzelanie w ciemno. Oto co warto mieć pod ręką:

Narzędzie	Kiedy używać	Link
Google Search Console	Punkt startowy — crawling, indeksacja, błędy 404	search.google.com
Screaming Frog	Pełny audyt URL-i, redirectów, H1, canonical, kodu	screamingfrog.co.uk
W3C Validator	Walidacja HTML — szybkie wykrycie błędów struktury	validator.w3.org
Rich Results Test	Sprawdzenie, co Googlebot widzi po renderowaniu JS	search.google.com/test
Ahrefs / Semrush	Analiza linków zewnętrznych i utrata widoczności po migracji	ahrefs.com
Redirectify	Shopify App — automatyczny monitoring 404 i sugestie redirectów	apps.shopify.com

‍

Chcesz przejść przez te kroki razem z nami?

Audyt techniczny, planowanie migracji, optymalizacja kodu motywu - pomagamy łączyć SEO z developmentem tak, żeby sklep był nie tylko ładny, ale też poprawnie zbudowany pod wzrost widoczności. Skontaktuj się z nami.

‍