# Branding op X (Twitter): header, avatar en postafbeeldingen

[Canonical HTML page](https://gradiently.design/nl/guide/x-branding)

Op X verschijnt je merk meestal als een klein rondje naast een paar regels tekst. Dat maakt de weinige visuele dingen die je zelf bepaalt belangrijker, niet minder.

## The short version

- Branding op X rust op vier visuals: de avatar, de header van 1500×500, postafbeeldingen en de linkkaarten die je website produceert.
- De avatar verschijnt naast elke post en reactie, dus het moet een eenvoudig symbool of een strak portret zijn dat op heel klein formaat leest.
- Postafbeeldingen op X werken het best op 1600×900 voor liggend of 1080×1350 voor staand.
- Linkkaarten komen uit de metatags van je website, dus een Open Graph-afbeelding van 1200×630 in je merklook maakt elke gedeelde link herkenbaar.
- Dezelfde achtergrondfamilie op de header, postafbeeldingen en linkkaarten bindt losse posts samen tot één zichtbaar merk.

**Branding op X** (Twitter) komt neer op vier visuals die je zelf bepaalt: de avatar naast elke post, de header van 1500×500 op je profiel, de afbeeldingen die je bij posts voegt en de linkkaarten die je eigen website produceert als iemand hem deelt. Meestal ontmoeten mensen je als een klein rondje en een paar regels tekst in een snelle feed. Elk visual moet dus eenvoudig zijn en alle vier moeten eruitzien alsof ze van dezelfde plek komen.

## Je merkkit voor X in één oogopslag

| Visual | Formaat | Waar mensen het zien |
| --- | --- | --- |
| Avatar | Vierkant, getoond als rondje | Naast elke post, reactie en vermelding |
| Header | 1500×500 | Bovenaan je profiel |
| Liggende postafbeelding | 1600×900 | In de tijdlijn, over de volle breedte |
| Staande postafbeelding | 1080×1350 | In de tijdlijn, hoger op telefoons |
| Linkkaart | 1200×630 | Telkens als iemand je website deelt |

Vijf onderdelen. Ontwerp ze als set op één achtergrond en het account oogt bewust, ook als de posts informeel zijn.

## Een avatar die de tijdlijn overleeft

Je avatar is het meest herhaalde beeld dat je hebt. Hij staat naast elke reactie, in meldingen en in quote-posts van anderen, vaak kleiner dan een vingernagel. Een volledig logo met woordmerk verdwijnt op dat formaat. Gebruik één symbool, een monogram of een strak portret van hoofd en schouders, op een egale of zacht belichte achtergrond in je merkkleur. Houd hem op elk platform hetzelfde, zodat mensen die je elders volgen je meteen herkennen.

> **Wissel niet vaak** Mensen scrollen op vorm en kleur, niet door namen te lezen. Een nieuwe avatar om de paar weken zet de herkenning die je hebt opgebouwd weer op nul.

## De X-header ontwerpen

De header is 1500×500, een strook van 3:1. De avatar overlapt de linkeronderhoek en verschillende schermen snijden boven- en onderkant iets bij, dus houd woorden in de middenband en weg van die hoek. Eén regel werkt het best: wat je maakt, waar je aan bouwt of het ene wat een bezoeker moet onthouden. Zet een post vast die erop doorgaat. [Formaat van de X-header](https://gradiently.design/nl/guide/x-header-size) heeft de veilige zones in detail.

Een X-header van 1500 bij 500 met de regel Kleine tools voor grote spreadsheets op een kleurverloopachtergrond

Eén regel, rechts van het midden, op dezelfde achtergrond die het account voor elke postafbeelding gebruikt.

Zie de vastgezette post als de tweede helft van de header. Een bezoeker leest de regel in de header, kijkt even naar de bio en ziet dan direct eronder de vastgezette post. Maak van die post de beste korte introductie op wat je doet, met een afbeelding in dezelfde look, en ververs hem als je iets beters hebt om te tonen. Een paar die goed werken:

- **Een introductie in één afbeelding:** wie je bent, wat je maakt, wat ze kunnen verwachten als ze je volgen.
- **Je beste thread,** met een genummerde coverafbeelding zodat hij als reeks leest.
- **Een actuele lancering of aanbieding,** vervangen zodra die afloopt, zodat hij nooit oud wordt.

## Postafbeeldingen die op jou lijken

De meeste posts op X zijn woorden en dat moet zo blijven. Voeg een afbeelding toe als die een taak heeft: een kernzin omlijsten, een resultaat tonen, iets aankondigen of een grafiek dragen. Gebruik dan een kleine set opmaken op één achtergrondfamilie, zodat mensen ze tijdens het scrollen leren herkennen.

Een liggende X-postafbeelding die drie keer snellere imports in versie 2.4 aankondigt op een kleurverloopachtergrond

Een liggende updatekaart van 1600×900. Eén getal, één regel context.

Een staande X-postafbeelding met het citaat Lever eerst de saaie versie op dezelfde kleurverloopachtergrond

Een staande citaatkaart van 1080×1350, die meer van een telefoonscherm inneemt.

Houd de letters groot: mensen lezen X op telefoons en de tijdlijn toont afbeeldingen kleiner dan je ze ontwierp. Twee of drie woorden per regel, één idee per afbeelding. [Postafbeeldingen voor X ontwerpen](https://gradiently.design/nl/guide/x-post-image-design) en [grafieken voor X-threads](https://gradiently.design/nl/guide/x-thread-graphics) hebben meer opmaken, inclusief genummerde afbeeldingen voor lange threads.

## Linkkaarten maken deel uit van je merk

Elke keer dat iemand je website op X deelt, komt de kaart die verschijnt uit de metatags van je pagina. Zonder die tags toont X een gewone link of een willekeurige uitsnede. Met een afbeelding van 1200×630 in je merklook neemt elke deling, ook die je nooit ziet, je look mee de tijdlijn in. X leest eerst zijn eigen `twitter:`-tags en valt terug op Open Graph.

```html
<meta name="twitter:card" content="summary_large_image">
<meta property="og:title" content="Small tools for big spreadsheets">
<meta property="og:description" content="Import, clean and merge files in seconds.">
<meta property="og:image" content="https://example.com/og/home.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
```

Het minimum voor een kaart met grote afbeelding. Gebruik een absoluut https-adres voor de afbeelding en een andere afbeelding per belangrijke pagina.

Ontwerp de linkafbeelding als een piepkleine poster: paginatitel, een korte regel, je merkachtergrond en royale marges, omdat X de hoeken afrondt. [Formaat van een Open Graph-afbeelding](https://gradiently.design/nl/guide/open-graph-image-size) behandelt testen en caching.

## Brandingfouten op Twitter om te vermijden

### Vermijd

- Een gedetailleerd logo als avatar
- Een header vol met slogan, handle en website
- Woorden in de linkeronderhoek van de header
- Screenshots met kleine tekst als postafbeeldingen
- Linkkaarten aan het toeval overlaten

### Doe

- Een eenvoudig symbool of portret, jarenlang behouden
- Eén duidelijke regel op een merkachtergrond
- Tekst gecentreerd of rechts van het midden
- Grote letters, twee of drie woorden per regel
- Een ontworpen kaart van 1200×630 voor elke belangrijke pagina

De simpelste manier om alle vijf onderdelen op één lijn te houden, is ze uit één ontwerp te maken. In Gradiently ontwerp je één keer op een Mark en pas je met Pro in één stap aan voor elk formaat, zodat de header, de postkaarten en de linkafbeelding hetzelfde licht en dezelfde kleur delen. De Mark maakt op elk formaat ruimte voor je woorden, wat telt op een strook van 3:1 waar heel weinig ruimte is. Voor het overzicht over meerdere platforms lees je [consistente branding op social media](https://gradiently.design/nl/guide/brand-consistency-across-platforms).

## FAQ

### Welk formaat heeft de X-header (Twitter-header)?

1500×500 pixels, een verhouding van 3:1. Houd woorden in de middenband en weg van de linkeronderhoek, waar de avatar staat.

### Welk formaat moeten afbeeldingen voor posts op X hebben?

1600×900 voor liggend of 1080×1350 voor staand. Staande afbeeldingen nemen meer ruimte in op telefoons.

### Moet mijn X-avatar een logo of een foto zijn?

Gebruik wat als klein rondje duidelijk leest: een eenvoudig symbool, een monogram of een strak portret. Vermijd gedetailleerde logo’s en kleine tekst.

### Hoe bepaal ik de afbeelding als mijn website op X wordt gedeeld?

Voeg een tag `twitter:card` met waarde `summary_large_image` en een Open Graph-afbeelding van 1200×630 pixels toe aan de head van elke pagina.

### Hoe laat ik mijn X-profiel professioneler overkomen?

Gebruik overal dezelfde eenvoudige avatar, een header met één duidelijke regel en postafbeeldingen die één achtergrondfamilie en lettertype delen.
