Filter i e-handeln

Det här tycker jag är märkligt. Mycket märkligt:

Jag går alltså in i Googles sökordsplanerare för att ta reda på hur människor söker information om filter för e-handel, så att jag kan besvara deras frågor i den här artikeln, och det jag upptäcker är att det inte finns några relaterade sökningar med termerna ”e-handelsfilter”, ”filter i webbutik”, ”facetterad navigering” (som PrestaShop kallar filter) eller ”e-handelsfacetter”.

Det betyder att få, om ens några, gör de här sökningarna i Spanien.

De ”liknande” resultaten jag får gäller nämligen filter för fotografier.

Du vet, för att se snyggare ut på Instagram.

Det söker vi minsann efter.

Saken är den att de här resultaten förvånar mig. Och samtidigt inte.

De förvånar mig eftersom jag anser att filter är en avgörande aspekt i webbutiker med stora produktkataloger.

Det är ett av de bästa sätten att föra användaren närmare en konvertering, eftersom de avgränsar det användaren söker och gör det enklare att fatta ett beslut.

Att ingen söker efter hur man optimerar dem i sin butik tycker jag därför är ganska förvånande.

Men sedan tänker jag efter ett ögonblick och inser att det, enligt min erfarenhet som användare, är få e-handelsbutiker som verkligen tar hand om den här aspekten.

De prioriterar annat.

Och den här – ganska mediokra – upplevelsen stämmer väl överens med de få sökningarna på Google: man undersöker inte hur filtren bör hanteras.

Senare ska jag dock visa en butik som enligt mig gör det fantastiskt bra. På alla områden, och de är några stycken.

För filtren påverkar framför allt UX, men även i hög grad SEO och produktteamet..

Jag ska förklara.

Filtrens betydelse för UX i en webbutik

Låt oss prata lite om hur vi hittar produkter i en webbutik.

Ett sätt är att söka på Google, se några resultat i Shopping och köpa det som bäst motsvarar det vi letar efter.

Nästan utan att jämföra.

Det brukar vi göra med billiga och funktionella produkter.

Produkter där märket till exempel inte spelar någon roll.

Tänk på:

• En mutter till kökskranen.
• En kabel till mobilladdaren.
• Eller en popcornform i silikon för mikrovågsugnen.

Om de gör det vi vill, är billiga och har positiva omdömen köper vi dem utan att tänka särskilt mycket. Framför allt om vi redan har handlat i den butiken.

Det här är ett sätt att handla. Ett där filtren inte spelar någon roll, men det finns andra flöden. Särskilt när produkten kostar mer.

Då brukar vi faktiskt undersöka och jämföra.

Och inte bara mellan flera butiker, utan även mellan olika produkter i samma butiker.

Visst, det finns butiker med tiotals liknande produkter, och ännu fler om det dessutom är marknadsplatser.

Det första man tänker på är Amazon och mängden [skriv vad du vill här] som finns i deras sortiment.

Eller eBay.

Eller Shein.

Eller AliExpress.

Eller Tiendanimal.

Eller vår konkurrent Drinks&Co.

Enorma e-handelsbutiker med tusentals produkter där användaren mycket väl kan gå vilse.

Det finns alltså två sätt att avgränsa resultaten:

• Ett proaktivt sätt, som kräver en handling från användaren.
• Ett automatiskt sätt, som beror på själva butiken.

I båda fallen vill vi hjälpa användaren att fatta ett beslut och därmed öka chansen till konvertering.

Filter, sökfunktionen och produktsorteringen är alltså de tre viktigaste proaktiva verktygen som användaren har när användaren ska hitta det som eftersöks i vår butik.

Sökfunktionen lämnar vi till en annan artikel, men sorteringen ska vi tala lite mer om här, även om fokus främst ligger på filtren.

Jag kommer inte heller att gå in på den automatiska vägen i den här artikeln, men jag vill att du ska förstå vilka funktioner jag menar: känner du igen moduler som ”liknande produkter” eller ”andra kunder har också köpt”?

Det är andra sätt att föra användaren närmare den önskade produkten utan att personen behöver göra något: det krävs inget tänkande, utan bara en blick, om resultaten som butiken visar är relevanta, så är användaren ett steg närmare att bestämma sig.

Sådana moduler är, när de är väl implementerade, subtila detaljer som ökar konverteringen lite i taget.

Men vi är här för att tala om filter, så det börjar bli dags att ta itu med dem.

Allmänna filter och filter per produktkategori

Det finns visserligen några få filter som vi kan kalla ”universella” och som alltid gäller, oavsett typ av webbutik. Men det är ganska självklart att varje produktkategori bör ha sina egna filter.

Utöver de universella kommer flera kategorier att dela ytterligare några (branschspecifika, skulle vi kunna kalla dem), medan andra blir unika för varje produktkategori.

Till och med i webbutiker som bara verkar inom en sektor, till exempel dryckesförsäljning (som jag naturligtvis känner väl till).

Jag ger dig ett exempel:

Utöver att dela in drycker i alkoholhaltiga och alkoholfria – vilket är självklart – finns det även skillnader inom den första gruppen, vilket gör att vi behöver använda olika filter i varje kategori.

Tänk till exempel på vin och whisky. De har vissa gemensamma egenskaper, som en viss alkoholhalt eller att båda produkterna tillhör ett varumärke. Därför kan filtren ”Alkoholhalt” och ”Varumärke” användas i båda kategorierna.

Men om du tänker på skillnaderna kommer du säkert till exempel att tänka på Ursprungsbeteckning.

Om du gillar vin kanske du föredrar Ribera eller Rioja, men du är nästan säkert medveten om att det här begreppet inte gäller whisky.

Därför är det logiskt att vinkategorin har filtret ”Ursprungsbeteckning”, som inte visas i whiskykategorin.

Det är rimligt, eller hur?

Det här är alltså den första punkten att tänka på när du tar dig an filtreringen i din butik. Du måste skilja mellan de allmänna filtren – som gäller alla kategorier – och de som är unika för var och en.

De allmänna blir alltså summan av dessa två typer:

1. De universella:
• Pris.
• Varumärke.
• På rea.
• Med fri frakt.
• Betyg.
2. De branschspecifika. Om vi fortsätter med exemplet med dryckesförsäljning har vi:
• Alkoholhalt.
• Flaskvolym (det finns 35 cl, 70 cl, 75 cl, 1 l …).
• Ursprungsland.

Både de universella och dessa tre branschspecifika filter använder vi i samtliga kategorier.

Om du undrar vilka de branschspecifika filtren kan vara i ditt fall kan du börja med att titta på vilka filter dina konkurrenter använder.

Till de här åtta filtren (fem plus tre) måste vi lägga den sista gruppen: de som är unika för varje kategori. Det kan till exempel vara:

• Kategori Vin: Ursprungsbeteckning.

• Druvsort.

Kategori Whisky:

• Typ (Blended , Single Malt , Bourbon…)

• Variedad (ahumado, picante, aromatizado)

• Förpackning (med eller utan presentask)

I det här exemplet skulle vi alltså landa på totalt 10 filter i vinkategorin och 11 i whiskykategorin:

• 5 universella.
• 3 branschspecifika, som gäller för alla butikens kategorier.
• 2 unika för kategorin Vin och 3 unika för kategorin Whisky.

Det här arbetet , som går från det allmänna till det mest specifika med de unika filtren behöver alltså göras för var och en av kategorierna i butiken.

Man måste sätta sig in i användarens situation och fundera på vilka frågor som kan uppstå när personen ska välja mellan två produkter i samma kategori och överväga om det är värt att lägga till filtret eller inte.

För det handlar egentligen inte bara om att skapa det, utan om att kategorisera produkterna så att filtret fungerar korrekt, vilket kostar tid och, beroende på vilken typ av filtrering vi använder (dynamisk eller statisk), får vissa konsekvenser för SEO, som vi strax ska se.

Trots allt är det inte särskilt komplicerat eller kostsamt att definiera filtren i medelstora projekt.

I enorma e-handelsbutiker med många och sinsemellan mycket olika produktkategorier blir det däremot mer komplicerat. Framför allt eftersom de unika filtren för varje kategori vida överstiger de andra två typerna.

Filtrens utformning

Även om den har några år på nacken tog den här utmärkta artikeln från den minst lika utmärkta Smashing Magazine – min referenspublikation när det gäller digitala produkter – upp ett antal användbarhetsproblem.

Om ämnet intresserar dig rekommenderar jag att du läser hela artikeln, eftersom studien omfattar USA:s 50 största e-handelsbutiker.

Om du föredrar att gå rakt på sak är mitt svar enkelt: bortsett från några få branscher där det faktiskt är rimligt, gör tio eller fler filtreringsalternativ i en kategori att användarna sannolikt struntar i dem.

Nej, för då visas det som ett komplext block som får blicken att fly därifrån så snabbt som möjligt i stället för tvärtom.

Känner du till valfrihetsparadoxen? Den som gör att ett glassstånd med bara tre smaker säljer mer än ståndet bredvid med tio.

Det är också den som får dig att ta en evighet på dig att bestämma dig när du öppnar Netflix utan att veta vad du vill se.

Samma sak gäller filter: man ska erbjuda de filter som faktiskt kommer att användas. Inte fler. Annars riskerar det att bli som med formulär med massor av fält, som ingen människa orkar fylla i.

Primära och sekundära filter

Och om du har många rekommenderar jag lösningen vi valde på Yo pongo el hielo: att dela upp dem i två nivåer, ”vanliga filter” och ”avancerade filter”.

Till att börja med visar vi de vanligaste filtren, vilket gör funktionen mycket mer lättöverskådlig och ökar användningen:

Dessutom ger vi också möjlighet att filtrera mer specifikt för den användare som behöver det, genom att bara klicka på länken:

Observera att det här är ett annat sätt att klassificera filtren: primära kontra sekundära. Och de hänger inte ihop med universella, branschspecifika och kategorispecifika filter.

I varje kategori kommer de primära filtren som visas direkt att bestå av vissa universella, vissa branschspecifika och andra som är unika för just den kategorin.

Okej, förstått. Men hur många bör visas direkt??

Det beror på varje projekt. I vårt fall fanns det en tydlig skillnad i användningen av de fyra första jämfört med resten, så vi visade fyra och flyttade övriga till den andra nivån.

Jag anser i alla fall att fyra eller fem är lagom. Jag tror att de flesta butiker kan anpassa sig väl till den modellen. Men det är min åsikt och egentligen bör den bekräftas med data, som vi gjorde på Yo pongo el hielo.

Eftersom jag nu talar om data kanske du får en fullt rimlig fråga: hur vet man vilka filter som används mest? Det får du veta i artikelns sista avsnitt, det om webbanalys.

Se upp med filter i mobilen

En ytterligare fördel med det här tvånivåsystemet är att det gör filtreringssystemet för mobil mycket enklare att utforma, som på grund av skärmstorleken ofta är mer komplicerat att implementera än på datorversionen av webbplatsen.

Om du visar alla filter på en gång kommer de sannolikt att fylla hela mobilskärmen, och det är inte vad vi vill.

Det är vad som händer när du klickar på filtreringslänken i mobilversionen av Amazons webbplats: alla öppnas under varandra:

Faktum är att du till och med måste skrolla, eftersom de tar upp mer än skärmens höjd.

Det känns överväldigande.

Enligt mig är tvånivåsystemet hos eBay bättre..

Till att börja med ser vi de vanligaste filtren:

Om vi sveper åt höger ser vi länken till alla filter:

Då visas en enorm mängd möjligheter:

I slutänden får du samma sak som på Amazon, men bara för den som verkligen vill filtrera grundligt. Många av oss vanliga dödliga stannar tidigare.

Fler åtgärder kring filtren

Jag har en detalj till om filtrens utformning. Den kan lätt missas om vi bygger filtren själva i stället för att använda CMS:ets standardfunktion eller färdiga moduler.

Utöver själva implementeringen av filtren måste du tänka på ytterligare två åtgärder eller tillstånd:

• Hur användaren ska se vilka filter som används just då.
• Hur användaren ska kunna avmarkera de som inte är intressanta.

Som sagt: om du använder standardfunktionerna för filter är det här redan löst. Men när du bygger skräddarsydda filter är det lätt att förbise.

Tro mig, det har hänt mig.

För att undvika det behöver du, när filtren väl är implementerade, bara testa hur de visas och om det är enkelt att ändra dem.

Klart.

När du gör det märker du om något har förbisetts och kan rätta till det innan någon användare påpekar det.

Andra användbarhetsaspekter

När vi nu lämnar designen finns det ytterligare ett par frågor att tänka på kring användningen av filter.

Två frågor som faktiskt kan hänga ihop.

Användning av flera filter samtidigt

Den första är att fundera över användningen av flera filter samtidigt.

Svaret verkar enkelt, eller hur?

Vem vill inte erbjuda möjligheten att använda två eller fler filter tillsammans i sin webbutik?

Och ja, svaret är att alla vill det.

Men alla uppmärksammar inte två detaljer:

Kombinationer med noll resultat

Den första är att vi, om vi erbjuder möjligheten att använda flera filter samtidigt, riskerar att användaren väljer en kombination som ger 0 resultat, eftersom det kanske inte finns någon produkt på vår webbplats med just den kombinationen av egenskaper.

Här har vi två alternativ:

• Låta det vara som det är och visa användaren en lista med 0 resultat. Sedan får personen själv ta bort filter.
• Använda ett system där varje nytt filter begränsar de efterföljande filtreringsmöjligheterna, så att användaren inte kan välja kombinationer som ger 0 resultat. På så sätt visas bara alternativ som ger resultat.

Även om det är något mer tekniskt komplicerat tycker jag att det andra alternativet är betydligt bättre, särskilt om filtren leder till statiska sidor.

Nu ska vi prata om SEO, men att slösa bort Googles crawlbudget på sidor med listor som ger 0 resultat är absurt. Och det bör du undvika.

Automatisk filtrering eller filtrering med knapp

En sista aspekt att överväga här är möjligheten att välja flera filter samtidigt eller tvinga användaren att välja dem ett i taget. Det händer när det inte finns någon knapp för ”tillämpa filter”, utan plattformen räknar om resultaten automatiskt varje gång användaren ändrar något bland filtren.

Enligt min mening är det bättre att ha en knapp, men det brukar gå mer hand i hand med alternativet att visa listor med 0 resultat, medan automatisk omräkning ofta gör det enklare att begränsa efterföljande filtrering.

Det här är värt att fundera över. Som referens kan jag säga att Amazon, Decathlon och AliExpress använder automatisk filtrering, medan Zalando och eBay använder knappar.

Laddningshastighet

Det andra skälet till att fundera över multifilter är laddningshastigheten.

Jag säger det eftersom PrestaShops inbyggda filtreringsfunktion till exempel fungerar relativt bra när den visar resultat om vi bara använder ett filter.

Men det tar väldigt lång tid att visa resultaten när vi lägger till ett andra.

Och med ett tredje går det inte att använda.

Såvida du inte har en otroligt kraftfull server, har optimerat standardkoden eller utvecklat en annan lösning.

Om så inte är fallet bör du testa webbplatsen och överväga om det verkligen är värt att ge möjlighet att använda flera filter samtidigt.

Om användaren vinner mer än vad som går förlorat.

Och om den känsla som webbplatsen förmedlar skapar mer eller mindre förtroende.

Då är det inte lika självklart längre.

Sidor där filter bör användas

Nu när vi känner till lite av filtrens möjligheter och problem kan det vara värt att tala kort om vilka sidor de bör användas på.

Enligt mig är tre obligatoriska och i vissa fall ytterligare någon:

• Kategori- eller varumärkessidor.
• Resultatsidor från webbplatsens sökfunktion.
• Kommersiella landningssidor.

Listor över kategorier eller varumärken

Produktlistor för kategorier är i grunden mycket lika varumärkeslistor.

När det gäller filtrering kan vi egentligen sammanfatta skillnaderna i två huvudaspekter:

1. På en kategorisida kan du ha filtret ”Varumärke”, medan du på en varumärkessida kan göra motsvarande med filtret ”Kategori”.
2. Om varumärket dessutom erbjuder produkter från olika kategorier kan du välja om de unika filtren för respektive kategori ska visas, förutsatt att varumärket har produkter där.

Den här typen av sidor är de första vi tänker på när filter ska användas, så jag har inte mycket mer att tillägga här.

Sökresultat

Det är inte lika vanligt att kunna filtrera på de sökresultatsidor som webbplatsens interna sökfunktion visar.

Det beror på att de vanligaste CMS-plattformarna inte erbjuder det som standard.

Och då måste man använda betallösningar.

Trots det erbjuder alla stora e-handelsbutiker det. Det finns nog en anledning.

Kommersiella landningssidor

Ja, kategori- och varumärkeslistor är kommersiella landningssidor.

Självklart.

Det jag menar med begreppet är sidor som inte ingår i butikens vanliga struktur, utan skapas för en kampanj som Black Friday eller rea.

Sidor som inte har en permanent länk i menyn.

Den här typen av sidor är alltså varken kategori- eller varumärkessidor, men jag kan inte komma på ett enda skäl till att de inte skulle ha samma filter:

• De universella.
• De branschspecifika.
• Ett för ”Kategorier” och ett för ”Varumärken”.
• Och, om vi ska gå så långt, de som är unika för huvudkategorierna.

Om produktlistan på landningssidan är liten – säg tio artiklar eller färre – behöver användaren naturligtvis inga filter för att hitta rätt produkt.

Men när kampanjen omfattar många produkter bör de utan tvekan kunna filtreras:

Och du, lägger du till filter när du skapar landningssidor med en produktlista?

Andra sidor

De tre vi just nämnde är de vanligaste sidtyperna att använda filter på, men det finns ytterligare någon där de också skulle passa.

Jag vet inte hur det är med dig, men jag har över 100 produkter i min lista ”köp senare” på Amazon. Och när jag vill hitta något sliter jag mig i håret.

Ännu värre är Wallapop.

På Amazon vet du åtminstone att allt levereras med bud och att fraktkostnaderna varierar ganska lite. På Wallapop vet du däremot inte om produkterna finns i din stad så att du kan träffa användaren personligen, eller om frakt krävs.

Och då förändras saken.

Rejält.

För en produkt som kostar, säg, 100 euro kan skillnaden utan problem bli 20 euro. Där jag kommer ifrån är det 20 % (och det kan vara mer). Det är inte obetydligt.

Det enda alternativet här är att komma ihåg … eller gå in på varje produkt en och en för att kontrollera.

Fruktansvärt.

När det vore så enkelt att använda de fyra filter som plattformen har (det är faktiskt bara fyra).

Det verkar som om de försöker hindra oss från att köpa.

Sortering av produkter: vanliga alternativ

Jag nämnde i början att vi skulle tala lite om produktsortering, som tillsammans med filtrering och sökfunktionen är de verktyg vi erbjuder användaren för att göra det lättare att hitta det som eftersöks.

Jag tänker inte utveckla det särskilt mycket, utan bara nämna vilka sorteringstyper jag anser vara nödvändiga och vilka som är önskvärda.

Vi börjar med de nödvändiga:

1. Standardordning. Den som av någon anledning passar mig bäst. Det är den jag visar användaren när personen öppnar listan. Du kan ändra texten till ”Utvalda” eller ”Relevans”. Det är samma sak, men låter bättre ;P
2. Pris: lägst till högst. Vi gillar att spara pengar. Så låt oss göra det enkelt för användaren.
3. Pris : högst till lägst. Inom den prisklass jag har satt, vilka är de (förmodat) bästa produkterna? Låt oss se om investeringen är värd det.

Sedan fortsätter vi med dem som är användbara beroende på projekt:

1. Högst betyg. Det är bra, men bara giltigt för projekt med stora försäljningsvolymer och många recensioner. Annars är det inte användbart.
2. Nyheter. Det passar inte alla branscher, men många. Tänk mode, möbler, spel, musik, böcker, drycker …
3. Störst rabatt. Vi tycker alla om att känna oss smarta. Och det här är ett bra sätt att göra det.
4. Antal beställningar. Återigen är det bara användbart för butiker med en viss försäljningsvolym. Men om två produkter verkar likadana och den ena har sålts tjugo gånger mer än den andra tänker jag att ”det finns nog en anledning”. Även om jag aldrig får veta vilken.
5. Lägsta pris inklusive frakt. Användbart om fraktkostnaderna varierar, vilket framför allt händer på marknadsplatser eller i butiker med produkter som har fri frakt.
6. Alfabetiskt. Om jag inte hittar en produkt via filtren eller sökfunktionen uppskattar jag möjligheten att sortera så och gå till rätt sida. Eller, om det saknas ett varumärkesfilter, kan jag genom den här sorteringen se alla produkter från ett visst varumärke.

Decathlon erbjuder till exempel flera av de nämnda typerna:

De går hand i hand med filtren. Därför bör vi använda dem på samma sidor.

SEO-aspekter att tänka på när du utvecklar filter i din e-handel

Så där, hittills har allt varit ganska lätt att följa.

Nu är det dags att bli lite mer tekniska. Men inte särskilt mycket, tro inget annat.

Precis tillräckligt för att förklara att filter rent tekniskt kan användas på flera olika sätt:

• Utan att URL:en ändras.
• Genom att ändra URL:en och lägga till en parameter (dynamisk URL).
• Genom att byta URL:en till en annan statisk URL.
• En hybrid av några av de tidigare alternativen

Låt oss se exempel på varje fall.

Filter som inte ändrar URL:en

Vi kan till exempel lyfta fram Tiendanimal.

Om du går in i kategorin ”Hundfoder” ser du att URL:en är denna:

https://www.tiendanimal.es/perros/pienso-para-perros/

Om vi lägger till ett filter, till exempel ”Ålder”, och väljer ”Valp”, ser vi att produkterna ändras för att motsvara filtret, men URL:en förblir densamma:

Fördelen med att göra så här ur SEO-synpunkt är att vi inte behöver bekymra oss om någonting: endast den ursprungliga URL:en indexeras, och det finns ingen risk för duplicerat innehåll eller kannibalisering.

Med det här systemet förlorar du dock möjligheten att rikta in dig mer specifikt på longtail.

Om vi fortsätter med exemplet går vi miste om möjligheten att specifikt rikta in oss på sökordet ”hundfoder för valpar” och liknande.

Jag antar att de har vägt båda alternativen mot varandra och att risken att indexera URL:er med tunt innehåll har vägt tyngre än fördelen med longtail, och därför har de valt det här systemet.

Filter som ändrar URL:en genom att lägga till en parameter

I det här fallet, till skillnad från det föregående, ändras URL:en när ett filter används genom att en eller flera parametrar som anger filtreringen läggs till.

Parametrarna kan vara av två typer:

Statiskt filter

Med det här systemet skulle sidorna motsvara dem i nästa kategori, alltså de som ändrar hela URL:en. Den enda verkliga skillnaden är att vi här saknar en SEO-vänlig URL.

Ett exempel är Bodeboca, där kategorin ”Vin” har denna URL:

https://www.bodeboca.com/vino

Om vi däremot filtrerar på ”Vitt vin” ser vi att följande läggs till:

https://www.bodeboca.com/vino?page=0&sort=rating-desc&wine_type=373

Jag anser att det här är det sämsta systemet ur SEO-synpunkt, eftersom det har alla nackdelar från vart och ett av systemen:

• Risk att indexera sidor med tunt innehåll (det vill säga med få eller inga artiklar), vilket belastar crawlbudgeten.
• Större risk att indexera duplicerat innehåll. Det räcker att ändra filtret ”Pris” och sätta minimipriset till 1 euro i vilken kategori som helst för att se att innehållet inte skiljer sig alls från den ursprungliga URL:en utan filter.
• Svårt att rikta in sig på longtail på grund av den bristande optimeringen av både URL och innehåll, även om problemet kan mildras något med omsorg.

Ärligt talat kan jag inte komma på en enda fördel med att göra så här. Om du kommer på någon får du gärna förklara i kommentarerna.

Och märk väl: det här är överlägset det mest använda systemet. Förmodligen för att det tekniskt sett är enklast att implementera.

 Med dynamisk parameter

Nu tar vi ett annat system som liknar det föregående, men är bättre.

Om du går in på La Sirenas webbplats och navigerar till kategorin ”Kummel” kan du kontrollera att URL:en är denna:

https://www.lasirena.es/es/1019-merluza

Om du däremot lägger till ett filter ändras URL:en något genom att en parameter som denna läggs till:

https://www.lasirena.es/es/1019-merluza #/precio-8-10

Skillnaden mot det föregående fallet är att parametrarna föregås av symbolen # i stället för ?. Och det är bra.

Det är bra eftersom det gör att Googles bot inte indexerar den filtrerade URL:en.

Den finns inte för boten.

Då befinner vi oss i ett fall som är identiskt med det första, där URL:en inte ändrades:

• Vi behöver inte bekymra oss om kannibalisering, dubbletter eller något annat.
• Men vi optimerar inte för longtail.

Märkligt nog används det här systemet mindre än det föregående.

Faktum är att det används allt mindre.

Och jag kan inte förstå varför.

Filter som ändrar hela URL:en

Det här är ett av de bästa filtreringssystemen ur SEO-synpunkt.

Om det genomförs rätt, förstås.

Som i fallet med PcComponentes.

Jag ska berätta vad de gör.

När du går in i en kategori, som ”TV-apparater”, ser du att URL:en är:

https://www.pccomponentes.com/televisores

Om du filtrerar efter storlek och väljer 55 tum omdirigerar webbplatsen dig till denna URL:

https://www.pccomponentes.com/televisores-55-pulgadas

Den har mycket bra on-page SEO (URL, rubriker, texter) för att rikta in sig på longtail-sökordet ”55-tums TV”.

Men vänta, det kommer mer.

Om du lägger till ett andra filter, till exempel ”Varumärke”, och väljer ”LG”, hamnar du på denna URL:

https://www.pccomponentes.com/tv-lg-55-pulgadas

Återigen helt optimerad för ett ännu mer specifikt longtail-sökord än det föregående, nämligen ”LG 55-tums TV”.

Helt enkelt underbart.

Dessutom lämnas inget åt slumpen. Till exempel har filtren prioritetsordningar när URL:en byggs. Det spelar ingen roll vilket filter du väljer först och vilket du väljer sedan; den byggda URL:en prioriterar en viss filtertyp genom att alltid placera den först.

I det här exemplet kommer filtret ”Storlek” alltid före ”Varumärke” i URL:en.

Jag tror att du efter det jag har berättat förstår att för stora projekt, med produkter och kategorier som har många sökningar, är det här systemet jag rekommenderar.

Den enda nackdelen jag ser är kostnaden för utveckling och underhåll, eftersom det verkar som om många omdirigeringar läggs till manuellt.

Hybridsystem för URL:er

Slutligen finns möjligheten att använda ett hybridsystem som blandar ett par av de tidigare alternativen i projekt som inte är lika enorma.

Det är vad vi har gjort på Yo pongo el hielo.

Om du går in i kategorin ”Whisky” möts du å ena sidan av denna URL:

https://www.yopongoelhielo.com/es/3-whisky

Om du använder ett enda filter, till exempel ”Land”, ser du att du hamnar på en URL med dynamisk parameter:

https://www.yopongoelhielo.com/es/3-whisky#/pais-japon/

Vi har redan sagt att fördelen med att göra så här är att vi inte behöver bekymra oss om dubbletter.

Men vi fick inte fördelarna med att rikta in oss på longtail-sökordet ”japansk whisky”.

Och dem ville vi ha.

Så det vi gör är följande:

1. Skapa den här sidan: https://www.yopongoelhielo.com/es/3-whisky/pais-japon/, vars produkter är desamma som när vi använder det dynamiska filtret.
2. Vi optimerar den (relativt) för longtail.
3. Vi ser till att den indexeras genom att lägga till länkar till den.

Jag säger att vi optimerar den relativt eftersom det går att göra mer, som jag förklarar i nästa avsnitt.

Optimeringar

Utöver det här systemet har vi på Yo pongo el hielo lagt till en rad extra SEO-optimeringar som rör filtren.

Omdirigeringar

Det mest grundläggande är att skapa vissa omdirigeringar.

Lite bakgrund först:

• I varje kategori har vi ett filter för ”Varumärke”, med en egen statisk sida.
• Dessutom har varje varumärke en egen sida med en lista över sina produkter.

Om du kopplar ihop de två aspekterna inser du att båda sidorna – varumärkessidan och sidan för varumärkesfiltret – blir mycket, mycket lika.

Och det innebär duplicerat innehåll och kannibalisering.

Hur löser vi det?

Genom att göra en 301-omdirigering från filtrets statiska sida till varumärkessidan.

Det vill säga, vi omdirigerar

https://www.yopongoelhielo.com/es/3-whisky/marca-chivas/

till

https://www.yopongoelhielo.com/es/15_chivas

Och så undviker vi problemet.

På samma sätt finns det filter som ”Typ” som i vissa fall omdirigerar till underkategorier. Vi omdirigerar till exempel den statiska filtersidan

www.yopongoelhielo.com/es/3-whisky/tipo-blended/

till

https://www.yopongoelhielo.com/es/89-whisky-blended

som är sidan för underkategorin ”Blended Whisky”.

Det är begripligt, eller hur?

Senare förklarar jag varför det här dubblettproblemet kan uppstå mellan filter och kategorier, men tills vidare räcker det att säga hur vi löser det.

Genvägar

Om du å andra sidan gör en sökordsanalys ser du att det till exempel finns sökningar efter vissa typer av whisky:

• Maltwhisky
• Blended Whisky
• Bourbon

Men det finns också sökningar utifrån ursprung:

• Skotsk whisky
• Japansk whisky
• Irländsk whisky

Och självklart vill vi rikta in oss på alla dessa möjliga sökord.

Det finns en enkel lösning, nämligen att skapa en underkategori under Whisky för vart och ett av dessa sökord.

Det är ett system med många fördelar, men i slutänden tyckte vi att det var inkonsekvent att följa mer än ett kriterium när underkategorierna skapades. Var placerar man till exempel en japansk blended whisky? Under ”japansk whisky” eller ”blended whisky”?

Till slut följde vi samma enda kriterium på hela webbplatsen: underkategorierna är alltid ”typer” av huvudkategorin.

Men det finns fortfarande en sökvolym och ett intresse utifrån ursprung. Hur riktar vi in oss på dem?

Genom att skapa genvägar från menyn till landets filtrerade sidor:

På så sätt behandlar vi dessa sidor – statiska sidor skapade från filter – som om de vore underkategorier när webbplatsens link juice fördelas, vilket både hjälper dem att ranka och hjälper användare som vill gå direkt till dem.

Men eftersom de inte är underkategorier har de förstås några små problem …

Innehåll

Som framför allt gäller innehållet.

Särskilt två aspekter:

H1 och H2

H1 behåller rubriken från den överordnade kategorin, i det här fallet ”Whisky”:

Ja, en H2 läggs till och löser delvis problemet, men helst skulle allt ligga i H1.

Dessutom är ”Whisky – land: Japan” inte samma sak som ”Japansk whisky”. Även om det liknar det.

Beskrivningen

Eftersom det är filtrerade sidor från en kategori ligger den överordnade kategorins SEO-beskrivning, som vi placerar under för att ranka, kvar. Det borde den inte göra, eftersom det är duplicerat innehåll.

Vi bör välja mellan:

• Den enkla lösningen: ta bort den från HTML-koden (det räcker inte att dölja den).
• Den svåra: ersätta den med en optimerad beskrivning för sökordet ”japansk whisky”.

Både rubriken och beskrivningen är relativt enkla att rätta till tekniskt, så det kommer vi att göra inom kort.

Filter eller underkategorier

Jag har berättat att vi på Yo pongo el hielo behövde flytta vissa filter, som ”Blended Whisky” och ”Bourbon”, till underkategorier under whisky. Det innebär extra arbete på alla nivåer: skapa kategorin med texter, ändra produkter för att passa den nya kategoriseringen, SEO-omdirigeringar …

Och du kanske säger: ”Du hade kunnat slippa allt det där om du hade kategoriserat webbplatsen rätt från början.”

I det här fallet tror jag inte att du skulle ha rätt. Jag förklarar:

En e-handelswebbplats förändras hela tiden: nya produkter skapas varje dag, kategorier läggs till, andra tas bort ur sortimentet, leverantörer förändras, publikens smak förändras … och man måste anpassa sig till allt detta.

Dessutom är produktkatalogen när du lanserar ofta mycket mindre än den är efter ett år.

Och efter två år är den ännu större.

Det är då, någon gång i framtiden, som en omkategorisering kan bli aktuell. Och filter kan bli kategorier eller underkategorier.

För om vi bara hade ett par bourbonprodukter när vi lanserade är det inte rimligt att skapa en underkategori för dem. Även om det finns sökningar och du vill rikta in dig på dem.

Att se två produkter i en kategori är sorgligt. Därför passar de bättre i ett filter i den överordnade kategorin.

Men om du ett, två eller fem år senare har fyrtio bourbonartiklar i stället för två, kanske det faktiskt är dags att ge dem ett eget utrymme.

Och det var vad som hände oss.

Fundera på om något liknande händer i de största kategorierna i din e-handel och överväg steget. Det måste vara värt det både ur SEO- och UX-synpunkt. Om du inte förbättrar båda delarna ska du inte lägga tid på att ändra.

Hur filtren påverkar skapandet och uppladdningen av produkter

På tal om arbete: att ha och underhålla filter som fungerar kräver att du lägger extra tid när produkterna laddas upp.

Förutsatt att du redan har gjort den inledande analysen och vet vilka filter som gäller för varje kategori måste du fylla i dem korrekt varje gång du lägger upp en produkt.

Och vara mycket strikt med namngivningen för att undvika sådant här:

Två filter som borde vara ett enda, eftersom det är samma produkt. Men de har gett samma produkt två olika namn och därmed skapat två filter.

Det händer ofta.

Om du brukar navigera med filter har du säkert märkt det.

Och det handlar inte om butikens storlek, utan även de största gör fel.

Som jag har sagt sedan artikelns början får frågan inte den vikt den borde ha. I många fall sätter man någon utan erfarenhet på att skapa och lägga upp produkter, och då blir det förstås fel eftersom det inte alltid är enkelt.

Det händer självklart även oss. Därför måste man ibland stanna upp, granska och kontrollera att allt stämmer eller om något värde behöver ändras.

Det är lite jobb, men enligt mig är det värt det.

Ha därför inte bråttom när du skapar produkten, utan lägg den tid som krävs på att tilldela rätt värden i varje filter.

Dessutom bör du veta att ett Excel-ark med värdena som kan läggas till i varje kategori hjälper, särskilt när en ny kategori ska skapas.:

1. Analysera vilka filter den bör ha.
2. Lägg till dem i Excel-arket tillsammans med deras möjliga värden.
3. Kontrollera att du har fyllt i alla fält korrekt när du lägger upp de nya produkterna.

Så hanteras filter i CMS: WooCommerce och PrestaShop

Jag ska vara mycket kort här, eftersom målet med den här artikeln är att förklara hur man bör arbeta strategiskt med filter i en webbutik, inte exakt hur man konfigurerar dem.

Om du söker en guide som förklarar hur de konfigureras i de två populäraste CMS-plattformarna för medelstora e-handelsprojekt – PrestaShop och WooCommerce – ser du att det redan finns många på internet.

Man kan använda CMS-plattformarnas grundläggande funktioner, men också kostnadsfria och betalda externa moduler eller plugins. Det vanliga, alltså.

I vilket fall kan jag säga att det är relativt enkelt att konfigurera filtren, så länge du inte ger dig in på modeller med SEO-vänliga URL:er som PcComponentes eller hybridsystem som det vi använder på Yo pongo el hielo.

Där kan det visserligen bli lite mer komplicerat och du kan behöva ta hjälp av en utvecklare.

Så mäter du användningen av filter i din butik

Jag avslutar med den aspekt jag tycker bäst om av allt som rör filter: analysen.

Och jag gillar den eftersom den visar om din strategi för klassificering och filtrering fungerar eller inte, och om användarna använder filtren eller inte.

Användningen av filter kan mätas på olika sätt, men i grunden har vi två verktyg:

• Ett verktyg för digital produktanalys som Google Analytics.
• Ett verktyg för värmekartor och sessionsinspelningar, till exempel Hotjar.

Mät användningen av filter med Google Analytics

Om du har en webbutik är jag ganska säker på att du vet hur det här verktyget används. Åtminstone i stora drag.

Jag antar också att jag inte behöver förklara vad en händelse i Google Analytics eller en sidvisning är.

Om du känner till de två begreppen kan jag säga att de är de två sätt du har att mäta användningen av filter. Och det finns skillnader mellan dem.

Med händelser

Det är det vanligaste sättet.

Det går ut på att skicka en händelse med den metod man föredrar (onclick, , JavaScript eller , GTM) till vår Google Analytics-egendom varje gång en användare använder ett filter.

Sedan ser vi det här i Universal Analytics:

Det här är en anpassad rapport som jag har skapat och som visar kategori, åtgärd och etikett för alla händelser, filtrerat på kategorin ”filter”, för att använda ordet ännu en gång.

Vi skulle till exempel kunna lägga till sidan där filtret användes:

Eller se det i GA4:

Även det via en annan anpassad rapport.

Fördelar

Den här metoden har flera fördelar:

1. Den första är att den fungerar på alla typer av webbplatser, till skillnad från metoden med sidvisningar.
2. Den andra är att det går att ta reda på på vilken sida filtret användes på ett enkelt sätt.
3. Och den tredje är att det är logiskt: användningen av ett filter är en händelse och inte nödvändigtvis en sidvisning. Men det där är mest för analysnördar som jag.

Nackdelar

Men den har också en nackdel, nämligen att den kräver viss teknisk implementering.

Det blir enklare eller svårare beroende på webbplatsen och den valda metoden, men även om det i allmänhet inte är särskilt komplicerat är det ett tillägg utöver standardimplementeringen av Analytics.

Händelserna måste skickas till Analytics; verktyget samlar inte in dem självt. Åtminstone inte de här.

Med sidvisningar

Det är en annan metod.

En metod som jag bara skulle använda i andra hand om mätning med händelser inte var implementerad, eller om jag inte litade på den, och jag behövde data om filteranvändningen.

Fördelar

Den främsta fördelen med det här systemet är att det fungerar med Google Analytics standardimplementering.

Du behöver inget tillägg för att hämta och analysera data.

Det innebär att du med säkerhet har data från den första dagen du lägger till Analytics på webbplatsen (förmodligen samma dag som den öppnas för allmänheten).

Nackdelar

Det finns några stycken:

1. Det fungerar inte på alla webbplatser. Om din e-handel inte ändrar URL:en när filter används, eller använder dynamiska parametrar, registrerar Analytics inte uppgiften. Om filtret däremot ändrar URL:en eller lägger till statiska parametrar (de som skiljs åt med ”?”) kan du använda det här systemet.
2. Det går inte omedelbart att veta på vilken sida filtret användes. Du måste kontrollera fältet referrer (föregående sida) för att få reda på det. Och det är inte alltid smidigt.
3. När du har hämtat data från sidvisningarna måste du bearbeta dem i Excel för att kvantifiera användningen. Och det kan ta en stund. Det är inte bara att läsa av ett tal som i det föregående fallet.

Om du trots allt vill hämta data med den här metoden ska du göra följande:

Gå till Analytics-rapporten för sidvisningar (Universal eller GA4):

Exportera data:

Öppna den exporterade filen i Excel:

Skapa pivottabeller för att kvantifiera användningen:

Som du ser är processen betydligt längre och krångligare än den föregående, men ibland finns inget annat val.

Mät filteranvändning med värmekartor

Ett annat sätt att analysera användningen.

Definitivt mer visuellt:

Men då måste du förstås gå igenom URL för URL i stället för att få samlade data i en enda tabell, som Analytics erbjuder.

Det här systemet är därför faktiskt bra och mycket snabbt när du vill analysera en specifik URL, särskilt sådana som vi kallade ”kommersiella landningssidor” och som avser URL:er vi skapar för en viss aktivitet, till exempel Black Friday.

Dessutom har de ett annat problem, särskilt i mobilversionen: om filtret är dolt (som våra sekundära filter) går det inte att öppna värmekartan och se klicken.

Som kompensation kan jag säga att en annan fördel med systemet är att implementeringen är extremt enkel: en förkonfigurerad tagg i GTM, ingen kod, så du kan sätta igång det från första dagen.

Oavsett vilket system du använder är webbplatsen, som jag sa tidigare, något levande. Förr eller senare behöver du ändra något i filtren: lägga till nya, ta bort dem som inte används, flytta något till en underkategori …

Därför behöver du så snart som möjligt implementera, om du inte redan har det, ett system som låter dig samla in och analysera data om användningen. Om det kan göras med händelser i Analytics är det utmärkt; annars, eller dessutom, kan du använda någon av de andra två metoderna.

Slutsatser

Jag hoppas att jag har gjort klart att det finns mycket att tänka på kring filter i en webbutik, särskilt om den har en stor katalog.

Om du inte ägnar dem särskilt mycket uppmärksamhet – du är inte ensam – bör du först titta på vilka data du har. Och se om de räcker eller om du behöver samla in mer.

Nästa steg är att fundera på vad du ska göra med det som resultaten visar och fatta beslut: avgöra om allt är bra som det är eller om något behöver ändras.

Om du gör ändringar behöver du slutligen kontrollera resultaten igen och se om ändringarna har gett önskad effekt.

Lägg till en manuell kontroll av de mest använda filtren i huvudkategorierna och se hur de fungerar: visar de det du förväntar dig? Är de snabba? Uppstår några fel?

Till sist, när du har godkänt allt ovanstående, tänk på SEO: finns det några komplikationer? Kan du få ut mer av det? Då är det bara att sätta igång.

Det här är processen jag rekommenderar att du följer. Det är den vi använder på Yo pongo el hielo, och resultaten visar att vi är på rätt väg.

Skriv gärna vad du tycker i kommentarerna.