Technikai alapok Szakszó

Shopify

Szerző: · 7 perc olvasás · Frissítve:
Shopify - Technikai alapok (szakszó) a tudástárban
Shopify - Technikai alapok | eClick GEO-audit tudástár

A Shopify egy bérelt (SaaS) webshop-platform: a bolt kódja és adatbázisa a szolgáltató szerverein fut. Te a sablont és a tartalmat szerkeszted, a szerverhez nem férsz hozzá.

Hogyan épül fel egy bolt

A megjelenést a Liquid sablonnyelv adja. A téma fő fájljai a layout/theme.liquid, a templates/, a sections/ és a snippets/ könyvtár. A kódot az adminban éred el, az Online Store > Themes > Edit code menüben.

Az URL-szerkezet kötött, nem írod át:

  • termék: /products/kezelonev
  • kategória: /collections/kezelonev
  • statikus oldal: /pages/kezelonev
  • blogcikk: /blogs/blog/cikk

Ezek az előtagok minden boltban ott vannak. Ezért a technográfiai felismerés szempontjából a Shopify az egyik legkönnyebben azonosítható rendszer.

Mit old meg helyetted, és mit nem

A technikai alapok nagy része készen jön: HTTPS és tanúsítvány, automatikus sitemap.xml, canonical tag minden terméken, CDN a képekre, valamint a kosár és a pénztár kizárása a robots.txt-ben.

A többi marad nálad. Szerveroldali HTTP-fejlécet nem tudsz beállítani a bolt felett. A magyar jogi oldalak nem jönnek kész szöveggel. A strukturált adatot a téma adja, nem a platform: gyenge témán hiányos lesz a Product séma. A riportokban ezt látjuk a leggyakrabban: ár és elérhetőség megvan, a brand és a gtin hiányzik.

Miért számít ez a generatív keresőknek

Egy nyelvi modell a kiszolgált HTML-ből és a JSON-LD-ből dolgozik. A Shopify szerveroldalon rendereli a termékoldal lényegét, így a bot lát árat, címet, leírást. A kockázat az appokból jön: minden beépülő script tovább hizlalja az oldalt és tolja a fő tartalmat lejjebb.

Röviden: a Shopify a technikai alapokat elintézi helyetted, a séma- és tartalomminőség viszont a te felelősséged marad.

Miért fontos

SEO

A kötött URL-szerkezet és az automatikus canonical sok klasszikus hibát eleve kizár. Egy termék elérhető a /collections/x/products/y címen is, de a canonical a tiszta /products/y címre mutat. Cserébe a kategórián belüli szűrők és a rendezési paraméterek rengeteg URL-változatot gyártanak.

AI-értelmezhetőség

A generatív keresők a termékadatot a JSON-LD-ből veszik át a legmegbízhatóbban. Ha a téma nem ad Product sémát, vagy egy app duplán írja ki, az AI bizonytalan lesz az árban. A tapasztalat az, hogy a duplikált séma többet árt, mint a hiányzó.

Üzlet

A platform havidíjas, a funkciók nagy része appokból jön. Minden app script-terhet is hoz. Tíz-tizenöt aktív app után a mobil LCP rendszeresen 4 másodperc fölé csúszik, és ez közvetlenül a konverzión látszik.

Kikre vonatkozik

  • Vonatkozik: minden éles Shopify-boltra, a Basic csomagtól a Plusig, magyar és nemzetközi piacon egyaránt.
  • Vonatkozik: a myshopify.com aldomainen futó boltokra is, ha azok nyilvánosan elérhetők.
  • Részben vonatkozik: jelszóval védett, fejlesztés alatt álló boltra. Ilyenkor a bolt nem indexelhető, a legtöbb külső vizsgálat csak a nyitóképernyőt látja.
  • Nem vonatkozik: WooCommerce, Unas, Shoprenter és egyedi fejlesztésű boltokra. Ott más a sablonrendszer és más a javítás módja.
  • Nem vonatkozik: a Shopify fejlécén kívül futó, külön domainen lévő landing oldalakra.

A webshop-alapok elvárásai viszont platformfüggetlenek: szállítás, fizetés, elállás és értékelés minden boltban kell.

Hogyan ellenőrzöd

Lépések

  1. Nyisd meg a nyitóoldalt, és nézd meg a forrást (Ctrl+U). Keress a cdn.shopify.com vagy /cdn/shop/ mintára.
  2. A devtools konzolban írd be: Shopify.shop. Shopify-bolton visszaadja a myshopify.com azonosítót.
  3. Futtass egy fejléc-lekérést curllel, és keresd a powered-by: Shopify sort.
  4. Hívd le a /robots.txt és a /sitemap.xml címet. A sitemap index több alsitemapra bomlik (termékek, kategóriák, oldalak, blog).
  5. Egy termékoldalon nézd meg a <link rel="canonical"> értékét és a JSON-LD blokkokat.
  6. Futtasd a terméksablont a Rich Results teszten, és nézd meg, hány Product objektumot talál.

Jó jel

  • Egyetlen Product séma az oldalon, árral és elérhetőséggel.
  • A canonical a tiszta /products/kezelonev címre mutat.
  • A sitemapban csak élő, 200-as URL-ek vannak.
  • A saját domainen fut a bolt, nem a myshopify.com címen.

Rossz jel

  • Két vagy három Product blokk, eltérő árral.
  • Szűrt kategória-URL-ek indexelve, ?filter. paraméterrel.
  • A mobil LCP 4 másodperc felett, tucatnyi app-scripttel.
  • Angol nyelvű jogi oldalak magyar boltban.

Mit néz ebből a riport

Az audit először azt állapítja meg, hogy Shopify-on fut-e az oldal. Ezután a platformhoz igazítja a többi szabályt: a termék-séma, a sitemap és a kosár-kizárás vizsgálatát. A javítási javaslatok is a Shopify admin menüpontjaira hivatkoznak, nem általános szerverbeállításokra.

Hogyan javítod

Shopify

  1. Menj az Online Store > Themes > Edit code menübe, és keresd meg a snippets/ könyvtárban a séma-fájlt.
  2. Egészítsd ki a Product sémát brand, sku és gtin13 mezőkkel, ha van adatod.
  3. Kapcsold ki az appok duplikált sémakiadását az app beállításaiban, vagy töröld a beszúrt blokkot a témából.
  4. Szerkeszd a templates/robots.txt.liquid fájlt, ha egyedi tiltás kell. Enélkül az alapértelmezés marad érvényben.
  5. Minden terméknél töltsd ki a Search engine listing mezőket: title és meta description.
  6. Nézd át az appokat, és távolítsd el a nem használtakat. A törölt app scriptje néha bent marad a témában, ezt kézzel kell kivenni.
  7. Írd meg magyarul az ÁSZF, elállás és adatkezelés oldalakat a /pages/ alatt, és linkeld a láblécbe.

WordPress

WooCommerce-en a séma a plugin és a téma közös dolga. Ellenőrizd, hogy egy SEO-plugin és a WooCommerce ne adjon ki egyszerre két Product blokkot.

Unas

Az adminban a SEO-beállítások között állítod a címeket és a leírásokat. A séma a rendszer sablonjából jön, egyedi mezőhöz sablonmódosítás kell.

Shoprenter

A sablonkezelőben férsz hozzá a fejléchez. A termékadatokat a rendszer adja, a kiegészítő séma-mezőket a sablonba írod be.

Egyedi fejlesztés

Itt a szerveroldali fejlécek is a kezedben vannak. Kezeld egyben a sémát, a canonicalt és a biztonsági fejléceket.

Gyakori hibák

  • Duplikált Product séma: a téma és egy app is kiírja, eltérő árral, és a kereső nem tudja, melyiket higgye.
  • Kikapcsolt, de bent hagyott app-script: az appot törölted, a kódrészlet a témában maradt, és továbbra is lassítja az oldalt.
  • Angol jogi szövegek magyar boltban: a vásárló nem találja az elállási feltételt, a bizalmi jelek hiányoznak.
  • Indexelt szűrt kategóriaoldalak: a ?filter. paraméteres címek felhígítják a kategóriát, és duplikált tartalmat gyártanak.
  • Éles bolt a myshopify.com címen: saját domain nélkül a márkanév nem épül, és az átállás után minden link cserélődik.
  • Üres termékleírások: a beszállítói adatlap egy mondata kevés, ebből az AI nem tud tényeket kinyerni.
  • Nem használt téma-verziók: a régi témák kódja bent marad, és egy visszaállítás után újra élesedik.

Technikai példa

A canonical és a séma tipikus helye a témában:

<!-- layout/theme.liquid, a <head> belsejeben -->
<link rel="canonical" href="{{ canonical_url }}">
{%- if template contains 'product' -%}
  {% render 'structured-data-product', product: product %}
{%- endif -%}

A canonical_url változót a platform tölti ki. Ha a témából kitörlik ezt a sort, a szűrt és a kategórián belüli termék-URL-ek önálló oldalként viselkednek.

Platform-azonosítás fejlécekből:

curl -sI https://pelda.hu/products/teszt | grep -iE 'powered-by|x-shopid|server'
# powered-by: Shopify
# x-shopid: 12345678
# server: cloudflare

A powered-by: Shopify fejléc minden boltnál ott van, és nem kapcsolható ki. Ez a leggyorsabb ellenőrzés, ha nem akarsz HTML-t olvasni.

Gyakori kérdések

Jobb a Shopify SEO-ban, mint a WooCommerce?
Alapból kevesebb hibát enged. A canonical, a sitemap és a HTTPS készen jön, ezeket nem tudod elrontani. Cserébe kevesebb a szabadságod: szerveroldali fejlécet nem állítasz, az URL-előtagokat nem írod át. Nagy, tartalomnehéz oldalnál a WordPress rugalmasabb.
Miért látok két árat a Rich Results tesztben?
Valószínűleg a téma és egy app is kiad egy Product sémát. Ilyenkor a kereső és az AI is bizonytalan lesz az árban. Hagyj meg egyetlen forrást, jellemzően a témáét, és kapcsold ki a másikat az app beállításaiban.
Módosíthatom a robots.txt fájlt Shopify-on?
Igen, a téma kódjában létrehozható egy robots.txt.liquid sablon. Ezzel írhatsz felül szabályokat vagy adhatsz hozzá újakat. Az alapértelmezett szabályokat csak indokolt esetben nyúld meg, mert a kosár és a pénztár kizárása szándékos.
Miért lassú a boltom, ha a Shopify gyors szervereken fut?
A szerver ritkán a szűk keresztmetszet. A lassulás a témakódból, a nagy képekből és az appok scriptjeiből jön. Kezdd az appok átnézésével, utána a képformátumokkal, és csak ezután nyúlj a témához.
Kell saját domain, vagy elég a myshopify.com cím?
Éles boltnál saját domain kell. A myshopify.com aldomainen a márkanév nem épül, és a bizalmi jelek is gyengébbek. Az átállás után a platform kezeli az átirányítást, de a külső linkek és a hirdetések frissítése rád marad.

Források

Kapcsolódó fogalmak

A te oldaladon hogy áll a(z) „Shopify”?

Futtass egy SEO-auditot: pontszám, fejlesztői ítélet, a leggyorsabb javítások, és minden tételhez bizonyíték.

Ingyenes SEO-audit indítása