# Webbplats med produktkatalog: från specifikation till offert

[Läs artikeln på ENQAVIA](https://enqavia.com/sv/articles/product-catalog-website/)

Av ENQAVIA · Publicerad 2026-10-16

En webbplats med produktkatalog ska låta köparen jämföra en produkt, välja en variant och ta med valet till en offertförfrågan. Som utvecklare behöver vi en entydig post bakom detta: namn, artikelnummer, specifikationer och dokument måste avse samma artikel. Ett snyggt produktkort löser inte motsägelser i källdata.

För en industrileverantör är utmaningen ofta konsekvens. En artikel har ett komplett specifikationsblad, en annan en gammal PDF och en tredje finns bara i säljavdelningens kalkylblad. Om informationen ordnas före utvecklingen får katalogen en pålitlig grund.

## Bestäm vad en produktpost representerar

Kom överens om huruvida en sida representerar en familj, modell, materialkvalitet eller enskild beställningsbar artikel. Blandade nivåer gör kategorier förvirrande och jämförelser osäkra.

Tänk på en hypotetisk leverantör av tekniska plastskivor. En familjesida kan förklara material och användningsområden. Enskilda varianter kan beskriva tillgängliga tjocklekar, färger och skivmått. Separata sidor för alla möjliga kombinationer kan ge mer underhåll utan att hjälpa köparen.

Skriv regler för när en variant behöver en egen sida: en särskild specifikation, användning, dokumentuppsättning eller kommersiellt beslut. Samma regler bör styra framtida tillägg så att varje redaktör inte uppfinner en ny struktur.

## Skapa en enhetlig uppsättning attribut

Definiera informationen varje artikel behöver och lägg sedan till familjespecifika fält. Skilj bekräftade värden från okända. En saknad siffra får inte tyst bli noll, ”standard” eller ett påstående om lämplighet.

| Attribut | Beslut före import |
| --- | --- |
| Produktnamn och referens | Enhetliga namnregler och stabil identifierare |
| Mått och enheter | Vilka mått som spelar roll och hur enheterna visas |
| Material eller specifikation | Godkänd beteckning och relevant källa |
| Leveransalternativ | Vilka storlekar, ytbehandlingar och utföranden som faktiskt finns |
| Underlag | Aktuell version, språk och ansvarig |
| Förfrågningskrav | Vad säljteamet behöver för att bedöma förfrågan |

För egenskaper som varierar med förhållandena ska relevant sammanhang från godkänd källa följa med. Presentera inte ett typvärde som ett garanterat värde. Låt någon med produktkunskap granska mappningen innan hela sortimentet importeras.

## Anpassa navigationen till inköpsuppgiften

En plastkatalog kan exempelvis leda från ”Tekniska plaster” till PE-skivor och sedan till val av tjocklek och färg. Koppla materialförklaringen till relevanta produkter och varje produktsida till dess familj och dokument. Det hjälper även besökare som kommer direkt från en sökmotor. Använd skillnader som kunden förstår — typ, användning eller material — i stället för oförklarade lagerkoder.

Vi kontrollerar data innan vi bygger filter. I en tänkt import beskriver ”10 mm” och ”1 cm” samma tjocklek, men utan normalisering kan de bli två val. Lagra ett överenskommet värde och en enhet och formatera dem sedan för visning. Samordna även stavningsvarianter och skilj okända värden från bekräftade. Ett filter måste hjälpa ett verkligt val och ha data som stöder det.

Sökning behöver samma omsorg. Testa kända produktreferenser, vanliga förkortningar och normala beskrivningar. Vid noll träffar ska besökaren kunna ändra sökningen eller be om hjälp. Visa vald kategori och valda filter så att resultatet blir begripligt.

## Gör produktdetaljer jämförbara

En bra detaljsida förklarar vad artikeln är, vad den är avsedd för och vilka beslut som återstår före beställning. Placera identifiering och huvudspecifikationer nära början. Följ med relevanta användningar, alternativ och dokument.

Hos en hypotetisk pumpleverantör kan köpare behöva skilja mellan modell, anslutningsstorlek, material och driftförhållanden. Sidan bör visa vilka värden som gäller vald modell och vilka som kräver teknisk bekräftelse. Exemplet illustrerar innehållsstruktur, inte en specifikation för utrustningsval.

Använd fotografier eller ritningar som faktiskt motsvarar artikeln. Förklara ovana förkortningar vid behov. Håll sidan läsbar på telefon, inklusive specifikationstabeller och nedladdningsnamn.

## För valen vidare till offertförfrågan

Sammanfattningen kan exempelvis visa ”PE-skiva · 10 mm · vit · 20 skivor”. Besökaren ska se och kunna ändra dessa val. Vi skulle testa att mottagaren får samma artikelnummer, variant, antal och enhet, även efter en ändrad markering. Ett allmänt meddelande som ”Jag är intresserad av era produkter” förlorar information som redan var vald.

Om kunder ofta frågar efter flera artiklar, överväg en offertlista. Låt besökaren granska och ta bort poster innan kontaktuppgifter fylls i. Förklara om antal avser stycken, längder, skivor eller annat mått.

Lägg inte till en kassa bara för att webbplatsen har produkter. Avgör om företaget kan ge bekräftade priser och ta emot beställningar online eller om teknisk och kommersiell granskning måste ske först.

## Planera sökåtkomst innan många filter läggs till

Bestäm vilka kategorier och produktsidor som ska kunna hittas i sökningar och granska sedan hur filter skapar adresser. Många kombinationer kan skapa långt fler adresser än användbara sidor.

Googles [vägledning om fasetterad navigation](https://developers.google.com/crawling/docs/faceted-navigation) beskriver hur filteradresser kan förbruka genomsökningsresurser och fördröja upptäckten av värdefullt innehåll. Den skiljer filter som behöver genomsökas från dem som inte gör det. Fatta beslutet med utvecklaren; anta inte att varje filterkombination behöver en söklandningssida.

Använd tydliga sidnamn och länkar för meningsfulla kategorier. Produktbeskrivningar ska förklara verkliga skillnader, inte bara byta modellnummer i identisk reklamtext.

## Fördela ansvar före lanseringen

Bestäm vem som godkänner specifikationer, lägger till produkter och avvecklar gamla poster. Ha en överenskommen källa för varje värde så att motstridiga kalkylblad inte blir konkurrerande katalogversioner.

[Arbetsflödet för industriellt webbinnehåll](https://enqavia.com/sv/articles/manufacturing-website-content/) ger ett praktiskt källregister och granskningsförfarande för korrekta tekniska påståenden.

Testa ett litet, varierat urval innan allt importeras: en enkel produkt, en konfigurerbar familj, en artikel med saknade uppgifter och en utgången artikel. Det synliggör beslut som en perfekt demonstrationspost kan dölja.

Placera katalogen i [planen för industriwebbplatsen](https://enqavia.com/sv/articles/industrial-website-design/) vid nybyggnad. När en etablerad katalog ersätts, ta med produktadresser och nedladdningar i [omdesignens inventering](https://enqavia.com/sv/articles/manufacturing-website-redesign/) innan adresser ändras.

## Vanliga katalogfrågor

### Behöver varje produktvariant en egen sida?

Nej. Använd separata sidor när de stödjer en meningsfull skillnad för köparen. Gruppera varianter när en gemensam sida förklarar valet tydligt och håller specifikationerna korrekta.

### Kan PDF-katalogen finnas kvar på webbplatsen?

Ja, som användbar nedladdning. Ange versionen tydligt och visa viktig produktinformation på relevanta sidor så att besökare kan bedöma sortimentet utan att först öppna ett stort dokument.

### Ska varje produkt visa ett pris?

Visa pris när företaget kan förklara vad det omfattar och hålla det aktuellt. Om kostnaden beror på antal, specifikation eller leverans, förklara i stället offertkraven.