En lång målsida behöver inte vara svår att använda. Svårigheten uppstår när besökaren inte vet vilket avsnitt som besvarar frågan eller hur den hittar tillbaka till något den redan har läst. För ChatGPT-annonser som leder till ett köp med flera överväganden kan avsnittslänkar göra ett omfattande innehåll mer användbart. Alla behöver inte läsa från början till slut.
Tänk dig ett fiktivt utbildningsprogram för arbetsplatser. ChatGPT-annonsen presenterar en praktisk workshop. Målsidan behöver förklara innehåll, deltagare, format, förberedelser, datum och bokning. Det kan motivera en längre sida, så länge varje del hör till samma annonserade utbildning.
Navigationen ska synliggöra den strukturen. Den bör inte bli en samling interna etiketter som Översikt, Lösning och Varför oss, där besökaren måste öppna varje avsnitt för att förstå vad det handlar om. Börja med att avgöra vilket innehåll erbjudandet behöver i guiden till ChatGPT-annonsens landningssida. Lägg därefter till genvägar till de delar som besökaren kan behöva nå direkt.
Skriv läsarens fråga intill varje avsnitt
Anteckna vilken fråga avsnittet besvarar. ”Vad ska gruppen öva på?” kan bli ”Workshopens innehåll”. ”Vem bör delta?” kan bli ”Deltagare”. ”Kan vi boka för en egen grupp?” kan bli ”Bokning för egen grupp”.
Alla rubriker behöver inte vara frågor. Övningen ska säkerställa att varje avsnitt har en egen uppgift. Om både ”Utbildningens fördelar” och ”Därför ska ni välja oss” besvarar samma fråga med liknande text bör de slås ihop innan navigationen läggs till. Länkar kan inte lösa ett upprepande innehåll. Guiden om placering av kundfrågor hjälper er avgöra om svaret hör till huvudtexten eller frivillig fördjupning.
Behåll fokus på erbjudandet i ChatGPT-annonsen. En länk till hela kurskatalogen kan höra hemma i webbplatsens vanliga meny, men ska inte se ut som ett avsnitt på den här workshopens sida. Skilj mellan att förflytta sig inom erbjudandet och att lämna det för att undersöka resten av verksamheten. För sådana avstickare behöver du välja hjälpsamma länkar och en tydlig väg tillbaka så att besökaren kan undersöka mer utan att tappa erbjudandet.
Välj några få användbara genvägar
Varje rubrik behöver inte en framträdande länk högst upp. Välj avsnitt som hjälper besökaren orientera sig eller nå ett avgörande beslut. För workshopen kan det vara innehåll, deltagare, praktiska uppgifter och bokning. Mindre förklaringar kan ligga under dessa delar.
Ett dussin lika tydliga ankarlänkar kan göra öppningen mer svårläst än själva sidan. Om alla verkar nödvändiga behöver grupperingen kanske ändras. En del information kan vara stöddokumentation som passar bättre bakom en beskrivande länk än mitt i presentationen.
På mobil behöver etiketterna gå att läsa. En rad som fortsätter utanför skärmen kan dölja val för den som inte upptäcker sidledsbläddringen. En kort lista kan vara tydligare. Lämplig utformning beror på de faktiska orden och sidans layout, så välj först efter att ha granskat realistiska skärmbredder.
Pröva etiketterna utan att visa innehållet under dem. Det ska gå att skilja ”Förberedelser” från ”Deltagare” innan man väljer en länk. Använd sedan samma centrala ord i målrubriken. Ett val som heter ”Pris och bokning” men landar vid ”Nästa steg” gör att läsaren måste kontrollera om förflyttningen blev rätt. Om sidan finns på flera språk behöver etiketterna fungera med verkliga översättningar, inte bara med korta ord i designskissen.
Länken behöver landa på en begriplig plats
Den som väljer ”Praktiska uppgifter” ska komma till en plats där den rubriken syns. En fast meny kan täcka rubriken även om webbläsaren har flyttat till rätt position. Kontrollera varje ankarlänk med sidans riktiga meny och eventuella fasta kontaktknapp.
Undvik oväntade förändringar i sidan när länken väljs. Om innehållet ligger i en stängd panel behöver länken kunna visa det på ett tillförlitligt sätt. Besökaren ska kunna förstå var den har hamnat och varför innehållet nu ser annorlunda ut. Ett hopp till ett osynligt mål skapar ingen användbar genväg.
W3C:s rubrikvägledning beskriver hur rubriker förmedlar dokumentets struktur och kan användas för navigation med hjälpmedel. Använd därför riktiga rubriknivåer som följer innehållets ordning. Fet text som bara liknar en rubrik ger inte samma struktur.
Granska också tangentbordets väg efter hoppet. W3C:s teknik G124 beskriver avsnittslänkar som flyttar fokus till den valda delen. För den här målsidan är en konkret kontroll att välja ”Bokning” med tangentbordet och sedan fortsätta till bokningens kontroller. Enbart en rullningsanimation visar inte att den vägen fungerar. Tekniken är ett sätt att lösa navigation, inte ett krav på att varje annonssida måste ha en innehållsförteckning.
Låt bokningsvägen behålla sin innebörd
En ankarlänk som heter ”Bokning” bör leda till bokningsinformation eller rätt bokningskontroll. Den ska inte oväntat skicka en förfrågan eller öppna ett annat erbjudande. Om länken öppnar ett externt system behöver övergången framgå i stället för att presenteras som ett vanligt hopp på samma sida.
Vissa läsare granskar det praktiska, återvänder till innehållet och går sedan vidare. Bevara den möjligheten. En ankarlänk ska inte nollställa formulärsvar eller radera ett valt tillfälle. Läs om sammanhang mellan annons och bokning för övergångar mellan system.
Avsnittslänkar ersätter inte en användbar handling efter innehållet. Den som läser i vanlig ordning bör nå nästa steg utan att behöva återvända till toppen. Samtidigt behöver inte samma uppmaning upprepas efter varje litet stycke. Placera handlingen där läsaren har fått tillräcklig information för beslutet.
Ett direkt hopp till bokningen kan passera uppgifter som behövs för att välja rätt. I det fiktiva workshopexemplet kan bokningsdelen därför behöva en kort sammanfattning av programmet, mötesformen och vilket tillfälle som väljs. Länka tillbaka till innehållet för den som vill läsa mer. Besökaren ska kunna kontrollera erbjudandet utan att det valda tillfället försvinner. Upprepa de avgörande uppgifterna vid handlingen, men kopiera inte hela sidans introduktion.
Fyra kontroller av genvägen till bokning
- Benämning
Bokning i länken motsvarar bokning i målrubriken.
- Ankomst
Rubriken syns och tangentbordsvägen fortsätter i rätt avsnitt.
- Sammanhang
Program, mötesform och valt tillfälle framgår vid bokningen.
- Återväg
Läs innehållet igen utan att radera tillfället som valts.
Granska med tre konkreta läsuppgifter
Be en person hitta vem utbildningen passar, en annan hitta förberedelserna och en tredje hitta bokning för egen grupp. Följ hur de letar. Navigationen ska hjälpa utan att de redan behöver känna till sidans interna disposition.
Kontrollera därefter tangentbordsförflyttning, rubrikordning, var länkarna landar och webbläsarens bakåtfunktion. Prova också en direktlänk till ett avsnitt längre ned. Kontrollera den igen efter omladdning och efter att ni ändrat avsnittets rubrik. En redaktionell namnändring ska inte obemärkt lämna genvägar till ett ankare som inte längre finns. Den bredare tillgänglighetsgranskningen behandlar resten av sidans kontroller.
Jämför till sist dispositionen med den aktuella ChatGPT-annonsen. Om annonsen betonar ett visst resultat men navigationen inte visar var det förklaras kan sidan ha blivit en allmän utbildningsbroschyr. Anpassa ordningen till det annonserade beslutet. Då kan innehållet förbli omfattande samtidigt som besökaren får en tydlig väg genom det.
Källor och avgränsning
Navigation inom en längre målsida för ChatGPT-annonser, med begripliga avsnittsnamn och fungerande förflyttning till innehållet.
- W3C: HeadingsLäst
Arbetsmetoder och exempel är redaktionella förslag. Kontrollera aktuella plattformsvillkor och funktioner inför genomförandet.