Sidor och menyn

Modul 4: Sidor, utseende och funktioner · Lästid: 7 minuter

Lärandemål: Efter den här lektionen kan du lägga till, byta namn på, flytta och ta bort sidor och bygga menyn med en undermeny och egna länkar. Du vet också vad som händer med gamla adresser, kontaktsidan och felsidan.

Nyckelbegrepp: sida, adress (slug), startsida, meny, undermeny, mellanrubrik, egen länk, sidfotslänkar, kontaktsida, felsida (404), omdirigering

Därför spelar uppbyggnaden av din webbplats roll

En besökare avgör på några sekunder om han hittar det han söker, och det sker via menyn. Saknas "Kontakt", eller heter en sida "Info" fast den visar priser, då ger han upp. Även sökmotorer läser din meny för att se vilka sidor som är viktiga.

Schildersbedrijf Example börjar med en första version som AI har skapat: Hem, Tjänster, Om oss och Kontakt. Efter genomgången (lektion 2.4) vill målaren ändra två saker: en egen sida "Arbetssätt" med stegen från offert till färdigt arbete, och under Tjänster två sidor för inomhus- och utomhusmålning. Det ordnar han i två paneler: Sidor och Meny. Båda är gratis: att hantera sidor och menyn kostar inga redigeringar.

Panelen Sidor

Du öppnar panelen med Sidor i listen till vänster, eller med sidväljaren uppe till höger i chattpanelen. Du ser alla sidor på din webbplats. Klicka på en sida för att öppna den i förhandsvisningen och redigera den.

Det här gör du här:

• Lägg till sida: du anger bara ett namn. Den nya sidan får en rubrik och ett textblock med en hjälptext ("Berätta här vad den här sidan handlar om."). Be sedan AI i chatten att fylla den, eller skriv texten själv (lektion 3.2). Sidan hamnar automatiskt i menyn om det finns plats, och i sidfotskolumnen med sidlänkar.
• Redigera sida: för varje sida ändrar du Namn och Adress och klickar på Spara.
• Flytta upp och Flytta ned: sidornas ordning. Menyn och sidfotskolumnen med sidlänkar följer den ordningen.
• Ta bort: byggaren frågar först om du är säker och visar hur många länkar på din webbplats som pekar på sidan (i menyn, sidfoten eller knappar). De länkarna tas bort samtidigt, så att inga döda länkar blir kvar. Du kan återställa en borttagen sida via Versioner (lektion 3.5).

Startsidan är speciell: den kan du inte ta bort eller flytta, och dess adress är alltid huvudadressen till din webbplats. En webbplats har högst 30 sidor.

Du kan också be om en ny sida i chatten ("Skapa en sida Arbetssätt med fyra steg från offert till färdigt arbete"). Då skapar AI den direkt med innehåll. Det är en instruktion till AI och kostar 2 redigeringar, eftersom en sida tillkommer (lektion 1.2). Via Lägg till sida är det gratis, men då fyller du den själv eller med en separat instruktion.

Fallgrop: hjälptexten på en ny sida är exempelinnehåll. Glömmer du den står det online "Dubbelklicka på den här texten för att skriva den själv". Gå igenom varje ny sida innan du publicerar.

Namn och adress: vad som händer när du ändrar dem

Varje sida har ett namn och en adress. Namnet är det besökarna ser i menyn och i rubriken. Adressen (på fackspråk slug) är den sista delen i adressfältet: i www.example.com/werkwijze/ är det werkwijze. Använd korta, vanliga ord med bindestreck, utan versaler eller skiljetecken.

Ändrar du namnet får menyposter och sidfotslänkar med det gamla namnet automatiskt det nya namnet. En menypost med en egen menytext behåller den texten.

Ändrar du adressen fortsätter länkarna inom din egen webbplats att fungera: menyn, sidfoten och dina knappar pekar på själva sidan, inte på den gamla adressen. Men den gamla adressen försvinner. Nästa gång du klickar på Publicera tar byggaren bort filerna som inte längre hör till webbplatsen, så att en omdöpt sida inte lämnar en gammal adress kvar. Det skapas ingen omdirigering (en automatisk hänvisning från den gamla till den nya adressen). Den som använder den gamla adressen, till exempel via en länk i ett gammalt mejl, på Facebook eller i Googles sökresultat, hamnar på felsidan.

Google rekommenderar att den gamla adressen permanent skickas vidare till den nya när en adress ändras. Det gör byggaren alltså inte. Vad betyder det för dig?

• Välj dina adresser noga innan du delar din webbplats eller anmäler den hos Google (lektion 6.2).
• Måste en adress ändå ändras senare, uppdatera då det du själv styr över: länkar i din mejlsignatur, din företagsprofil och dina profiler i sociala medier. Google hittar den nya adressen via din webbplatskarta, men den gamla adressen kan ge felmeddelanden en tid.
• Har du ett paket ligger din webbplats som filer i ditt webbhotellpaket, och där går en omdirigering att göra med en regel på webbhotellsnivå. Det ligger utanför byggaren och är för vana användare.

Felsidan

Vid varje publicering skapar byggaren själv en felsida (på fackspråk 404-sida, efter felkoden som webbservern då ger): i din grafiska profil, med meny och sidfot, rubriken "Den här sidan finns inte" och knappen "Till startsidan". Sökmotorer tar inte med den. Titta på den en gång: skriv en sökväg som inte finns efter adressen till din webbplats, till exempel /bestaat-niet/.

Panelen Meny

I Meny bygger du upp menyn. Dra sidor för att ändra ordningen. Drar du en sida och släpper den på en annan blir den en undermeny till den. Så lägger Schildersbedrijf Example "Inomhusmålning" och "Utomhusmålning" under "Tjänster". Klicka på Spara menyn för att spara; så länge det inte är gjort står det "Menyn är inte sparad än".

Du kan också:

• lägga till en Egen länk: en webbadress (https://...), ett telefonnummer (tel:0612345678 som exempel), en e-postadress (mailto:...), en sökväg på din webbplats (/werkwijze/) eller ett ankare till en sektion (#offerte);
• lägga till en Mellanrubrik: en rubrik som inte går att klicka på och som du drar poster under. En mellanrubrik utan poster under försvinner när du sparar;
• ge varje post en egen Menytext. Lämnar du den tom gäller sidans namn;
• ta bort en sida med Ta bort från menyn. Den hamnar då under Inte i menyn: sidan finns kvar, men bara den som känner till adressen eller följer en länk kommer dit.

En menylista har högst 8 poster, en undermeny också. Är menyn full kommer en ny sida inte med automatiskt; då ser du ett meddelande och lägger in den själv, eller grupperar sidor i en undermeny.

Menyns design (hur listen ser ut) väljer du inte här utan under Grafisk profil (lektion 4.2). Innehållet förblir detsamma.

Fallgrop: sidor som inte hör hemma i menyn, som din integritetspolicy eller en tacksida efter formuläret, lägger du under Inte i menyn. En länk till din integritetspolicy hör däremot hemma i sidfoten (lektion 7.1).

En bra kontaktsida

Nästan varje webbplats behöver en kontaktsida. Besökare förväntar sig den längst till höger i menyn eller som sista post. Ta med:

• ditt företagsnamn, din adress (om besökare får komma förbi), telefonnummer och e-postadress;
• kontaktformuläret (lektion 4.3);
• eventuellt öppettider eller när du nås och en karta.

I byggaren gör du det med sektionen Kontakt (via Block eller väljaren vid Lägg till sektion, lektion 3.4). Den visar adress, telefon, e-post, öppettider och eventuellt formuläret. Observera: i den första versionen finns ofta exempeluppgifter, som ett påhittat telefonnummer. Byt ut dem (lektion 2.4).

Unika titlar

Utan egen titel i panelen SEO skapar byggaren titeln i webbläsarfliken och i Google av sidans namn och namnet på din webbplats, till exempel "Arbetssätt | Schildersbedrijf Example"; startsidan får namnet på din webbplats. Två sidor med samma namn får alltså samma titel. Ge varje sida ett eget namn; bättre titlar skriver du i lektion 6.1.

I byggaren: så gör du

1. Öppna Sidor och klicka på Lägg till sida. Skriv "Arbetssätt" och klicka på Lägg till.
2. Fyll sidan via chatten eller skriv själv; byt ut hjälptexten.
3. Kontrollera under Redigera sida fältet Adress (i exemplet werkwijze) och klicka på Spara.
4. Öppna Meny. Dra "Arbetssätt" till platsen mellan Tjänster och Kontakt. Dra tjänstesidorna och släpp dem på "Tjänster" för en undermeny.
5. Klicka på Spara menyn och titta på menyn i förhandsvisningen, även i Mobil.
6. Publicera din webbplats igen (lektion 5.1) och klicka själv igenom alla menylänkar.

Sammanfattning

• I Sidor lägger du till sidor och ändrar namn, adress och ordning; du kan ta bort sidor och återställa dem via Versioner.
• Interna länkar följer med till en ny adress, men den gamla adressen försvinner utan omdirigering: välj dina adresser innan du delar din webbplats.
• I Meny drar du ordning och undermenyer, lägger till egna länkar och mellanrubriker och klickar på Spara menyn; högst 8 poster per lista.
• Felsidan skapar byggaren själv, i din grafiska profil med en knapp till startsidan.
• En kontaktsida med riktiga uppgifter och unika sidnamn hör till varje webbplats.

Quiz

Uppgift

Uppgift A4.1: Dina sidor och din meny. Se till att din webbplats har minst tre sidor i menyn, bland dem en kontaktsida med dina riktiga kontaktuppgifter, att varje sida har ett eget namn och att du har publicerat webbplatsen igen. Fyll sedan i webbadressen till din AI Builder-webbplats (din gratis adress, som schildersbedrijf-example-123.weboke.site, eller din egen domän). Programmet öppnar din startsida som en besökare gör och kontrollerar: finns det minst tre sidor i menyn, fungerar varje menylänk (sidan finns och ger inget felmeddelande), finns det en kontaktsida, och har varje sida en egen titel. Du ser grönt, orange eller rött för varje punkt. Väljer du menydesignen Minimal under Grafisk profil finns sidlänkarna bara i sidfoten; använd för den här uppgiften en design med länkarna i menylisten.

Läs mer

• Gratis WordPress-kurs 4.3: Menyer och navigation
• Gratis kurs Synas på nätet 7.4: Interna länkar och webbplatsens struktur
• Gratis kurs Synas på nätet 8.3: Flytta eller förnya webbplatsen utan att tappa synlighet
• Site moves with URL changes (Google Search Central, på engelska): https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes