Promptbibliotek

Enkelsida för en lokal verksamhet

Använd när Du har en verksamhet på en ort och vill bli hittad och kontaktad. Det vanligaste, och oftast det enda som behövs.

Bygg en enkelsida för [verksamhetens namn] i [ort]. Målet med sidan är att [få folk att ringa och boka tid].

Besökaren är oftast [beskriv personen: vem, i vilken situation, på vilken enhet].

Ta med följande uppgifter, ändra dem inte:
- Adress: [adress]
- Telefon: [telefonnummer]
- E-post: [e-postadress]
- Öppettider: [öppettider]
- Tre saker vi är bra på: [1], [2], [3]

Känsla: [två eller tre ord, t.ex. varm och gedigen]. Färger: [ange om ni har några].

Krav: [telefonnummer och öppettider ska synas utan att man scrollar på mobil]. Undvik: [stockbilder på personal, chattbubbla].

Tips Skriv de tre sakerna ni är bra på med egna ord, inte som marknadsföring. “Vi svarar alltid samma dag” slår “kvalitet i fokus”.

Webbplats med flera undersidor

Använd när Verksamheten har flera tjänster eller ett innehåll som inte får plats på en sida.

Bygg en webbplats för [verksamhet] med följande sidor: Start, [Tjänster], [Om oss], [Priser], Kontakt.

Syftet med varje sida:
- Start: [vad besökaren ska förstå på tio sekunder]
- [Tjänster]: [vad som ska framgå]
- [Om oss]: [vad som ska framgå]
- [Priser]: [vad som ska framgå]
- Kontakt: [hur man når er]

Målgrupp: [beskriv]. Ton: [beskriv].

Använd de här uppgifterna: [klistra in fakta, priser, öppettider].

Samma meny på alla sidor, och en tydlig väg till Kontakt från varje sida.

Låt assistenten intervjua dig först

Använd när Du vet ungefär vad du vill men inte hur du ska beskriva det. Ofta den bästa starten.

Jag vill ha [en webbplats för min verksamhet inom [bransch]], men jag är osäker på hur den ska se ut och vad som bör finnas med.

Ställ de frågor du behöver få svar på innan du börjar bygga — en fråga i taget, max åtta frågor. Bygg ingenting förrän jag sagt att du har tillräckligt.

Tips Det här är den enskilt mest underskattade prompten. Frågorna avslöjar oftast tre saker du själv inte tänkt på.

Utgå från en mall eller ett exempel

Använd när Du har sett något du gillar bland exemplen och vill ha något liknande.

Utgå från [namnet på mallen eller exempelsajten].

Behåll: [strukturen och känslan].
Ändra: [färgerna till [färg], typsnittet till något [mer klassiskt], och ta bort [bildspelet]].

Byt ut all text mot innehåll för [verksamhetens namn], en [beskriv verksamheten] i [ort]. Här är uppgifterna: [klistra in].

Utgå från din befintliga webbplats

Använd när Du har redan en sajt som ska moderniseras men vars innehåll ska bevaras.

Utgå från vår nuvarande webbplats [adress].

Behåll: allt innehåll och alla uppgifter, särskilt [priser och öppettider] — de får inte ändras eller skrivas om.

Gör om: [utseendet så att det fungerar bra i mobilen], [strukturen så att kontaktuppgifterna syns direkt].

Ta bort: [sidor eller sektioner som ska bort].

Listan över vad du ändrat vill jag se innan du bygger.

Tips Jämför alltid resultatet mot originalet sida för sida innan du publicerar. Det som ser likadant ut behöver inte vara det.

Text till startsidan utifrån din egen historia

Använd när Texten känns korrekt men utbytbar mot vilken konkurrent som helst.

Skriv om texten på startsidan utifrån det här:

[Berätta fritt: vem ni är, hur ni började, vad ni gör som andra inte gör, vad kunder brukar säga om er, vad ni säger nej till.]

Ton: [rak och osentimental], inga superlativ och inga klichéer som “kvalitet i fokus”.
Längd: max [150] ord.
Avsluta med en uppmaning att [ringa oss].

Sida byggd på de frågor kunder faktiskt ställer

Använd när Du vill ha innehåll som både hjälper besökaren och syns i sökningar.

Det här är de frågor våra kunder ställer oftast, och våra svar:

1. [fråga] — [ditt svar]
2. [fråga] — [ditt svar]
3. [fråga] — [ditt svar]
4. [fråga] — [ditt svar]
5. [fråga] — [ditt svar]

Gör en sida som svarar på dem, med varje fråga som en egen rubrik så att den går att hitta i en sökning. Skriv svaren i mitt tonläge, inte formellare. Hitta inte på ytterligare frågor.

Tips Det här är samtidigt den enklaste SEO-åtgärd som finns: du svarar bokstavligen på det folk söker efter.

Fånga en ton du redan har

Använd när Du vet hur det ska låta men kan inte beskriva det.

Så här låter vi när vi skriver till kunder:

“[klistra in två eller tre meningar ni faktiskt skrivit, t.ex. ur ett mejl]”

Skriv om [texten på sidan Om oss] så att den låter så. Behåll alla sakuppgifter exakt som de är — ändra bara tonen.

Korta ner utan att tappa innehåll

Använd när Texten säger rätt saker men ingen orkar läsa den.

Korta ner texten på [sidan] till ungefär hälften.

Behåll: alla sakuppgifter, siffror och namn.
Ta bort: upprepningar, inledningar som inte säger något och meningar som skulle kunna stå på vilken sajt som helst.
Dela upp i korta stycken med mellanrubriker.

Visa den nya texten innan du ändrar sidan.

Tre avgränsade utseendeändringar

Använd när Du är nästan nöjd och vill justera, inte göra om.

Behåll strukturen och innehållet exakt som det är. Gör bara de här tre ändringarna:

1. [gör rubrikerna mindre och luftigare]
2. [byt knappfärgen till [färg]]
3. [öka avståndet mellan sektionerna]

Rör inget annat.

Sätt färger och typsnitt efter ert grafiska uttryck

Använd när Ni har en logotyp eller färger sedan tidigare som sidan ska följa.

Använd de här färgerna genomgående:
- Huvudfärg: [färgkod eller beskrivning]
- Accentfärg (knappar och länkar): [färgkod]
- Bakgrund: [ljus/mörk]

Typsnitt: [något klassiskt med seriffer i rubriker, enkelt i brödtext].

Se till att texten har tillräcklig kontrast mot bakgrunden så att den går att läsa även för den som ser dåligt.

Få det att fungera i mobilen först

Använd när Sidan ser bra ut på datorn men rörig på telefonen.

Gå igenom sidan i mobilläge och åtgärda:

- Det viktigaste ([telefonnummer och öppettider]) ska synas utan att man scrollar.
- Ingenting ska sticka utanför skärmen åt sidan.
- Knappar ska vara tillräckligt stora att träffa med tummen.
- Menyn ska gå att öppna och stänga.

Ändra inte hur det ser ut på dator.

Gör sidan användbar för fler

Använd när Alltid värt en runda. Ofta ett krav, alltid fler kunder.

Gå igenom sidan för tillgänglighet och åtgärda det du hittar:

- Tillräcklig kontrast mellan text och bakgrund.
- Alla bilder ska ha en beskrivande alt-text som säger vad bilden föreställer.
- Allt ska gå att nå och använda med enbart tangentbord.
- Formulärfält ska ha synliga etiketter, inte bara grå text inuti fältet.
- Rubrikerna ska ligga i rätt ordning.

Redovisa vad du ändrade och vad som eventuellt inte gick att åtgärda.

Kontaktformulär med rätt fält

Använd när Du vill bli kontaktad och veta vad ärendet gäller redan i första mejlet.

Lägg till ett kontaktformulär på [sidan Kontakt] med fälten:
- Namn (obligatoriskt)
- E-post (obligatoriskt)
- Telefon (frivilligt)
- [Vilken tjänst det gäller] (välj mellan [alternativ 1], [alternativ 2], [alternativ 3])
- Meddelande (obligatoriskt)

Efter skickat ska besökaren se en bekräftelse på samma sida.
Skriv en kort text ovanför formuläret om att [vi svarar inom ett dygn på vardagar].

Börja med att tala om vart meddelandet ska ta vägen. Har projektet ingen server (de flesta webbplatsmallar) kan sidan inte ta emot en inskickad blankett — säg då till mig, och föreslå i stället en mejllänk med färdig ämnesrad eller en formulärtjänst utanför. Har projektet en server: kontrollera inmatningen där, inte bara i webbläsaren.

Öppettider och kontaktuppgifter som syns direkt

Använd när Det vanligaste besökaren letar efter, och det som oftast ligger längst ner.

Lägg [öppettiderna och telefonnumret] högst upp på startsidan, så att de syns direkt på en telefon utan att man scrollar.

Uppgifter: [klistra in].

Telefonnumret ska gå att trycka på för att ringa direkt från mobilen. Markera tydligt om vi har [stängt på söndagar].

Bildgalleri över utfört arbete

Använd när Verksamheten säljs bäst genom att visas: hantverk, mat, lokaler, före och efter.

Lägg till ett bildgalleri på [sidan] som visar [utfört arbete].

- [Sex] bilder i ett rutnät som blir en kolumn i mobilen.
- Varje bild ska ha en kort bildtext som säger [vad det är och var det gjordes].
- Bilderna ska laddas snabbt, även på mobilt nät.
- Varje bild ska ha en beskrivande alt-text.

Använd platshållarbilder tills jag laddar upp riktiga.

Vägbeskrivning och hitta hit

Använd när Ni har en fysisk plats som folk ska ta sig till.

Lägg till ett avsnitt Hitta hit på [sidan Kontakt] med:
- Adressen [adress] tydligt utskriven
- En kort vägbeskrivning i text: [hur man hittar, var man parkerar, närmaste hållplats]
- En länk som öppnar adressen i besökarens kartapp

Skriv vägbeskrivningen så att den fungerar även för den som inte kan öppna en karta.

Prislista som går att läsa i mobilen

Använd när Priser i en tabell är det som oftast går sönder på små skärmar.

Lägg till en prislista på [sidan] med de här posterna:

[tjänst] — [pris]
[tjänst] — [pris]
[tjänst] — [pris]

Ange tydligt om priserna är [inklusive moms] och om [framkörning tillkommer]. Prislistan ska gå att läsa på en telefon utan att man behöver zooma eller dra i sidled. Ändra inga priser och lägg inte till några poster jag inte skrivit.

Tips Sista meningen är viktigare än den ser ut. Utan den kan listan “kompletteras” med priser som inte är era.

Sidtitlar och beskrivningar för sökresultaten

Använd när Alltid, innan publicering. Görs det efteråt blir det ofta inte gjort.

Skriv sidtitel och metabeskrivning för varje sida.

- Titeln ska innehålla [vad vi gör] och [orten], och vara under 60 tecken.
- Beskrivningen ska vara under 155 tecken, säga vad besökaren hittar på sidan och innehålla en anledning att klicka.
- Inga upprepningar mellan sidorna och inga sökordsradder.

Visa dem som en lista så att jag kan läsa igenom innan du sätter dem.

Bli hittad av folk i närheten

Använd när Verksamheten är lokal och kunderna söker efter tjänsten plus orten.

Vi vill bli hittade av folk som söker efter [tjänst] i [ort] och i [närliggande orter].

Gå igenom sidan och se till att:
- Ort och tjänst står naturligt i rubriker och brödtext, utan att det blir uppräkningar.
- Adress, telefonnummer och öppettider står i text, inte bara i en bild.
- Varje undersida har ett tydligt eget ämne.

Förklara vad du ändrade och varför. Lova inga placeringar.

Läsbara webbadresser

Använd när Sidorna heter något i stil med /sida2 eller /undersida-kopia.

Gå igenom adresserna till alla sidor och gör dem läsbara och beskrivande, med små bokstäver och bindestreck — till exempel [/flyttstadning-alingsas] i stället för [/sida2].

Om någon sida byter adress: lägg in en omdirigering från den gamla adressen så att gamla länkar fortsätter fungera, och lista vilka som ändrats.

Få sidan att ladda snabbt

Använd när Sidan känns trög, särskilt på mobilt nät.

Gå igenom sidan och gör den snabbare att ladda, särskilt på mobilt nät:

- Komprimera bilderna och se till att de inte är större än de visas.
- Ta bort sådant som laddas men inte används.
- Se till att texten syns innan bilderna hunnit laddas.

Redovisa vad du gjorde och vad det gav. Ta inte bort funktionalitet för att vinna hastighet utan att fråga först.

Beskriv ett fel så att det går att laga direkt

Använd när Något ser fel ut eller fungerar inte.

Fel: [beskriv exakt vad du ser].
Var: [vilken sida och vilken del av den].
På vad: [telefon/dator, vilken webbläsare].
När det började: [efter vilken ändring, om du vet].
Så ska det vara i stället: [beskriv].

Laga det utan att ändra något annat på sidan.

Be om en granskning innan publicering

Använd när Sista kontrollen innan du godkänner.

Innan jag publicerar vill jag ha en genomgång:

1. Finns det text kvar som är påhittad eller platshållare — priser, öppettider, telefonnummer, namn — som jag inte har gett dig?
2. Är det något som inte fungerar i mobilen?
3. Är det något som är otillgängligt: dålig kontrast, bilder utan alt-text, formulärfält utan etikett?
4. Är det något du skulle ändra men inte gjort för att jag inte bett om det?

Svara som en lista. Ändra ingenting förrän jag sagt till.

Tips Fråga 1 är den viktigaste på hela sidan. Påhittade öppettider är det vanligaste felet som når produktion.

Kontrollera vanliga säkerhetsmisstag

Använd när Sidan tar emot inmatning från besökare, till exempel via ett formulär.

Gå igenom koden och kontrollera:

- Kontrolleras all inmatning från besökare på servern, inte bara i webbläsaren?
- Kan text som en besökare skriver visas på sidan utan att först göras ofarlig?
- Finns det lösenord, nycklar eller anslutningsuppgifter skrivna i koden?
- Skickas något känsligt över en okrypterad förbindelse?

Redovisa vad du hittade, hur allvarligt det är och vad du föreslår. Ändra ingenting förrän jag godkänt.

Backa en ändring du inte vill ha

Använd när Den senaste ändringen gjorde det sämre.

Den senaste ändringen ([beskriv vad det var]) blev fel. Ta tillbaka den och återgå till hur [sidan/avsnittet] såg ut innan.

Behåll allt annat som ändrats sedan dess. Visa vad du tog bort.

Förbered publicering och få se vad som händer

Använd när Innan du godkänner en publicering, särskilt den första.

Jag vill publicera till [domän] och dokumentroten [sökväg].

Innan jag godkänner vill jag veta:
- Vilka filer läggs till, ändras eller tas bort?
- Ligger det redan något i målmappen, och i så fall vad?
- Vad händer med det som redan ligger där?
- Går det att gå tillbaka om något blir fel?

Publicera ingenting förrän jag uttryckligen sagt till.

Tips Assistenten kan bara föreslå en publicering. Själva godkännandet gör du, och det sker utanför chatten.

Publicera till en testadress först

Använd när Ni har en webbplats som redan är i drift och som inte får störas.

Vi har redan en webbplats på [domän] som ska ligga kvar orörd. Det nya ska publiceras till [test.domän] i stället.

Gå igenom projektets filer och peka ut allt som antar en viss adress — länkar, sitemap, canonical-taggar, hårdkodade domännamn — och rätta dem så att sajten fungerar på båda adresserna.

Du behöver inte kontrollera webbhotellet: du kommer inte åt det. Subdomänen skapar jag i cPanel och väljer som mål i publiceringssteget.

Kontrollera efter publicering

Använd när Direkt efter att sidan gått live.

Sidan är publicerad på [adress]. Gå igenom och bekräfta:

- Svarar alla sidor som de ska?
- Fungerar [formuläret] skarpt, och kommer meddelandet fram?
- Ser det rätt ut på telefon?
- Är det något som fungerade i förhandsgranskningen men inte här?

Rapportera vad du hittar. Ändra ingenting utan att fråga.