Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Lägga till media i inlägg | Innehållsskapande
Bygga en Kodfri Webbplats med WordPress

bookLägga till media i inlägg

Media—som bilder och videor—gör ditt innehåll mer dynamiskt och engagerande. I denna lektion lär du dig bästa praxis för att ladda upp media till WordPress-inlägg, hur du optimerar dina filer samt hur du använder alt-text och bildtexter för tillgänglighet och SEO.

Ladda upp och bädda in media i WordPress
expand arrow

Media kan läggas till i ett inlägg med hjälp av block. Följande är en kort sammanfattning av relevanta blocktyper:

  • Använd Bildblock för att ladda upp foton eller välja från mediabiblioteket;
  • Använd Videoblock endast om du absolut måste ladda upp en videofil till din server (rekommenderas ej);
  • Använd Inbäddningsblock för att infoga YouTube-, Vimeo- eller andra externa videor genom att helt enkelt klistra in videolänken.
Varför använda externa videotjänster?
expand arrow

Det är bäst att använda externa plattformar som YouTube eller Vimeo för att lagra dina videor. Det beror på:

  • Din webbhotellserver har begränsat lagringsutrymme: videor tar upp mycket plats;
  • Videor förbrukar mycket bandbredd: varje gång någon spelar upp en video används data från ditt webbhotellabonnemang;
  • Stora filer gör din webbplats långsammare: detta kan skapa en dålig upplevelse för besökare och påverka din SEO negativt.

Genom att bädda in videor från plattformar som YouTube laddar din webbplats snabbare och du sparar på serverresurser.

Optimera bilder för prestanda
expand arrow

Stora bilder kan också göra din webbplats långsammare. För att förbättra laddningstiderna:

  • Använd JPEG- eller WebP-format; dessa ger bra kvalitet med mindre filstorlek;
  • Ändra storlek på dina bilder innan uppladdning; undvik att ladda upp originalfiler direkt från kamera eller mobil;
  • Använd komprimeringsverktyg som TinyPNG eller ImageOptim för att minska filstorleken.

Det är lämpligt att hålla bildfiler under 200–300 KB när det är möjligt, eftersom detta bidrar till snabbare sidladdning, särskilt vid långsammare internetuppkopplingar.

Använda bildtexter och alt-text
expand arrow

Att lägga till alt-text (alternativ text) och bildtexter till dina bilder förbättrar både tillgänglighet och sökmotoroptimering (SEO).

Alt-text är en skriftlig beskrivning av din bild. Den är viktig för personer som använder skärmläsare—till exempel någon med synnedsättning. Skärmläsaren läser upp alt-texten så att de vet vad som visas på skärmen.

Alt-text används också av Google och andra sökmotorer för att förstå vad din bild föreställer; det hjälper dina bilder att visas i Google Bildsök och kan ge fler besökare till din webbplats.

Bildtexter är synliga på sidan, precis under bilden; de hjälper till att förklara eller ge extra kontext till bilden för alla användare.

Exempel:
Om du laddar upp en bild på en sallad till ett blogginlägg kan din alt-text vara:
"Fresh green salad with cherry tomatoes and feta cheese". Det talar om för Google och skärmläsare exakt vad bilden innehåller.

När du laddar upp en bild i WordPress, titta i bildinställningspanelen till höger. Där hittar du fält för både alt-text och bildtext.

Ta dig tid att fylla i dessa, särskilt alt-texten. Försök att inkludera nyckelord som relaterar till ditt ämne, men undvik att överdriva.

Att lägga till denna information förbättrar:

  • Tillgänglighet för alla användare;
  • SEO-ranking för ditt innehåll;
  • Möjligheten att din bild visas i Google Bilder, vilket kan driva mer trafik till din webbplats.
question mark

Vilket av följande är bästa praxis när du lägger till bilder i ett WordPress-inlägg?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 2

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

bookLägga till media i inlägg

Media—som bilder och videor—gör ditt innehåll mer dynamiskt och engagerande. I denna lektion lär du dig bästa praxis för att ladda upp media till WordPress-inlägg, hur du optimerar dina filer samt hur du använder alt-text och bildtexter för tillgänglighet och SEO.

Ladda upp och bädda in media i WordPress
expand arrow

Media kan läggas till i ett inlägg med hjälp av block. Följande är en kort sammanfattning av relevanta blocktyper:

  • Använd Bildblock för att ladda upp foton eller välja från mediabiblioteket;
  • Använd Videoblock endast om du absolut måste ladda upp en videofil till din server (rekommenderas ej);
  • Använd Inbäddningsblock för att infoga YouTube-, Vimeo- eller andra externa videor genom att helt enkelt klistra in videolänken.
Varför använda externa videotjänster?
expand arrow

Det är bäst att använda externa plattformar som YouTube eller Vimeo för att lagra dina videor. Det beror på:

  • Din webbhotellserver har begränsat lagringsutrymme: videor tar upp mycket plats;
  • Videor förbrukar mycket bandbredd: varje gång någon spelar upp en video används data från ditt webbhotellabonnemang;
  • Stora filer gör din webbplats långsammare: detta kan skapa en dålig upplevelse för besökare och påverka din SEO negativt.

Genom att bädda in videor från plattformar som YouTube laddar din webbplats snabbare och du sparar på serverresurser.

Optimera bilder för prestanda
expand arrow

Stora bilder kan också göra din webbplats långsammare. För att förbättra laddningstiderna:

  • Använd JPEG- eller WebP-format; dessa ger bra kvalitet med mindre filstorlek;
  • Ändra storlek på dina bilder innan uppladdning; undvik att ladda upp originalfiler direkt från kamera eller mobil;
  • Använd komprimeringsverktyg som TinyPNG eller ImageOptim för att minska filstorleken.

Det är lämpligt att hålla bildfiler under 200–300 KB när det är möjligt, eftersom detta bidrar till snabbare sidladdning, särskilt vid långsammare internetuppkopplingar.

Använda bildtexter och alt-text
expand arrow

Att lägga till alt-text (alternativ text) och bildtexter till dina bilder förbättrar både tillgänglighet och sökmotoroptimering (SEO).

Alt-text är en skriftlig beskrivning av din bild. Den är viktig för personer som använder skärmläsare—till exempel någon med synnedsättning. Skärmläsaren läser upp alt-texten så att de vet vad som visas på skärmen.

Alt-text används också av Google och andra sökmotorer för att förstå vad din bild föreställer; det hjälper dina bilder att visas i Google Bildsök och kan ge fler besökare till din webbplats.

Bildtexter är synliga på sidan, precis under bilden; de hjälper till att förklara eller ge extra kontext till bilden för alla användare.

Exempel:
Om du laddar upp en bild på en sallad till ett blogginlägg kan din alt-text vara:
"Fresh green salad with cherry tomatoes and feta cheese". Det talar om för Google och skärmläsare exakt vad bilden innehåller.

När du laddar upp en bild i WordPress, titta i bildinställningspanelen till höger. Där hittar du fält för både alt-text och bildtext.

Ta dig tid att fylla i dessa, särskilt alt-texten. Försök att inkludera nyckelord som relaterar till ditt ämne, men undvik att överdriva.

Att lägga till denna information förbättrar:

  • Tillgänglighet för alla användare;
  • SEO-ranking för ditt innehåll;
  • Möjligheten att din bild visas i Google Bilder, vilket kan driva mer trafik till din webbplats.
question mark

Vilket av följande är bästa praxis när du lägger till bilder i ett WordPress-inlägg?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 2
some-alt