Ett litet snabbt “nattinlägg” där jag tänkte ta upp lite tips och tankesätt för hur man kan strukturera upp sina webbprojekt i mån av filer och organisering med hjälp av mappar, såväl som hur man namnger respektive för att funka så bra som möjligt på nätet.

Saker att undvika för namngivning av mappar och filer avsedda för webben

Ni bör nog undvika att döpa era mappar och filer för webbsidor som skall användas/skapas för publicering med följande:

  • Undvik Svenska tecken – undvik detta då internet är internationellt, oavsett vad du har för domän, etc. Och dessutom så är operativsystemen som hanterar mapparna och filerna (webbservrarna) bättre lämpade att hantera engelska alfabetet för mappnamn och filnamn.
  • Inga mellanslag eller specialtecken i mapp/filnamnen – mellanslag är ett typ av “specialtecken” och kommer därför i webbläsarens URL att översättas till typ %20 istället för ditt mellanrum(!). Vilket innebär att en fil du har döpt till t ex: min indexsida.html, kommer att omvandlas till: min%20indexsida.html <- vilket inte är så roligt kanske. Väldigt enkelt att undvika dessa scenario dock genom att helt enkelt bara skippa mellanrum och specialtecken i ens fil- och mapp-namn.
    Smart kan vara att hålla sig till engelska alfabetet – siffror är dock också OK 🙂 Har man filnamn som består av flera ord för att vara beskrivande (vilket är bra praktik att följa), så kan man använda bindestreck istället för mellanrum och understreck istället mellan orden i filnamnet.
  • Undvik att blanda gemener och versaler- använd endast små bokstäver, detta är mycket för er egen skull, då detta kan göra utvecklingsprocessen enklare på många fronter. Det blir helt enkelt enklare om man håller sig till endast små bokstäver (brukar jag själv numera alltid göra då jag haft dålig erfarenhet av att döpa filer och mappar med stora första bokstäver etc. i början av min tid som webbdesigner/webbutvecklare). Detta är speciellt viktigt(!) för bildfiler då dessa behandlas som case-sensitive. Webbdokuments filer kan vara case-sensitive precis som bilderna, lite beroende på operativsystemet av webbservern man använder för att publicera sin webbsida.
    Case-sensitive för er som ännu inte är bekanta med vad detta innebär är att stora bokstäver är inte samma bokstäver som små.

Hittade en väldigt trevlig och bra sida som verkar ha bra koll på vad som gäller för namngivning av filer, besök den gärna för att få bättre koll på vad som fungerar bäst för namngivning av filer avsedda att publiceras på webben! Se länk nedan:

http://www.motive.co.nz/guides/design/naming-folders-and-files.php

En annan PDF som sammanfattar och ger en god översikt av det väsentligaste för namngivning av mappar och filer samt lite praktiska exempel på hur olika giltiga namngivningar hade kunnat se finns på följande sida:
https://www.it.umass.edu/sites/oit.umass.edu/files/2011/06/30/naming.pdf

Översikts och referenssida för URL-encoding och varför det kan vara användbart!

För att se hur olika specialtecken blir översatta i URL:er kan ni se följande sida: W3Schools URL-Encoding referenssida.

På den sidan kan ni se samtliga specialtecken och hur de blir översatta i webbläsaren, detta är bra att känna till också, då det fortfarande finns utvecklare som faktiskt använder specialtecken i sina filnamn eller URL:er för webbsidor – då kan ovan länkade referenssida hjälpa er att avkoda/tolka vad URL:en egentligen är.

URL:er som har speciella tecken behöver inte enbart vara p.g.a. att utvecklaren döpt sina webbprojekts filer med specialtecken, utan kan också vara p.g.a. URL:er som PHP/JS Script för sidan har genererat och ibland bildas där specialtecken i URL:en i sådana fall.

Tips på hur man kan tänka vid organisering av sitt webbprojekts filer med mappar

Själv brukar jag organisera CSS-filerna till en undermapp, bilder till en undermapp, JavaScript-filer till en undermapp, Material/anteckningar som t ex. “todos”/dokumentation brukar jag placera i en undermapp.

Sedan i sidans rotmapp (antaget att webbplatsen inte har många underssidor), brukar jag placera samtliga undersidors webbdokuments filer. Typ index.htmlundersida1.htmlundersida2.html, osv.

I inlägget för Globala och Lokala länkadresser/URL paths finns där en printscreen där ni kan se ett exempel på mappstruktur för ett webbprojekt.

Sökmotoroptimerings aspekt att tänka på för mapp namngivning

Länkadresserna som kommer att finnas på din webbsida när den blivit publicerad, tar oftast och utgår från din domän, t ex. www.domain.se, fast för att sedan komma åt t ex. undersidor på din webbplats, så kan länken bli antingen www.domain.se/subpage1.html, eller: www.domain.se/subpage.

Vilket man väljer kan bero på hur man vill sökmotoroptimera sin sida, om det räcker med en enstaka webb fil för undersidan, hur ens egen preferens är, såväl som storleken för webbplatsen (antalet undersidor).

Det andra alternativet: www.domain.se/subpage, går att ha om man har en mapp i domänens rotmapp som heter: subpage, varav inuti denne mapp det finns en index.html fil. Detta är bra att lägga på minnet för att kunna göra sökmotorvänliga länkarURL-pathen till webbsidor väger väldigt mycket sökmotoroptimeringsmässigt. Det är betydligt bättre med länkar som människor kan förstå än länkar som t ex: www.domain.se/?q=asd123&w=300&h=250 (liknande länkar kan skapas via t ex. PHP).

index.html som ligger i en mapp anges för “standardsidan” för den mappen, detta innebär också att detta är den webbdokuments fil som öppnas som standard utan att behöva skrivas ut i URL:en – därav: www.domain.se/subpage, och inte: www.domain.se/subpage/index.html. Dock bör ni också veta att båda dessa sätten uppvisade här innan fungerar för att besöka index.html filen i mappen subpage.