Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Legge til medier i innlegg | Innholdsopprettelse
Bygg en Kodefri Nettside med WordPress

bookLegge til medier i innlegg

Media—som bilder og videoer—gjør innholdet ditt mer dynamisk og engasjerende. I denne leksjonen lærer du beste praksis for opplasting av media til WordPress-innlegg, hvordan du optimaliserer filene dine, og hvordan du bruker alt-tekst og bildetekster for tilgjengelighet og SEO.

Opplasting og innbygging av media i WordPress
expand arrow

Media kan legges til i et innlegg ved hjelp av blokker. Følgende er en kort oppsummering av relevante blokktyper

  • Bruk Bildeblokk for å laste opp bilder eller velge fra mediebiblioteket;
  • Bruk Videoblokk kun hvis det er absolutt nødvendig å laste opp en videofil til serveren din (anbefales ikke);
  • Bruk Innebyggingsblokk for å sette inn YouTube-, Vimeo- eller andre eksterne videoer ved å lime inn videolenken.
Hvorfor bruke eksterne videotjenester?
expand arrow

Det er best å bruke eksterne plattformer som YouTube eller Vimeo for å lagre videoene dine. Dette skyldes:

  • Begrenset lagringsplass på serveren din: videoer tar mye plass;
  • Videoer bruker mye båndbredde: hver gang noen spiller av en video, bruker det data fra hosting-abonnementet ditt;
  • Store filer gjør nettstedet tregere: dette kan gi en dårlig opplevelse for besøkende og skade SEO.

Ved å bygge inn videoer fra plattformer som YouTube, lastes nettstedet ditt raskere, og du bruker ikke opp serverressursene dine.

Optimalisering av bilder for ytelse
expand arrow

Store bilder kan også gjøre nettstedet ditt tregere. For å forbedre lastetiden:

  • Bruk JPEG eller WebP-format; disse gir god kvalitet med mindre filstørrelse;
  • Endre størrelsen på bildene før opplasting; unngå å laste opp fullstørrelsesfiler fra kamera eller mobil;
  • Bruk komprimeringsverktøy som TinyPNG eller ImageOptim for å redusere filstørrelsen.

Det anbefales å holde bildefilstørrelser under 200–300 KB når det er mulig, da dette bidrar til raskere lasting av sider, spesielt på tregere internettforbindelser.

Bruk av bildetekster og alt-tekst
expand arrow

Å legge til alt-tekst (alternativ tekst) og bildetekster på bildene dine forbedrer både tilgjengelighet og søkemotoroptimalisering (SEO).

Alt-tekst er en skriftlig beskrivelse av bildet ditt. Det er viktig for personer som bruker skjermlesere—for eksempel noen med synshemming. Skjermleseren leser opp alt-teksten slik at de vet hva som vises på skjermen.

Alt-tekst brukes også av Google og andre søkemotorer for å forstå hva bildet ditt handler om; dette hjelper bildene dine å vises i Google Bildesøk, noe som kan gi flere besøkende til nettstedet ditt.

Bildetekster er synlige på siden, rett under bildet; de hjelper med å forklare eller gi ekstra kontekst til bildet for alle brukere.

Eksempel:
Hvis du laster opp et bilde av en salat til et blogginnlegg, kan alt-teksten være:
"Fresh green salad with cherry tomatoes and feta cheese". Dette forteller Google og skjermlesere nøyaktig hva som er på bildet.

Når du laster opp et bilde i WordPress, se på innstillingspanelet for bildet til høyre. Der finner du felt for både alt-tekst og bildetekst.

Ta deg tid til å fylle ut disse, spesielt alt-teksten. Prøv å inkludere nøkkelord som er relevante for temaet ditt, men unngå å overfylle med for mange.

Å legge til denne informasjonen forbedrer:

  • Tilgjengelighet for alle brukere;
  • SEO-rangering for innholdet ditt;
  • Muligheten for at bildet ditt vises i Google Bilder, noe som gir mer trafikk til nettstedet ditt.
question mark

Hva er beste praksis når du legger til bilder i et WordPress-innlegg?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 2

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 3.45

bookLegge til medier i innlegg

Sveip for å vise menyen

Media—som bilder og videoer—gjør innholdet ditt mer dynamisk og engasjerende. I denne leksjonen lærer du beste praksis for opplasting av media til WordPress-innlegg, hvordan du optimaliserer filene dine, og hvordan du bruker alt-tekst og bildetekster for tilgjengelighet og SEO.

Opplasting og innbygging av media i WordPress
expand arrow

Media kan legges til i et innlegg ved hjelp av blokker. Følgende er en kort oppsummering av relevante blokktyper

  • Bruk Bildeblokk for å laste opp bilder eller velge fra mediebiblioteket;
  • Bruk Videoblokk kun hvis det er absolutt nødvendig å laste opp en videofil til serveren din (anbefales ikke);
  • Bruk Innebyggingsblokk for å sette inn YouTube-, Vimeo- eller andre eksterne videoer ved å lime inn videolenken.
Hvorfor bruke eksterne videotjenester?
expand arrow

Det er best å bruke eksterne plattformer som YouTube eller Vimeo for å lagre videoene dine. Dette skyldes:

  • Begrenset lagringsplass på serveren din: videoer tar mye plass;
  • Videoer bruker mye båndbredde: hver gang noen spiller av en video, bruker det data fra hosting-abonnementet ditt;
  • Store filer gjør nettstedet tregere: dette kan gi en dårlig opplevelse for besøkende og skade SEO.

Ved å bygge inn videoer fra plattformer som YouTube, lastes nettstedet ditt raskere, og du bruker ikke opp serverressursene dine.

Optimalisering av bilder for ytelse
expand arrow

Store bilder kan også gjøre nettstedet ditt tregere. For å forbedre lastetiden:

  • Bruk JPEG eller WebP-format; disse gir god kvalitet med mindre filstørrelse;
  • Endre størrelsen på bildene før opplasting; unngå å laste opp fullstørrelsesfiler fra kamera eller mobil;
  • Bruk komprimeringsverktøy som TinyPNG eller ImageOptim for å redusere filstørrelsen.

Det anbefales å holde bildefilstørrelser under 200–300 KB når det er mulig, da dette bidrar til raskere lasting av sider, spesielt på tregere internettforbindelser.

Bruk av bildetekster og alt-tekst
expand arrow

Å legge til alt-tekst (alternativ tekst) og bildetekster på bildene dine forbedrer både tilgjengelighet og søkemotoroptimalisering (SEO).

Alt-tekst er en skriftlig beskrivelse av bildet ditt. Det er viktig for personer som bruker skjermlesere—for eksempel noen med synshemming. Skjermleseren leser opp alt-teksten slik at de vet hva som vises på skjermen.

Alt-tekst brukes også av Google og andre søkemotorer for å forstå hva bildet ditt handler om; dette hjelper bildene dine å vises i Google Bildesøk, noe som kan gi flere besøkende til nettstedet ditt.

Bildetekster er synlige på siden, rett under bildet; de hjelper med å forklare eller gi ekstra kontekst til bildet for alle brukere.

Eksempel:
Hvis du laster opp et bilde av en salat til et blogginnlegg, kan alt-teksten være:
"Fresh green salad with cherry tomatoes and feta cheese". Dette forteller Google og skjermlesere nøyaktig hva som er på bildet.

Når du laster opp et bilde i WordPress, se på innstillingspanelet for bildet til høyre. Der finner du felt for både alt-tekst og bildetekst.

Ta deg tid til å fylle ut disse, spesielt alt-teksten. Prøv å inkludere nøkkelord som er relevante for temaet ditt, men unngå å overfylle med for mange.

Å legge til denne informasjonen forbedrer:

  • Tilgjengelighet for alle brukere;
  • SEO-rangering for innholdet ditt;
  • Muligheten for at bildet ditt vises i Google Bilder, noe som gir mer trafikk til nettstedet ditt.
question mark

Hva er beste praksis når du legger til bilder i et WordPress-innlegg?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 2
some-alt