Familie med cykler ved Dybbøl Mølle

Hjemmeside

Foto: Destination Sønderjylland

Kapitlet vil gennemgå følgende emner:

Hjemmesider i WordPress
Temaer/grundlæggende opbygning
Plugins/hjælpeværktøjer

Din hjemmeside er tit det første sted, du møder dine gæster. Derfor er det vigtigt, at den er ordentligt lavet og ser pæn ud. Det er heldigvis blevet forholdsvist nemt at bygge sin egen hjemmeside. Med værktøjer som WordPress, der i et vist omfang er gratis, kan du sætte siderne op, tilføje tekst, billeder, links til undersider mm.

Har du ikke mod på at bygge din hjemmeside selv, gør disse programmer det stadig nemmere og billigere at få hjemmesiden lavet. Det er simpelthen billigere at få et webbureau til at sætte en WordPress-side op, end det er at bede en programmør kode den fra bunden.

WordPress er et Open Source-værktøj, hvilket betyder, at det er gratis at bruge, samt at tredjepartsvirksomheder kan hente koden og bruge den til at bygge tillægsprodukter (kaldet temaer eller plugins). Disse produkter løser specifikke udfordringer på din hjemmeside (hvis du f.eks. skal have en webshop eller SEO-værktøjer). Modsat selve WordPress-programmet er disse ikke altid gratis. De er dog sjældent voldsomt dyre. I skrivende stund eksisterer der 55.000 forskellige plugins, så der er noget til at løse de fleste problemer, du kan støde på.

WordPress findes på hjemmesiden wordpress.org. Går du i stedet ind på wordpress. com, finder du et firma, der sælger WordPress-løsninger – og altså ikke det gratis værktøj.

En anden vigtig pointe er, at WordPress ikke er det eneste hjemmesideværktøj. Der er f.eks. også det gratis værktøj Wix samt Google Sites. Og mange andre. I de følgende afsnit beskriver vi WordPress, men der vil være et stort overlap med, hvordan disse programmer fungerer.

Endelig er det selvfølgelig vigtigt at nævne, at værktøjer som WordPress hjælper dig med at bygge din hjemmeside, men det er dig selv, der sørger for, at den er ordentligt struktureret. Selv den flotteste hjemmeside er ikke meget værd, hvis man skal igennem en mindre labyrint af undersider for at komme hen til en side, hvor man kan købe noget.

Temaer

Temaer i WordPress er det overordnede design, du bruger til at bygge din hjemmeside. Det er prædefinerede opsætninger af programmet, der gør det nemmere at anvende. Temaer er som regel ret billige, og de kan gøre det markant nemmere for dig at sætte din hjemmeside op.

Et godt eksempel er temaet Divi. Det smarteste ved Divi er, at du kan se ændringerne på din hjemmeside, samtidig med at du foretager dem. Du behøver på den måde ikke at have en veludviklet forestillingsevne, for at kunne arbejde med din hjemmeside. I det øjeblik du f.eks. trækker et billede ind på hjemmesiden, kan du se, hvordan det vil se ud for hjemmesidens brugere.

En af de ting der gør sig gældende for de fleste temaer er netop, at det er såkaldte drag-and-drop editors. Skal du indsætte tekst, trækker du en tekstboks ind der, hvor du vil have den. Det samme med knapper, billeder osv. Det er intuitivt og nemt at anvende.

Hvis du lige er logget ind på din hjemmeside i WordPress, befinder du dig i kontrolpanelet (på engelsk: dashboard). Herfra kan du f.eks. klikke på ”sider” i menuen til venstre og herefter klikke på den side, du vil redigere. Har du Divi-temaet installeret, kommer du nu ind i ”Divi-byggeren”. Her kan du se, at hjemmesidens indhold er sat op i forskellige bokse med forskellige farver, der definerer hjemmesidens forskellige elementer. Store bokse kan indeholde flere mindre bokse. Den lilla boks går fra kant til kant. Her vil du typisk indsætte et stort billede. Der kan så f.eks. være en mindre boks med tekst inden i den lilla boks. Nedenunder vil du så typisk have blå bokse (sektioner) med mindre grønne bokse (rækker) og endnu mindre grå bokse i dem). Dette viser hjemmesidens struktur med forskellige områder af hjemmesiden, der indeholder rækker af tekst osv.

Hver enkelt boks kan redigeres ved at trykke på tandhjulet i øverste venstre hjørne. Så kan du indsætte billeder, tekst, streger, links osv., definere boksens størrelse, afstanden til nabo-boksen osv. Du kan også tilføje og fjerne bokse efter behov.

Det smarteste er dog knappen ”Byg på forsiden”. Klikker du på den, kan du se hjemmesidens indhold omkranset af farver, så du stadig kan se de bokse/elementer, den er bygget op af. Så snart du foretager en ændring, kan du se ændringen i direkte på hjemmesiden (bare rolig – det vises ikke på den faktiske hjemmeside, før du gemmer dine ændringer). Du kan komme direkte ind i denne funktion fra kontrolpanelet ved at klikke på knappen ”Aktiver visuel bygger” i den øverste sorte linje.

Du kan selvfølgelig flere ting med byggeren (der er bl.a. plugins-menuen, vi beskriver nedenfor), men det allerede nævnte er de grundlæggende byggesten, der skal bruges til at lave en hjemmeside i WordPress med Divi-temaet.

Plugins

Plugins er små ekstra stykker kode, du kan bruge til at give din hjemmeside flere funktioner. Som nævnt eksisterer der tusindvis af dem, så der er noget til at løse alle tænkelige og utænkelige problemer for dig. De fleste plugins er billige eller gratis.

I venstre menulinje i kontrolpanelet kan du vælge ”Plugins”. Her kan du så enten se en liste over allerede eksisterende plugins eller tilføje et nyt. Når du har tilføjet et nyt plugin, ændrer dit kontrolpanel nogle gange form ved at tilføje flere menupunkter. Ellers kan du tilgå dit plugin ved at klikke på det i oversigten over installerede plugins.

Klikker du på ”Tilføj nyt”, kommer du ind på en side, hvor WordPress foreslår en række forskellige plugins. Det kan være en god inspiration at læse om andre populære eller anbefalede plugins. Du kan også bare søge efter det, du leder efter. En søgning på ”SEO” giver f.eks. lidt over 1000 plugins, du kan downloade, der alle kan hjælpe dig med at forbedre hjemmesidens SEO. Heldigvis er søgeresultaterne sorterede efter popularitet, så du ikke behøver at bladre igennem alle 29 sider med forslag.

Her er nogle eksempler på gode plugins.

Der er mange andre, og alt efter hvad din hjemmeside skal kunne, vil du muligvis have brug for flere andre.

Yoast SEO

Dette plugin kan hjælpe dig med at gøre din hjemmeside mere SEO-venlig, og dermed give en bedre position i Google-søgninger. SEO-værktøjerne bliver integreret på sideniveau i WordPress, så du under hver side nu kan se en rapport på, hvad der fungerer godt og dårligt SEO-mæssigt. På den måde kan du hurtigt opdage og rette problemer. Du kan også her tilføje titel og meta-beskrivelse af teksten, som er det Google viser under søgeresultatet, når din side vises i en søgning.

GDPR cookie consent

Denne her har vi nok allesammen stødt på rundt omkring på nettet. Her kan du indstille en tekstboks, der beder gæsterne acceptere, at hjemmesiden indsamler cookies.

PixelYourSite

Her kan du indsætte dine kodestumper til Google Analytics, Facebook (din såkaldte Facebook-pixel) m.fl., der gør det muligt for dig at spore brugernes aktivitet på din hjemmeside (det vil du gerne!).

Monarch

Dette plugin gør, at du nemt og flot kan præsentere links til dine konti på sociale medier som Facebook, LinkedIn m.fl.

Autooptimize

Et plugin, der kan komprimere billeder eller ændre deres størrelser. Samtidig kan det reducere mængden af overflødig kode på din side. Netop det er virkelig godt for din hjemmesides hastighed og dermed både brugeroplevelsen og SEO (det er også præcis de to ting, vi lægger vægt på i afsnittet om hastighed under SEO).

Yoast Duplicate Post

Dette plugin gør det muligt for dig at klone en side, du har lavet. Har du to undersider, der næsten er ens, kan dette plugin lette dit arbejde betragteligt. Bare husk at indholdet af de to sider ikke må være helt ens. Billeder og tekst skal stadig ændres, hvis du ikke vil have SEO-problemer med kopiering af indhold (det hedder duplicate content når du får dine SEO-resultater). Strukturen må dog godt være den samme.

Polylang

Dette plugin gør det muligt at sprogversionere din hjemmeside.

Listen er lang, og der er rigtig mange gode plugins, der kan gøre livet lettere for dig, hvis du bruger WordPress.

 

Sådan kommer du i gang

Gå ind på wordpress.org. Tryk på knappen ”Get WordPress” øverst til højre. Klik derefter ”Download and install” og endnu engang ”Download”. Programmet hentes nu og kan efterfølgende startes.

Vil du også hente temaet Divi, skal du gå ind på www.elegantthemes.com, trykke ”Try it for free!” og efterfølgende trykke på knappen ”Get Divi today” i øverste højre hjørne. Herefter skal du vælge, om du vil købe programmet på årsbasis eller have en livstidslicens og trykke ”Sign up today!”. Så er du klar til at begynde at arbejde med Divi.

 

Anbefalinger

  • Tænk hjemmesidens struktur grundigt igennem før du begynder at arbejde på den.
  • Vælg en hjemmeside-editor og et tema, der virker intuitivt for dig at anvende.
  • Vær ikke nærig med plugins. Hav fokus på at få de grundlæggende hjælpeværktøjer med, selv om de ikke umiddelbart kan ses af brugerne – f.eks. værktøjer til SEO og optimering af billeder.