Lä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.
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.
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.
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.
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.
Tack för dina kommentarer!