Mi a legjobb módszer webáruház terméklista oldalra?

**Karessz** · 2016-01-19, 14:44

SEO szempontból nézve: Mi a legjobb módszer webáruház terméklista oldalra?

3 opció jutott eszembe:

1.) A hagyományos módszer
Meghatározott számú termék van egy oldalon, majd egy lapozóval jeleníthető meg a következő oldal. Minden oldalnak van egy URL-je az azonosításra. PL.: webshopom.hu/termeklista/1, webshopom.hu/termeklista/2, stb...

2.) Folyamatos görgetés
A facebookról már ismert módszer. A felhasználó lát alap esetben egy meghatározott számú terméket, majd a lefele görgetéskor ajax segítségével töltődnek be az új termékek, kiegészítve a HTML DOM-ot. Félelmem ezzel, hogy ezt a Google bot feltehetően nem olvassa végig. Magyarán csak az alapértelmezetten látható termékeket látja csak.

3.) Rejtett termékek felfedése
A teljes terméklista betöltődik a HTML DOM-ba. Viszont csak meghatározott számú termék látható a többi pedig rejtve van "lapozásig". Ez lehet lapozó gombok hatására, de akár szintén görgetés hatására is. A félelmem ezzel kapcsolatban, hogy túl sok termék maradhat arányaiban rejtve, mint amennyit meg jelenítek alapértelmezettként. Nem tudom erre, hogyan reagálna a Google. Mondjuk van egy kategóriában 500 termék, ebből 50 látható.

A másik problémám, hogy ha a látogató elküldené e-mailben, vagy facebookon a listát, vagy egyszerűen csak nyomna egy oldal frissítést nem lesz nyomon követhető, hogy hol tartott a lapozásban. Ergo ezt mégis csak be kell vinni az URL-be.

De van a fenti felvetésekből kiindulva még egy problémám: Szűrés

A lista oldalakon többnyire van szűrési lehetőség. Hagyományos módszer szerint, bepipálom ami érdekel, majd űrlapgomb megnyomására újratöltöm az oldalt. Ez nem tetszik.

A terméklista gridjét isotope-al állítom össze. A szűrő elemeit rá lehet akasztani erre. Ergo, ha szűrők abban a pillanatban el tudja tüntetni, vagy épp megjeleníteni a keresett elemeket. Sokkal felhasználóbarátabb megoldás, gyors és a szervert sem terheli. Viszont ehhez szintén minden terméket előre be kell töltenem. És visszakerülök a fenti kérdésekhez.

Szerintetek melyik megoldás lenne a legideálisabb? Vagy akár van-e teljesen más alternatíva?

**Emphus** · 2016-01-19, 15:52

A 2. teljesen jó, és végigolvassa a G. Arra figyelj, hogy direkt linkelhető legyen egy oldalnyi (vagy termékenként egy anchor), tehát JS-ből az URL-t is érdemes változtatni, és a szűrés is kerüljön be valamilyen formában az URL-be, hogy a felhasználók a szűrt listákat tudják egymásnak akár küldözgetni.

**esotanc** · 2016-01-19, 15:58

Ha az infinety Scrolling mellett döntesz fusd át ezt:
https://googlewebmastercentral.blogs...-friendly.html

**Karessz** · 2016-01-19, 17:26

És ha ezt össze szeretném kötni egy isotope filterrel újratöltés nélkül, akkor gondolom úgy menjek neki, hogy ha van szűrés esemény, akkor ajaxxal töltsem újra a lista konténer tartalmát, akasszam rá újra a isotope és az infinety scroll-t? Tehát az szűrésre kapott új listát szintén tölthetem be folyamatosan görgetésre?

(Bocs, ha amatőrnek tűnik a kérdés, csak ez lesz az első shopom ahol ilyet használok és szeretném komolyan venni, hogy megfeleljen minden UX és SEO trendnek.)

**Emphus** · 2016-01-19, 19:02

Karessz eredeti hozzászólása

És ha ezt össze szeretném kötni egy isotope filterrel újratöltés nélkül, akkor gondolom úgy menjek neki, hogy ha van szűrés esemény, akkor ajaxxal töltsem újra a lista konténer tartalmát, akasszam rá újra a isotope és az infinety scroll-t? Tehát az szűrésre kapott új listát szintén tölthetem be folyamatosan görgetésre?

(Bocs, ha amatőrnek tűnik a kérdés, csak ez lesz az első shopom ahol ilyet használok és szeretném komolyan venni, hogy megfeleljen minden UX és SEO trendnek.)

Akár, vagy ha nem akarod, hogy legyen töltés, akkor a betöltött elemeket leszűröd, csak JS-sel átrendezed (nem kell újra lekérni őket), és az oldal tetejére scrollod a usert, az URL-t meg átírod.

A végtelen scrollnál meg az URL-ben lévő adatok elmehetnek a szerverre, és már ott szűröd le, hogy mi menjen vissza kliensoldalra. Ha ez megvan, akkor ha megfelelően átírod csak az URL-t kliensből, akkor "automatikusan" csak a szűrési feltételeknek megfelelő találat jön. Ez így akkor is működik, ha direktlinkelik egymásnak, meg akkor is, ha módosítgatják a szűrést. Plusz pont, hogy a böngésző vissza gombja is jól fog működni, ha bepusholod előzményekbe az URL-eket, és a szűréseket visszázza. Sok JS alapú alkalmazásnál erre az állapotmentésre nem gondolnak, és veszik el minden a vissza gomb megnyomásakor.

**Karessz** · 2016-01-20, 08:38

A második opciódra gondoltam a kérdés feltevésekor

Az első opciód pedig nekem a 3. felvetésem a topic indításakor

Átgondolom melyik lenne a legideálisabb. Nem a technikai részével van a gond, mert az biztosan megoldom, hanem melyik lesz a legkényelmesebben használható és még a Google se haragudjon érte. Nem tudom mit reagálna arra, ha minden terméket kilistáznék és a zömét rejtve hagynám. Csak ez az aggályom. Kényelmi szempontból és erőforrás megtakarítás szintén ez lenne a legjobb.

**Emphus** · 2016-01-20, 14:44

Karessz eredeti hozzászólása

A második opciódra gondoltam a kérdés feltevésekor

Az első opciód pedig nekem a 3. felvetésem a topic indításakor

Nem egészen. Az első opcióm nem a Te 3. felvetésed, mert az én első opciómban nem tölti be az összes terméket. Csak azzal dolgozik, ami már be van töltve (a szűrés pillanatában, hisz ugye arról volt szó, azt idéztem be), és e mellé kér le újakat, ha a végtelen scroll ezt szükségessé teszi. Az én első opciómban semmilyen rejtett termék nincs, amit felfednél. Sőt, nem volt első és második opcióm, az egész hozzászólásom egy opcióról szólt.

Karessz eredeti hozzászólása

Nem tudom mit reagálna arra, ha minden terméket kilistáznék és a zömét rejtve hagynám. Csak ez az aggályom. Kényelmi szempontból és erőforrás megtakarítás szintén ez lenne a legjobb.

Hát akkor ne csináld ezt, ha aggályos!
Szerintem erőforrásilag amúgy ez a 3. opciód a legrosszabb megoldás, én nem csinálnék ilyet. Mindenképp a 2-at csináld, az a legjobb minden szempontból.