en sidehoved er det første kontaktpunkt for enhver besøgende, der lander på din hjemmeside. Det genererer et indtryk om din hjemmeside og spiller en stor rolle i den samlede brugeroplevelse af din hjemmeside.

det er vigtigt at medbringe dit A-spil, når du designer din hjemmeside, så dine besøgende ikke hopper, fordi så mange hjemmesider dækker den samme niche som dig. At have en god hjemmeside design vil hjælpe dig med et fælles problem blandt ejere – bounce rate.

en undersøgelse opdagede, at du har mindre end 10 sekunder til at holde en bruger på din hjemmeside, før de forlader. Så skræmmende som dette kan lyde, er det ikke så svært at oprette et brugerdefineret udseende til din hjemmeside.

denne artikel vil tage dig gennem vigtigheden af at have store ordtryksoverskrifter og hvordan du opretter dem.

se: hvorfor du skal begynde at blogge – 10 grunde til at starte en Blog med det samme!

betydningen af Ordtryksoverskrifter

tænk på dine overskrifter som omslaget til din bog. Så meget som vi understreger på ikke at dømme bogen efter dens omslag, gør vi det stadig. Det samme gælder for enhver hjemmeside.

bare ved at se på dit sidehovedbillede, vil dine besøgende bedømme dit brand og kvaliteten af dit indhold og endda dine produkter. Dine besøgende vil sandsynligvis hoppe fra din hjemmeside, hvis din header ikke genlyd med dem eller med dit brand.

din header skal have noget element, der formidler alt, hvad din hjemmeside handler om. Det kan være et billede eller en tagline. Tjek denne overskrift på vores blog:

tagline “din ultimative Pit – Stop” afslører alt om hjemmesiden og dens indhold i en flash. Der er også en formular, der giver besøgende mulighed for at abonnere på vores ugentlige nyhedsbrev. Derudover definerer navigationen øverst klart, hvordan indholdet på denne hjemmeside er kategoriseret.

Pressehoveder er også vigtige for dit brand. Det formidler dit brands stemme til dine besøgende, når de lander på din hjemmeside. Farverne, teksten og den skrifttype, du bruger på din overskrift, fortæller dine besøgende, hvilken type brand du er, hvilket er desto mere grund til at bruge brugerdefinerede overskrifter i stedet for at bruge en standard.

fejl, der skal undgås, når du designer en overskrift

da vi ved, hvorfor det er vigtigt at have en brugerdefineret overskrift på din hjemmeside, skal vi også kende de fejl, der skal undgås, når du designer en brugerdefineret overskrift.

brug af den forkerte skrifttype

som nævnt ovenfor er brug af en tagline i din overskrift en fantastisk måde at formidle en besked om din hjemmeside. For at gøre din tagline mere effektiv skal du dog have den perfekte skrifttype, der repræsenterer dit brand.

der er mange skrifttyper, som du finder på internettet, og du kan vælge en af dem til din overskrift, men det betyder ikke, at du skal. Typografi er ikke noget, der skal tages let, og hvis du lige er startet, skal du sørge for at gå efter noget, der er enkelt.

din skrifttype skal også være læsbar for dine besøgende. Bogstaverne skal ikke være for klemt sammen, og de skal heller ikke være for adskilte. Den farve, du vælger, bestemmer også kvaliteten af dit sidehovedbillede.

gør for mange ting på en gang

når du begynder at designe din header, vil du have hundredvis af ideer dukker op i dit hoved, og du vil gerne bruge dem alle. Jeg vil foreslå, at du går let og ikke prøver alt på en gang.

du vil ikke have din overskrift til at ligne en college plakat.

prøv en eller to ting ad gangen og se om de virker. Hvis du får anstændige resultater, vil jeg ikke foreslå at foretage ændringer. For en målrettet overskrift er et baggrundsbillede med en tagline nok.

Brug ikke gitrene

et ordtrykshoved med et forkert justeret billede og tekst er en stor slukning. Intet ser mere uprofessionelt ud end en overskrift, der er ude af position.

du kan bruge gitre til at sikre dig, at alle dine overskriftselementer er placeret korrekt. Der er en række gittervariationer, men den mest anvendte variation er den med 12 eller 16 lodrette søjler.

hvis du ikke ønsker at få dine hænder beskidte i dette, kan du overlade det til de gratis værktøjer, som vi vil nævne senere i artiklen. Disse værktøjer hjælper dig med at oprette overskrifter, der allerede er justeret. Værktøjer som Canva giver brugerne mulighed for at oprette overskrifter ved hjælp af en automatisk snap to grid-funktion.

ikke bruger en mobil første tilgang

mere end 50% af dine besøgende vil se din hjemmeside på mobile enheder, hvilket er grunden til dit header billede bør være mobil optimeret. Du skal sørge for, at hvert eneste element i din header vises perfekt på en mobilenhed.

Google har også flyttet sit fokus på mobilvenlige hjemmesider. Din hjemmeside skal være lydhør på forskellige skærmstørrelser for at rangere højere på Google-søgning. Ikke kun vil du se et fald i dine placeringer, men du kan også modtage en straf fra Google, hvis din hjemmeside ikke er mobilvenlig.

værktøjer til at skabe fantastiske overskrifter

når du ønsker at endelig oprette din hjemmeside overskrifter, vil du komme på tværs af to typer af værktøjer:

internetbaserede værktøjer
Desktop-værktøjer

internetbaserede værktøjer er onlineværktøjer, der giver dig mulighed for at oprette og redigere overskrifter på din bro.ser. Desktopværktøjer er værktøjer, som du henter på dit system og bruger dem til at oprette overskrifter offline.

internetbaserede værktøjer

Canva

Canva er de mest populære internetbaserede værktøjer til at oprette sidehoveder. Værktøjet kan bruges til en række forskellige projekter som sociale medier bannere, logo design, Biler, miniaturer og meget mere.

Canva kan du nemt designe blog header billeder med sin brugervenlige interface. Det meste af det er bare træk og slip, hvilket gør det meget populært blandt begyndere.

Canva giver dig også mulighed for at vælge mellem en bred vifte af gratis billeder, hvilket sparer dig besværet med at finde stockbilleder. De fleste af disse billeder er gratis, og de betalte koster normalt omkring $1.

et andet online designværktøj, som du kan bruge til at oprette fantastiske overskrifter. Den gratis fotoredigeringsapp er en robust fotoredigeringsprogram, der har en række redigeringsmuligheder, som du kan bruge til at oprette det perfekte headerbillede til din hjemmeside.

den funktionstunge editor er næsten lige så ens som photoshop. Det giver dig mulighed for at oprette lag, tilføje masker og er lavet til at føle sig som en fuldgyldig desktop editor.

flere online redigeringsværktøjer inkluderer:

Vectr: et gratis fotoredigeringsværktøj, der er designet med en lang liste med fantastiske funktioner, der hjælper dig med nemt at opbygge den teksthoved, du har brug for.

Crello: Crello er en tæt konkurrent til Canva. Det har en brugervenlig grænseflade, der kan bruges til at skabe fantastiske billeder eller din hjemmeside.

Fotor: Fotor er et gratis online designværktøj, der leveres med mere end 19 forudindstillede størrelser af skabeloner, der kan bruges til at oprette en række designprojekter.

Online kilder til Headerbilleder

du kan altid bruge en almindelig farvet baggrund til din header, men det anbefales ikke rigtig. Jeg vil foreslå, at du bruger et billede i stedet for en simpel baggrund, da det gør det mere lokkende og attraktivt.

der er mange ressourcer på internettet, der giver gratis billeder, der ikke har været brugt før. Nogle af dem er:

  • Stocksnap.io
  • Peksels
  • Gratisografi
  • life of Piks

bortset fra disse er der også nogle betalte ressourcer som og . De betalte ressourcer reducerer chancen for, at disse billeder vil blive brugt af andre.

tilføjelse af et sidehoved på din hjemmeside

ændring eller tilføjelse af et sidehovedbillede på din hjemmeside er lige så let som det bliver. Det er det mest populære CMS, og den største årsag er brugervenligheden. På få trin kan du tilføje eller ændre overskriften på din hjemmeside.

Log ind på dit admin panel og se efter indstillingen “udseende” på sidebjælken.

naviger derefter til indstillingen “udseende” og klik på “baggrund”

når du har klikket på” baggrund”, indtaster du temaeditoren på din hjemmeside. Jeg vil foreslå, at du arbejder omhyggeligt, fordi en lille fejl kan bryde hele din hjemmeside.

gå til” Header ” og tilføj dit billede. Du kan få ekstra muligheder for at tilføje tekst i billedet afhængigt af dit tema.

eksempler på fantastiske overskrifter

det er altid godt at tage lidt inspiration, før du begynder at designe dig selv. Ser man på andre hjemmesider og deres overskrifter vil hjælpe dig med at generere dine egne ideer, og du vil være i stand til at oprette en unik blog header til din hjemmeside.

BucketListly Blog

den bedste funktion ved denne overskrift er, at den har klemt al information i overskriften uden at rodde den. I øverste venstre hjørne er logoet, som er parallelt med søgefeltet og de sociale medielinks.

nedenfor er navigationerne og derefter den vigtigste del af informationen om BucketListly. Du kan også bemærke de to CTA ‘ er i sidste ende, som er meget smart placeret i overskriften.

Pierre ‘ s

Pierre er en is mærke, der bruger en skyder på sin hjemmeside header. Brug af skydere er en god mulighed, hvis du vil vise flere billeder til dine besøgende. Skyderen glider automatisk til et andet billede efter et fast interval.

Kickloks

Kickboks er et fællesskab for ingeniører, der bruger forskellige ikoner på sin header. De viser også antallet af medlemmer i deres samfund, hvilket er en lokkende stat for folk, der ønsker at deltage.

Le 28

Le 28 bruger en videobaggrund i deres overskrift, som er en nylig tendens og har vist sig at være en succes. Videoer fanger dine besøgende opmærksomhed, og hvis din header formår at gøre det, er det godt nok.

begynd at lave fantastiske overskrifter

at have en fantastisk overskrift er en fantastisk måde at fremvise din hjemmeside på. Det er det første kontaktpunkt for dine besøgende, og det er vigtigt, at du skal investere en god mængde tid og indsats for at designe det.

se også: Sådan skriver du den perfekte Om os side til din blog

Articles

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.