20
Alles wat je altijd al wilde weten over afbeeldingen op Twitter... SIZE MATTERS

SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 2: SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

2

DEEL ONZE TIPS MET JE NETWERK:

INLEIDING

Een afbeelding zegt meer dan duizend woorden is een bekend gezegde, dat gaat ook op voor social media in het algemeen. Én Twitter in het bijzonder! Afbeeldingen in je tweets werken namelijk positief en daarom maakten wij deze whitepaper waarin je leert hoe jij afbeeldingen voor Twitter maakt.

Je leert waar je op moet letten en welke mogelijkheden er zijn. We sluiten af met enkele tools die je kunt gebruiken om je afbeeldingen nog aantrekkelijker te maken.

Twitter is steeds visueler aan het worden, en uit onderzoek blijkt dat tweets die voor-zien zijn van een ‘inline’ afbeelding ook een hogere engagement krijgt dan een tweet die geen afbeelding heeft, of een afbeelding die niet inline getoond wordt.

De term ‘inline’ is niet voor niets cursief geplaatst, want niet alle afbeelding worden automatisch getoond; instagram afbeelding krijgen bijvoorbeeld alleen een link naar de Instagram website als je de apps van Twitter zelf gebruikt.

Page 3: SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

3

DEEL ONZE TIPS MET JE NETWERK:

INHOUD

WAAR PLAATS JE DE AFBEELDINGEN? 4

SIZE MATTERS 5

Plaats je tekst en call-to-action op de juiste plaats! 9

GIF-ANIMATIE 10

GALERIJ 11

HOE MAAK JE EEN AFBEELDING? 12

(ONLINE) TOOLS 13

The gimp Canva 14 Pixlr 15 Picfull 16 Fotor 17

DOWNLOAD GRATIS HET SJABLOON VOOR JOUW AFBEELDINGEN! 18

Page 4: SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

4

DEEL ONZE TIPS MET JE NETWERK:

WAAR PLAATS JE DE AFBEELDINGEN?

Je kunt beter het zekere voor het onzekere nemen en je afbeelding via Twitter zelf plaatsen; ze krijgen dan altijd de link http://pic.twitter.com/.

Als je HootSuite gebruikt, in de gratis versie, dan kan dat niet; je moet upgraden naar de pro versie om de standaard ow.ly link te omzeilen en gebruik te maken van Twitters eigen hostingplatform.

TweetDeck laat je wel de afbeeldingen via pic.twitter te plaatsen, maar daar kun je weer geen alternatieve host kiezen.

De meeste mobiele apps die niet van twitter zelf zijn bieden je wel opties. Twitters eigen apps gebruiken standaard pic.twitter, maar bieden je geen alternatieven.

Page 5: SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

5

DEEL ONZE TIPS MET JE NETWERK:

SIZE MATTERS

Als je gebruik maakt van pic.twitter.com wordt je afbeelding dus inline in de timeline van je volgers getoond. Maar dat geeft je wel een nieuw ‘probleem’!

De afbeelding wordt ‘uitgesneden’, hij wordt dus niet in zijn totaliteit getoond, maar Twitter maakt een 2:1 uitsnede en laat het centrale deel in de timeline zien.

De volledig afbeelding is pas te zien als mensen de tweet in detail (op zijn eigen url) bekijken, of als ze ‘Expand’ of in het Nederlands ‘Openen’ aanklikken.

De afmetingen van je afbeelding is niet zozeer van belang, als die maar groot genoeg is. Twitter verkleint je afbeelding namelijk; een afbeelding uploaden van meer dan 2.500 pixels breed is geen probleem. Maar als je afbeelding te klein is, dan wordt het er niet mooier op!

Zorg dus dat de breedte niet kleiner is dan 600 pixels, dan gaat het in alle apps en ook op de website van Twitter goed.

Laten we dat eens inzichtelijk maken met een voorbeeld op de volgende pagina.

Page 6: SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

6

DEEL ONZE TIPS MET JE NETWERK:

Dit zou een afbeelding kunnen zijn die je zou kunnen gebruiken om deze whitepaper te promoten op Twitter.

Maar als we de delen die Twitter verbergt bij de inline vertoning afdekken, zie je wat er misgaat (zie volgende pagina).

Page 7: SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

7

DEEL ONZE TIPS MET JE NETWERK:

De titel én call-to-action (“Size matters” & “Download de whitepaper van:...”) vallen buiten beeld!

Daar kun je echter ook gebruik van maken door de call-to-action wel in beeld te plaatsen, al dan niet voorzien van een teaser.

Zo bijvoorbeeld:

Page 8: SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

8

DEEL ONZE TIPS MET JE NETWERK:

Wie nu de afbeelding inline in zijn of haar timeline voorbij ziet komen ziet de header-tekst, krijgt de teaser van de grote en de kleine hond te zien (maar niet helemaal) en ziet dat er een whitepaper te downloaden is.

Deze elementen (header, grote en kleine hond, “Download de whitepaper”) dragen eraan bij dat degene die de tweet met inline afbeelding ziet wil doorklikken naar de download, of in ieder geval de afbeelding in het geheel wil zien.

Page 9: SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

9

DEEL ONZE TIPS MET JE NETWERK:

PLAATS JE TEKST EN CALL-TO-ACTION OP DE JUISTE PLAATS!

Je vindt de ‘open plekken’ door de breedte van je afbeelding door twee te delen en vervolgens van de boven en onderkant af te trekken.

Bijvoorbeeld: je afbeelding 600 pixels breed, dan is het onzichtbare gedeelte 150 pixels van bovenkant en 150 pixels van onderkant.

Formule

Breedte : 2 = x aantal pixels

x : 2 = y aantal pixels

y aantal pixels van de boven én onderkant vrijhouden!

Page 10: SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

10

DEEL ONZE TIPS MET JE NETWERK:

GIF-ANIMATIE

Sinds kort laat Twitter je ook GIF-afbeeldingen plaatsen. GIF-afbeeldingen zijn de voorlopers van online video geweest en je kunt dat gebruiken om de aantrekkingskracht van de afbeelding nog eens extra te benadrukken.

Door de verschillende frames achter elkaar te tonen krijgt de afbeelding in de tweet extra aandacht, daarmee trigger je de nieuwsgierigheid van de kijker. En vergroot je de kans dat hij of zij reageert op de call-to-action!

Om een GIF-animatie te maken kun je een programma als Photoshop gebruiken, die geeft je de mogelijkheid om de verschillende lagen van je afbeelding in tijd ‘aan’ en ‘uit’ te zetten en die als GIF te bewaren. Maar niet iedereen heeft een (duur) pro-gramma als Photoshop, of de technische kennis om daar een animatie mee te maken.

Voor hen bestaan er gelukkig ook handige online tools waar je verschillende afbeeldingen kunt uploaden en die vervolgens als GIF-animatie te bewaren.

Een simpele zoekopdracht op Google geeft je al veel resultaten, maar ik heb zelf goede ervaringen met Gifmaker.me en Picasion.com. Test beide en kies degene waar je het best mee uit de voeten kunt, beide tools zijn gratis.

Als je gebruik maakt van GIF-animaties moet je wel rekening houden met een aantal restricties die Twitter daaraan stelt; de afbeelding mag namelijk niet groter zijn dan 5 MB.

De animerende GIF werkt automatisch in de timeline en wordt geloopt (herhaald), als de tweet op een website embed wordt krijgt hij een ‘play button’ waarmee de animatie handmatig gestart wordt.

Bekijk hier de GIF afbeelding van deze whitepaper!

Page 11: SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

11

DEEL ONZE TIPS MET JE NETWERK:

GALERIJ

Twitter biedt tegenwoordig de mogelijkheid om tot 4 afbeeldingen in een enkele tweet te plaatsen, dit kan niet alleen via de mobiele apps van Twitter zelf en de website Twitter.com, maar ook steeds meer apps van derden ondersteunen dit.

Via Twitters eigen apps kun je daarna de mensen die in de foto’s staan ‘taggen’ met hun Twitternaam.

Dit is handig, omdat dat niet ten koste gaat van het aantal tekens die je tot je bes-chikking hebt, maar het wordt opgelost binnen de card die het mogelijk maakt.

Overigens kun je in je eigen settings aangeven of men, en zo ja wie, jou kan taggen in foto’s.

Page 13: SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

13

DEEL ONZE TIPS MET JE NETWERK:

HOE MAAK JE EEN AFBEELDING?

Een afbeelding kan uit allerlei verschillende elementen bestaan. Van een simpele foto tot uitgebreide GIF-animatie. Waar je echter doorlopend van bewust moet zijn is dat een afbeelding geen doel is, maar een middel.

Voldoet een simpele foto, laat het daar dan bij. Heeft de afbeelding uitleg nodig? Houd die dan kort en bondig.

Onderstaande ‘regels’ zijn een handige leidraad:

ZORG VOOR EEN AFBEELDING DIE GROOT GENOEG ISMaak je afbeelding niet te klein! Houdt als breedte minimaal 600 pixels aan, de hoogte is afhankelijk van wat je in beeld wilt brengen.

GEEF JE AFBEELDINGEN EEN RELEVANTE NAAMAfbeeldingen kunnen eraan bijdragen dat je gevonden wordt. Noem je afbeelding daarom niet ‘Leuke foto1’, maar gebruik iets beschijvenders als ‘Nieuwe BMW motor 2014’.

ÉÉN ONDERWERP IS MEER DAN GENOEGFocus de afbeelding op slechts één onderwerp en zorg ervoor dat alles eraan bijdraagt aan het communiceren van dat onderwerp.

GEBRUIK GEEN AFBEELDINGEN VAN ANDERENJa, met Google Images Search is het erg handig om afbeeldingen te vinden, maar respecteer de rechten van de mensen die die afbeeldingen gemaakt hebben!

Zoek eerst op ‘Free Stock Foto’s’ en kies een platform dat die aanbiedt; er zijn er vel-en, dus bekijk ze op je gemak en let op de voorwaarden om ze te gebruiken.

Page 14: SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

14

DEEL ONZE TIPS MET JE NETWERK:

(ONLINE) TOOLS

De meest bekende tool om afbeeldingen te maken is Photoshop van Adobe, maar dat is een tool met een behoorlijk stevig prijskaartje. Er zijn echter ook allerlei (online) alternatieven.

THE GIMP

The Gimp, gratis te downloaden voor bijna alle soorten computers, is net zo uitgebre-id als Photoshop, maar geheel gratis.

Het is zogenaamde Open Source software. Maar zo’n uitgebreide tool is nooit simpel; gelukkig biedt The Gimp ook allerlei handige ‘tutorials’ voor de beginner tot en met gevorderden.

Page 15: SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

15

DEEL ONZE TIPS MET JE NETWERK:

CANVA

Canva is een online platform dat speciaal gemaakt is om (socialmedia)afbeeldingen te maken.

Er zijn er sjablonen voor Twitter en Facebook headers zodat je die er ook mee kunt maken. Op Canva kun je gebruik maken van allerlei soorten voorbeelden en die aan-passen aan je eigen wensen of geheel vanaf 0 een eigen afbeelding maken.

Het is zo simpel en makkelijk dat je er direct mee aan de slag kunt, ook Canva stelt tutorials beschikbaar.

Page 16: SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

16

DEEL ONZE TIPS MET JE NETWERK:

PIXLR

Pixlr is een online tool waarin je uitgebreide mogelijkheden hebt om je afbeeldingen te bewerken. Het is bijna een soort van online Photoshop zoveel opties biedt het.

Maar let wel op: meer opties betekent ook een stijlere leercurve.

Dus als je nog niet heel ervaren bent met het maken en bewerken van afbeeldingen, raden we je aan om te beginnen met een simpelere tool.

Page 18: SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

18

DEEL ONZE TIPS MET JE NETWERK:

FOTOR

Fotor is een programma dat de beginner ontstijgt, maar nog niet zoveel vraagt aan kennis dat je jezelf tot de gevorderden moet rekenen.

Allerlei standaard bewerkingsopties zoals draaien, croppen, kleur aanpassen etc. zijn aanwezig en kunnen zo gebruikt worden.

De interface is simpel en de uitleg is duidelijk. Je kunt zo aan de slag!

Page 19: SIZE MATTERS - KGOM: Online Marketing Bureau Voor Winnende ... › wp-content › uploads › karelgeenen.nl-Whitepaper-T… · Twitter is steeds visueler aan het worden, en uit onderzoek

19

DEEL ONZE TIPS MET JE NETWERK:

TOT SLOT: DOWNLOAD GRATIS HET SJABLOON VOOR JOUW AFBEELDINGEN! Twitter wordt steeds visueler, en door daar slim gebruik van te maken kan het mede bijdragen aan jouw zakelijke succes in 140 karakters.

Om je op weg te helpen geven we je nu al direct het slabloon (Photoshop file) waarin je kunt zien wat wel en niet zichtbaar is als je je afbeelding inline toont.

Download hier de .PSD file!