De fleste butiksfiltre er bygget som tilstand i JavaScript. Sæt flueben ved to størrelser, indsnævr et prisinterval, og send så linket til en ven, som får den ufiltrerede butik. Tryk på tilbage-knappen, og du lander et helt andet sted. Filteret virkede; siden huskede det bare ikke.
Læg tilstanden der, hvor browseren allerede kigger
Hver filterkontrol er et link, der bærer hele den resulterende tilstand i sin query string. Valg af en størrelse giver en URL med størrelsen tilføjet; valg af den igen giver en, hvor den er fjernet. Sortering, prisgrænser og en eventuel aktiv søgning følger med, så en ændring af ét filter aldrig i stilhed fjerner et andet.
Fordi tilstanden ligger i adresselinjen, får man tre ting gratis, som er besværlige at tilføje senere: tilbage-knappen virker, visningen kan gemmes som bogmærke, og en kunde kan indsætte linket i en chat, så den anden person ser præcis det samme.
Det skal også virke uden JavaScript
Filtre bygget som links virker, før noget script kører. En forbedring kan derefter opfange klikket og opdatere gridet på stedet, men den underliggende side forbliver korrekt på en langsom forbindelse eller i en låst browser: de forhold, en god del af kunderne faktisk browser under.
En bemærkning om, hvad søgemaskinerne ser
Filtrerede URL’er formerer sig hurtigt, og de fleste af dem er ikke sider, en søgemaskine bør have i sit indeks. At afgøre tidligt, hvilke kombinationer af parametre der fortjener at blive crawlet, og markere resten derefter, forhindrer en nyttig funktion i at blive til tusindvis af næsten ens URL’er.
Det vigtigste
- Filtertilstand hører hjemme i URL’en; tilbage-knappen og delbare links følger automatisk med.
- Hver kontrol bør bære hele den resulterende tilstand, ikke kun sin egen ændring.
- Byg filtre som links først og forbedr derefter, ikke omvendt.
- Planlæg crawlregler for filtrerede URL’er, før de findes, ikke efter de er indekseret.
Læs også: teknisk SEO leveret som kode, og vores arbejde med specialudvikling.
Støder du på en lignende begrænsning i din egen WooCommerce- eller WordPress-butik? Lad os tale — ArtinTech Solution bygger netop den slags skræddersyede værktøjer til webshops.