header makenEen goede blog header is heel belangrijk. Een header is namelijk een belangrijk deel van de eerste indruk die een bezoeker van je blog krijgt. In een header staat je blogtitel, en vaak een zogenaamde ’tagline’.

Stel je hebt een heel simpel blog, dan kan de header er voor zorgen dat je blog toch professioneel en uitnodigend oogt.

Hier onder leg ik uit hoe je heel simpel, zonder geld uit te geven, zelf een header kunt maken!

Header: de juiste maat

‘Size matters’ als het gaat om headers. Een hele grote header, die je halve blog in beslag neemt, schreeuwt: ‘Amateur!’ Een header is belangrijk, maar mag nooit zo groot zijn dat bezoekers naar beneden moeten scrollen om je eerste blog post te zien.

Een goede maat voor je blog header om aan te houden is 900 x 200.

Om je op weg te helpen heb ik een witte afbeelding voor je gemaakt die precies 900×200 is! Sleep hem om je bureaublad, of download hem.

Schermafbeelding 2014-01-09 om 14.53.18
Je blanco canvas!

Je kunt ook uitgaan van je bestaande header en een witte schermafbeelding maken in de maten van je header.

Stap 2: upload je blanco canvas naar een gratis editor

Mijn favoriete plaatjes editors zijn iPiccy en PicMonkey. PicMonkey heeft iets meer mogelijkheden dus voor nu gaan we daarmee verder.

  • Surf naar www.picmonkey
  • klik op ‘Edit a photo’
  • kies de blanco afbeelding die je net van Bloggen en loggen hebt geplukt

Stap 3: Voeg tekst toe

Aan de linkerkant zie je allemaal handige gereedschappen staan. Klik op Tt om tekst te plaatsen.

Hier onder zie je hoe ik een tekst heb gemaakt met het standaard lettertype. Om later de optie te hebben de tagline een ander lettertype te geven, heb ik twee verschillende teksten geplaatst.

Maar deze header is natuurlijk nogal saai.

header maken

4. Personaliseer je header

Hier onder zie je het effect dat een lettertype kan hebben. Omdat ik voor de header een bijzonder lettertype heb gebruikt, heb ik de tagline heel rustig gehouden.

Schermafbeelding 2014-01-09 om 15.58.52

Schermafbeelding 2014-01-09 om 15.58.18

Om de header meer personality te geven kun je een (eigen) afbeelding toevoegen, of voor een bepaalde achtergrond kiezen. Zoals hier onder.

Schermafbeelding 2014-01-09 om 16.07.45

Andere header m.b.v. Picmonkey

Schermafbeelding 2014-01-09 om 18.23.36

6. Personaliseer een header die je hebt gedownload

Op Free Web Headers vind je allemaal prachtige headers, gerangschikt op thema. Die kun je ook uploaden naar Picmonkey of iPiccy, en personaliseren.

computer-and-office-business-header

En dan nu gepersonaliseerd:

Schermafbeelding 2014-01-09 om 18.34.30

Algemene tips voor een header

  • Gebruik niet meer dan 2 fonts/lettertypes in je header
  • Kies een lettertype dat past bij de inhoud van je blog. In bovenstaande voorbeeld is de boodschap ‘Dit blog gaat over kinderen’ door het kinderlijke lettertype.
  • Zorg dat je blogtitel goed leesbaar is. Ga dus niet helemaal los met een of ander abstract lettertype dat niemand kan lezen
  • Maak hem vooral niet te groot! Je bezoekers moeten minstens je eerste blogpost kunnen zien zonder te scrollen
  • Een witte achtergrond voor je header is bekend terrein voor je lezers: boeken en tijdschriften bieden immers ook zwart tekst op een witte achtergrond
  • Een heel simpele header hoeft niet saai te zijn
  • Kijk rond op andere blogs, en laat je inspireren
  • Maak je header persoonlijk

Leestip

Algemene informatie over  een Blog Header

Bekijk mijn zelfgemaakte headers op Review Nu en Koffiezettertje! Deze headers zijn gemaakt met Picmonkey.

Heb je nog vragen over headers? Laat het me dan weten in de comments hier onder!

Vergelijkbare berichten

15 reacties

  1. Heb nu al bijna een jaar mijn blog en wil zo graag een frisse header. Dit is het eerste artikel waar ik echt iets aan heb, echter is het over de gehele breedte niet mooier op mijn site? Ben zo slecht in zoiets en het wil ook maar niet lukken.

  2. hallo, kan ik ook een plaatje/afbeeldje in de header zetten? en zo ja, hoe moet ik dat aanpakken? Ik ga een kookblog opzetten en iets leuks wat er mee te maken heeft lijkt mij leuk erin te plakken.

    1. Ja, dat kan zeker. Heb je een Blogger of WordPress blog?

      Er zijn twee manieren om een header te maken:

      1. Je upload een plaatje in de header van je Blogger of WordPress blog.
      2. Je maakt zelf een header in bijvoorbeeld picmonkey, en upload die hele header naar je blog.

      Succes!

      Bloggelientje

  3. Al n tijdje aan het stoeien om een pakkende header. Hoe kom jij aan die leuke tekeningetjes in je header ( die van koffiezettertje bijv. vind ik erg leuk!) Ik hou van fris, duidelijk en puur, maar het lukt me maar niet om die uitstraling te krijgen…..help?

  4. Dankje voor de tips, ik ben net eens aan het rommelen geweest.
    Nog lang niet wat ik wil maar in ieder geval weet ik nu enigszins hoe ik zelf een header kan maken. Er staat er zelfs al één maar is nog niet wat ik wil.

    1. Leuk dat je aan de slag bent gegaan met een eigen header Marga! Het meest ideaal is als je de afbeelding áchter de blogtitel kunt zetten. Als je kiest voor Instead of title and description verlies je de h1-tag van de header.

      Kies dus bij voorkeur voor: Behind title and description.

      1. Oooh, dankje Nicole.
        Dat wist ik niet. Moet toch nog weer veranderen dus zodra ik dat doe pas ik dat ook meteen aan.
        Al weet ik weer niets over wat h1-tag is, ik zag de term al meer voorbij komen hier dus zal ik daar ook eens iets over gaan lezen.

  5. bedankt, ik ben erg blij met je duidelijke tips. Heb weer lekker zitten knutselen, ik ben benieuwd wat je ervan vind.
    Die van Free web zijn wel iets groter dan pic monkey.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *