Du öppnar WordPress-redigeraren för att skriva ett inlägg. Du klickar på "Lägg till block" och ser dussintals alternativ. Bland dem finns "Omslag". I sidofältet, längst ner, döljer sig "Utvald bild". Båda handlar om bilder. Båda påverkar hur inlägget ser ut. Men de gör helt olika saker.

Förväxlingen mellan omslag och utvald bild är en sådan sak som nybörjarguider aldrig nämner. Och det borde de. Fel val förstör layouten på din startsida, sabbar förhandsvisningar i sociala medier och lämnar artikeln utan en visuell krok i inläggstexten. Omvänt, när du väl förstår skillnaden fungerar båda funktionerna som ett enhetligt system.

Här följer en renodlad genomgång: vad var och en gör, var den finns, hur du lägger till den och när du ska använda båda.

💡 Snabb översikt:

• Förstå vad ett omslag är och var det visas
• Lär dig hur den utvalda bilden fungerar och var den syns
• Jämför viktiga skillnader i en tabell över åtta kriterier
• Lägg till ett omslag via blockredigeraren steg för steg
• Ange en utvald bild och fyll i alt-texten
• Konfigurera båda formaten för maximal synlighet för inlägget

Vad är ett omslag i WordPress

Ett omslag är ett block i Gutenberg-redigeraren som infogar en bred bakgrundsbild direkt i inläggstexten. Tekniskt sett är detta blocket Cover som dök upp med blockredigeraren i WordPress 5.0. Det ligger inuti ditt innehåll; du bestämmer exakt var i artikeln du vill placera det.

Omslagets främsta funktion är textöverlagringen. Du skriver en rubrik eller fras ovanpå bilden, ändrar text- och bakgrundsfärger och justerar överlagringens opacitet. Resultatet ser ut som en tidningsvinjett: en stor bild plus ett budskap ovanpå. Det fungerar särskilt bra i långa artiklar, bryter upp texten, ger ögat vila och markerar en övergång till ett nytt ämne.

Vad blocket Cover mer kan göra:

• Fast bakgrund. Aktiveras via en växelknapp i blockinställningarna. Bilden ligger still medan du scrollar, en lättviktig parallaxeffekt utan tillägg.
• Video istället för bild. Du kan ladda upp en videofil, och den spelas upp som omslagsbakgrund.
• Övertoning. Förutom en enfärgad färg finns en övertoning tillgänglig, från genomskinlig till opak i valfri riktning.
• Höjdjustering. Blockets minimihöjd kan anges i pixlar, vh eller andra enheter.

Omslaget syns bara inuti inlägget. På bloggens startsida, i kategoriflöden och i sökresultat visas det inte. Det är ett element för intern layout, inte metadata.

Vad är en utvald bild

En utvald bild är ett metafält för inlägg som har funnits i WordPress sedan version 2.9. Den infogas inte i artikeltexten (även om temat kan visa den automatiskt i början av inlägget). Dess uppgift är att representera inlägget externt.

Var den utvalda bilden visas:

• Bloggens startsida. Temat visar ett rutnät med inlägg, och varje visar en miniatyrbild; den miniatyren är den utvalda bilden skalad till önskad storlek.
• Sociala nätverk. När ett inlägg delas på VK, Telegram, X eller Facebook hämtar det sociala nätverket den utvalda bilden via Open Graph-märkning. Utan den får du bara en textlänk som användarna scrollar förbi.
• Google Discover och sök. Google kan visa en miniatyr bredvid resultatet, och källan är återigen den utvalda bilden.
• Interna block. Blocket "Senaste inläggen" och liknande hämtar bilden härifrån.

Temat styr storlekarna; det registrerar en uppsättning miniatyrdimensioner (miniatyr, medium, stor, plus anpassade), och WordPress genererar kopior i varje storlek vid uppladdning. Originalet finns kvar i mediebiblioteket.

En viktig nyans: den utvalda bilden måste inte visas i inläggstexten. Du kan ladda upp en bild enbart i metafältet, och den syns ingenstans inuti artikeln, bara i externa representationer. Omvänt blir en bild inuti innehållet inte automatiskt den utvalda bilden.

Skillnadstabell

Hur du lägger till ett omslag i blockredigeraren

Öppna ett befintligt inlägg eller skapa ett nytt. I Gutenberg-redigeraren klickar du på "+"-knappen (lägg till block) på den plats i texten där du vill ha omslaget. I blocksökfältet skriver du "Omslag"; ikonen för Cover-blocket visas. Klicka på den.

Blocket infogas i innehållet med en "Välj bild"-knapp. Klicka på den så öppnas mediebiblioteket. Välj en bild eller dra in en ny från din dator. Efter uppladdning sträcks bilden ut till innehållets bredd.

Konfigurera nu blocket via den högra panelen:

• Överlagring. I blockpanelen ser du inställningen "Överlagring", ett färgat lager mellan bilden och texten. Som standard är det grått med 50% opacitet (se dokumentationen för Cover-blocket). Du kan ändra färgen, minska opaciteten till noll (överlagringen försvinner) eller ersätta den med en övertoning.
• Text. Klicka direkt på blocket och skriv en rubrik eller ett stycke. Teckensnitt, storlek och färg justeras med standardverktygen.
• Fast bakgrund. Växelknappen "Fast bakgrund" i sidofältet aktiverar parallaxeffekten.
• Minsta höjd. I blockinställningarna anger du ett värde i pixlar, till exempel 400px för dator.

En alternativ metod: Cover-blocket måste inte vara fristående. I redigeraren kan du omvandla vilken grupp av block som helst till ett omslag genom att markera dem och klicka på "Gruppera" → "Omslag".

Hur du anger en utvald bild

Öppna inläggsredigeraren. I det högra sidofältet hittar du fliken "Inlägg" (den första ikonen i den övre raden). Scrolla ner till avsnittet "Utvald bild". Om du inte ser det, expandera fliken via "Inställningar" (den vertikala ellipsen i det övre högra hörnet → "Inställningar" → "Inlägg").

Klicka på "Ange utvald bild". Mediebiblioteket öppnas. Välj en bild. Efter valet, se till att fylla i två fält:

• Alt-text. En kort men informativ beskrivning av vad som finns på bilden. Behövs för tillgänglighet (skärmläsare) och SEO. Duplicera inte inläggets titel; beskriv själva bildinnehållet.
• Bildtext. Visas under bilden om temat stöder det. Kan lämnas tomt.

Knappen "Klar" sparar ditt val. Bilden visas i avsnittet "Utvald bild" med en förhandsvisning. För att ersätta den klickar du på förhandsvisningen och väljer en annan.

Viktigt: blanda inte ihop alt och titel. Alt är för programvara; titel är ett verktygstips vid hovring. För en utvald bild har alt prioritet eftersom det är vad sökmotorer läser i Open Graph.

När du ska använda båda

Det optimala scenariot för en blogg är att använda båda formaten samtidigt men med olika bilder.

Låt den utvalda bilden vara informativ: en skärmdump av gränssnittet, ett diagram, ett foto av resultatet. Denna bild visas i sociala medier och i sök; den ska sälja klicket. Ingen clipart eller stockbilder på "person vid laptop".

Placera ett omslag på en eller två platser i en lång artikel som en visuell avgränsare mellan logiska avsnitt. Bilden kan vara stämningsfull eller abstrakt, med en textöverlagring som citerar artikeln. Den behöver inte bära informativ tyngd; dess uppgift är att hålla läsaren engagerad.

När ett omslag är onödigt: korta nyhetsnotiser på två eller tre stycken. När en utvald bild är onödig: nästan aldrig. Ett inlägg utan utvald bild förlorar klickbarhet i sociala medier och ser ofärdigt ut i bloggflödet.

En teknisk notering: vissa teman visar automatiskt den utvalda bilden i början av inlägget. Om du använder en sådan layout, placera omslaget inte allra först utan efter det första eller andra stycket för att undvika två stora bilder i rad.

Video: omslag kontra utvald bild

YouTube-kanalen WebTutorials demonstrerar visuellt processen att lägga till båda typerna av bilder i en riktig WordPress-redigerare, från att söka efter blocket till publicering.

⁉️🤔 Vanliga frågor

Kan jag använda samma bild för både omslaget och den utvalda bilden?

Tekniskt sett, ja. Men resultatet ser sällan bra ut. Den utvalda bilden skalas av temat till specifika proportioner (ofta 16:9 eller 4:3), medan omslaget sträcks ut till hela innehållets bredd med en överlagring. Samma bild blir beskuren på ett ställe och förlorar sin komposition på ett annat. Det är bättre att välja två olika bilder.

Vad är viktigast för SEO: omslaget eller den utvalda bilden?

Den utvalda bilden. Den hamnar i Open Graph-märkning, visas i Google Discover och kan dyka upp bredvid snippet i sökresultat. Omslaget påverkar inte SEO direkt men hjälper indirekt genom att sänka avvisningsfrekvensen; ett väldesignat inlägg håller läsarna engagerade längre.

Varför visas inte den utvalda bilden i sociala medier efter publicering?

Sociala nätverk cachar Open Graph-data. Om du först publicerade inlägget utan bild och sedan lade till en, kommer Facebook och X att visa den gamla versionen. Lösning: kör URL:en genom en Open Graph-validerare (Facebook Sharing Debugger, Twitter Card Validator) eller vänta helt enkelt 24 till 48 timmar.

Kan jag lägga till ett omslag i inlägg skapade före Gutenberg?

Ja. Den klassiska redigeraren visade inte Cover-blocket, men efter att ha bytt till block kan du öppna vilket gammalt inlägg som helst och det konverteras till ett kompatibelt format. Infoga omslaget som vilket vanligt block som helst.

Hur snabbar jag upp sidladdningen när jag använder många omslag?

Placera inte fler än två omslag per inlägg. Använd ett modernt format (WebP eller AVIF) för varje bild. Optimera storlekar: innehållsytans bredd överstiger sällan 1200 px, så det finns ingen anledning att ladda en bild som är 4000 px bred. Gratis tillägg som ShortPixel eller EWWW Image Optimizer komprimerar bilder automatiskt vid uppladdning. För mer om optimering, se vår guide till bilder i WordPress.

Omslag eller utvald: vad du ska använda i ditt inlägg

Det korta svaret är båda. Den utvalda bilden marknadsför inlägget externt: startsida, sociala medier, sök. Omslaget håller läsaren engagerad internt: en visuell avdelare, en överlagring med ett citat, en parallaxbakgrund. Funktionerna överlappar inte; de kompletterar varandra.

Om du måste välja bara en, välj alltid den utvalda bilden. Ett inlägg utan den är osynligt för omvärlden. Omslaget är ett alternativ för dem som vill få ut det mesta av långt innehåll.

Snåla inte med bilder. Två meningsfulla bilder per inlägg är inte en lyx; det är minimistandarden för en visuellt kompetent WordPress-blogg.