Du åpner WordPress-redigeringsverktøyet for å skrive et innlegg. Du klikker «Legg til blokk» og ser dusinvis av alternativer. Blant dem er «Forsidebilde». I sidepanelet, helt nederst, gjemmer «Utvalgt bilde» seg. Begge involverer bilder. Begge påvirker hvordan innlegget ser ut. Men de gjør helt forskjellige ting.

Forvirringen mellom forsidebilde og utvalgt bilde er en av de tingene nybegynnerguider aldri nevner. Og det burde de. Feil valg ødelegger hjemmesidens layout, forvrenger forhåndsvisninger i sosiale medier og etterlater artikkelen uten en visuell krok i selve innlegget. Omvendt, når du først forstår forskjellen, fungerer begge funksjonene som et enhetlig system.

Nedenfor følger en rett-på-sak-oversikt: hva hver av dem gjør, hvor de hører hjemme, hvordan du legger dem til, og når du bør bruke begge.

💡 Rask oversikt:

• Forstå hva et forsidebilde er og hvor det vises
• Lær hvordan det utvalgte bildet fungerer og hvor det dukker opp
• Sammenlign nøkkelforskjeller i en tabell på tvers av åtte kriterier
• Legg til et forsidebilde via blokkredigeringsverktøyet steg for steg
• Angi et utvalgt bilde og fyll inn alternativ tekst
• Konfigurer begge formatene for maksimal synlighet av innlegget

Hva er et forsidebilde i WordPress

Et forsidebilde er en Gutenberg-redigeringsblokk som setter inn et bredt bakgrunnsbilde direkte i selve innlegget. Teknisk sett er dette Cover-blokken som dukket opp med blokkredigeringsverktøyet i WordPress 5.0. Den ligger inne i innholdet ditt; du bestemmer nøyaktig hvor i artikkelen den skal plasseres.

Forsidebildets hovedfunksjon er tekstoverlegget. Du skriver en overskrift eller en frase over bildet, endrer tekst- og bakgrunnsfarger og justerer opasiteten på overlegget. Resultatet ser ut som en magasinutrop: en stor visuell flate pluss en beskjed oppå. Det fungerer spesielt godt i lange artikler, bryter opp teksten, gir øyet en pause og markerer en overgang til et nytt tema.

Hva annet forsidebildeblokken kan gjøre:

• Fast bakgrunn. Aktiveres via en bryter i blokkinnstillingene. Bildet blir stående mens du ruller, en lett paralla-kseeffekt uten utvidelser.
• Video i stedet for bilde. Du kan laste opp en videofil, og den vil spilles av som forsidebakgrunn.
• Gradientoverlegg. I tillegg til en ensfarget farge er en gradient tilgjengelig, fra gjennomsiktig til ugjennomsiktig i alle retninger.
• Høydejustering. Blokkens minimumshøyde kan angis i piksler, vh eller andre enheter.

Forsidebildet er kun synlig inne i innlegget. På bloggens hjemmeside, i kategoristrømmer og i søkeresultater vises det ikke. Det er et element i intern layout, ikke metadata.

Hva er et utvalgt bilde

Et utvalgt bilde er et metafelt for innlegg som har eksistert i WordPress siden versjon 2.9. Det settes ikke inn i artikkelens brødtekst (selv om temaet kan vise det automatisk i starten av innlegget). Jobben er å representere innlegget eksternt.

Hvor det utvalgte bildet dukker opp:

• Bloggens hjemmeside. Temaet viser et rutenett av innlegg, og hvert viser et miniatyrbilde; det miniatyrbildet er det utvalgte bildet skalert til nødvendig størrelse.
• Sosiale nettverk. Når et innlegg deles på VK, Telegram, X eller Facebook, henter det sosiale nettverket det utvalgte bildet via Open Graph-markering. Uten det får du bare en tekstlenke som brukerne scroller forbi.
• Google Discover og søk. Google kan vise et miniatyrbilde ved siden av resultatet, og kilden er igjen det utvalgte bildet.
• Interne blokker. «Siste innlegg»-blokken og lignende henter bildet herfra.

Temaet kontrollerer størrelser; det registrerer et sett med miniatyrdimensjoner (miniatyr, medium, stor, pluss egendefinerte), og WordPress genererer kopier i hver størrelse under opplasting. Originalen forblir i mediebiblioteket.

En viktig nyanse: det utvalgte bildet trenger ikke å vises i selve innlegget. Du kan laste opp et bilde kun i metafeltet, og det vil ikke dukke opp noe sted inne i artikkelen, bare i eksterne representasjoner. Omvendt blir ikke et bilde inne i innholdet automatisk det utvalgte bildet.

Forskjellstabell

Hvordan legge til et forsidebilde i blokkredigeringsverktøyet

Åpne et eksisterende innlegg eller opprett et nytt. I Gutenberg-redigeringsverktøyet klikker du på «+»-knappen (legg til blokk) på det stedet i teksten der du vil ha forsidebildet. I blokksøkefeltet skriver du «Forsidebilde»; ikonet for forsidebildeblokken vil dukke opp. Klikk på det.

Blokken settes inn i innholdet med en «Velg bilde»-knapp. Klikk på den, så åpnes mediebiblioteket. Velg et bilde eller dra et nytt et fra datamaskinen din. Etter opplasting vil bildet strekke seg til innholdsbredden.

Konfigurer nå blokken via panelet til høyre:

• Overlegg. I blokkpanelet ser du innstillingen «Overlegg», et farget lag mellom bildet og teksten. Som standard er det grått med 50% opasitet (se dokumentasjonen for forsidebildeblokken). Du kan endre fargen, redusere opasiteten til null (overlegget forsvinner), eller erstatte det med en gradient.
• Tekst. Klikk direkte på blokken og skriv en overskrift eller et avsnitt. Skrifttype, størrelse og farge justeres med standardverktøy.
• Fast bakgrunn. Bryteren «Fast bakgrunn» i sidepanelet aktiverer paralla-kseeffekten.
• Minimumshøyde. I blokkinnstillingene angir du en verdi i piksler, for eksempel 400px for desktop.

En alternativ metode: forsidebildeblokken trenger ikke å stå alene. I redigeringsverktøyet kan du konvertere en hvilken som helst gruppe blokker til et forsidebilde ved å velge dem og klikke «Grupper» → «Forsidebilde».

Hvordan angi et utvalgt bilde

Åpne innleggsredigeringsverktøyet. I høyre sidepanel finner du fanen «Innlegg» (det første ikonet i øverste rad). Rull ned til seksjonen «Utvalgt bilde». Hvis du ikke ser den, utvider du fanen via «Innstillinger» (den vertikale ellipsen øverst til høyre → «Innstillinger» → «Innlegg»).

Klikk «Angi utvalgt bilde». Mediebiblioteket åpnes. Velg et bilde. Etter at du har valgt, sørg for å fylle ut to felt:

• Alternativ tekst. En kort, men informativ beskrivelse av hva som er på bildet. Nødvendig for universell utforming (skjermlesere) og SEO. Ikke dupliser innleggstittelen; beskriv selve bildeinnholdet.
• Bildetekst. Vises under bildet hvis temaet støtter det. Kan stå tomt.

«Ferdig»-knappen lagrer valget ditt. Bildet vises i «Utvalgt bilde»-seksjonen med en forhåndsvisning. For å erstatte det klikker du på forhåndsvisningen og velger et annet.

Viktig: ikke forveksle alt-tekst og tittel. Alt-tekst er for programvare; tittel er et verktøytips ved musepeker. For et utvalgt bilde har alt-tekst prioritet fordi det er det søkemotorer leser i Open Graph.

Når du bør bruke begge

Det optimale scenarioet for en blogg er å bruke begge formatene samtidig, men med forskjellige bilder.

La det utvalgte bildet være informativt: et grensesnittskjermbilde, et diagram, et bilde av resultatet. Dette bildet vil dukke opp i sosiale medier og i søk; det bør selge klikket. Ingen clipart eller stock-bilder av «person ved laptop».

Plasser et forsidebilde på ett eller to steder i en lang artikkel som en visuell skillelinje mellom logiske seksjoner. Bildet kan være stemningsfullt eller abstrakt, med et tekstoverlegg som siterer artikkelen. Det trenger ikke å bære informasjonsvekt; jobben er å holde leseren engasjert.

Når et forsidebilde er unødvendig: korte nyhetsartikler på to eller tre avsnitt. Når et utvalgt bilde er unødvendig: nesten aldri. Et innlegg uten utvalgt bilde mister klikkbarhet i sosiale medier og ser uferdig ut i bloggstrømmen.

En teknisk merknad: noen temaer viser automatisk det utvalgte bildet i starten av innlegget. Hvis du bruker en slik layout, plasser forsidebildet ikke helt i begynnelsen, men etter første eller andre avsnitt for å unngå to store bilder på rad.

Video: forsidebilde versus utvalgt bilde

YouTube-kanalen WebTutorials demonstrerer visuelt prosessen med å legge til begge bildetypene i et ekte WordPress-redigeringsverktøy, fra søk etter blokken til publisering.

⁉️🤔 Ofte stilte spørsmål

Kan jeg bruke samme bilde til både forsidebildet og det utvalgte bildet?

Teknisk sett, ja. Men resultatet ser sjelden bra ut. Det utvalgte bildet skaleres av temaet til spesifikke proporsjoner (ofte 16:9 eller 4:3), mens forsidebildet strekker seg til full innholdsbredde med et overlegg. Det samme bildet vil bli beskåret ett sted og miste komposisjonen et annet sted. Det er bedre å velge to forskjellige bilder.

Hva betyr mest for SEO: forsidebildet eller det utvalgte bildet?

Det utvalgte bildet. Det går inn i Open Graph-markering, vises i Google Discover og kan dukke opp ved siden av tekstutdraget i søk. Forsidebildet påvirker ikke SEO direkte, men hjelper indirekte ved å senke fluktfrekvensen; et godt designet innlegg holder leserne engasjert lenger.

Hvorfor vises ikke det utvalgte bildet i sosiale medier etter publisering?

Sosiale nettverk mellomlagrer Open Graph-data. Hvis du først publiserte innlegget uten bilde og deretter la til ett, vil Facebook og X vise den gamle versjonen. Løsning: kjør URL-en gjennom en Open Graph-validator (Facebook Sharing Debugger, Twitter Card Validator) eller bare vent 24 til 48 timer.

Kan jeg legge til et forsidebilde i innlegg opprettet før Gutenberg?

Ja. Klassisk redigeringsverktøy viste ikke forsidebildeblokken, men etter å ha byttet til blokker kan du åpne ethvert gammelt innlegg, og det vil konverteres til et kompatibelt format. Sett inn forsidebildet som en hvilken som helst vanlig blokk.

Hvordan øker jeg sidelastingshastigheten når jeg bruker mange forsidebilder?

Ikke plasser mer enn to forsidebilder per innlegg. For hvert bilde, bruk et moderne format (WebP eller AVIF). Optimaliser størrelser: innholdsområdets bredde overstiger sjelden 1200 piksler, så det er ingen vits i å laste et bilde som er 4000 piksler bredt. Gratis utvidelser som ShortPixel eller EWWW Image Optimizer komprimerer bilder automatisk ved opplasting. For mer om optimalisering, se vår guide til bilder i WordPress.

Forsidebilde eller utvalgt: hva du bør bruke i innlegget ditt

Det korte svaret er begge. Det utvalgte bildet promoterer innlegget eksternt: hjemmeside, sosiale medier, søk. Forsidebildet holder leseren engasjert internt: en visuell skillelinje, et overlegg med et sitat, en paralla-ksebakgrunn. Funksjonene overlapper ikke; de utfyller hverandre.

Hvis du må velge bare én, velg alltid det utvalgte bildet. Et innlegg uten det er usynlig for omverdenen. Forsidebildet er et alternativ for dem som ønsker å få mest mulig ut av langformatinnhold.

Ikke vær gjerrig med bilder. To meningsfulle bilder per innlegg er ikke luksus; det er minimumsstandarden for en visuelt kompetent WordPress-blogg.