Optimalisatie afbeeldingen in sociale Media:
Beste weergave voor Linkedin, Twitter, Facebook: 19/9 Landscape
Pinterest hoge Verticale kolomafbeeldingen in Portrait scoren best.
Liggende afbeeldingen in Google+ (meer kans op dubbele kolom)
Verticale afbeeldingen in Google+ scoren niet over twee kolommen maar nemen in de lengte maar plaats in en kunnen daarom in Google ook nuttig zijn
Vierkante afbeeldingen: ideaal voor Instagram (enige mogelijkheid in Instagram. Vierkante afbeeldingen zijn zeer slecht voor andere sociale media.
Resolutie
Minimaal:
1280 x 720 (voor liggende afbeeldingen)
735 x 1102 (voor staande afbeeldingen, bijvoorbeeld op Pinterest en Google+)
900 x 900 (voor vierkante afbeeldingen)
Meer pixels kan eigenlijk geen kwaad in sociale media, maar de sociale media verkleinen de afbeeldingen toch.
Afmetingen (uitgedrukt in pixels):
De maximale breedte over heel het scherm is principieel 2000 (full-width sliders), maar de contentbreedte is beperkt tot 1000 pixels
Twitter
horizontale header bovenaan 1500x500
Profielfoto 400x 400
Afbeeldingsfoto 440 x220
Facebook
horizontale header bovenaan : 851 x 315
Profielfoto : 180 x 180
Afbeeldingsfoto : 1200 x 900
G+
horizontale header bovenaan: 1086 x 608
Profielfoto: 250x250
Afbeeldingsfoto links: 497x279 en rechts 150x150
Instagram
Profielfoto :110x110
Thumbnail: 161x161
Afbeeldingsfoto: 640 x640
Pinterest
Profielfoto: 165 x 165
Afbeeldingsfoto : 236 breed
Thumbnails: 222x150 of 50x50
Twitter:
Profielfoto : 128x128
Afbeeldingsfoto: 570 hoog) x 750
You Tube
horizontale header bovenaan : 2560 x 1440
(Channel Cover Poto)
Videuploads: 1280 x 760
Linkedin
Profielfoto (standaardlogo: 100 x 60
Cover Photo: 974 x300
Banner Image 646 x 200
Tips voor SEO van Afbeeldingen in Google:
• kleine afbeeldingen scoren beter (Tip schermafbeeldingen zijn goede resoluties voor het web)
• geef de afbeelding een descriptieve bestandsnaam nog voor je ze oplaadt
• zorg voor een gestructureerde inhoudsrijke url gebruik het koppelteken in plaats van spaties
• title tag: afbeelding die verschijnt wanneer je met de muis over de afbeelding gaat
• plaats op de site onder de foto een bijschrift of onderschrift
• Alt tag, de metatag voor afbeeldingen, echter Google gebruikt de alt tag meer dan de url voor afbeeldingen. Bovendien is dit de tekst die blinden horen of mensen zonder afbeeldingen op hun PC
• Tekst rond de afbeelding op de site relevant maken mbt de foto
• behandel je logo ook zo met een naam van je bedrijf
De HTMLcode:
<img src="/images/afbeelding-naam-product.jpg" width="200" height="150" alt="afbeelding beschrijving van het product" title="idem als alt of alternatieve beschrijving van het product" />