Webdesign

Facebook Header mobil optimieren

Facebook Header mobil optimieren

Facebook Seiten können nur in sehr geringem Maße an das Corporate Design eines Unternehmens angepasst werden. Das Titelbild, besser bekannt als Facebook Header, ist eines der wenigen personalisierbaren Elemente. Wir haben die wichtigsten Punkte für gute Facebook Titelbilder zusammengefasst.

Was gehört auf ein Facebook Headerbild?

Fälschlicherweise platzieren immer noch viele Firmen ihre Logos auf dem Header. Dies macht natürlich nur bedingt Sinn, da sich das Logo oft im Profilbild befindet. Der Fokus des Titelbildes sollte daher eher auf zusätzlichen Texten oder Bildern liegen, die auf diesem Wege ergänzende Informationen transportieren. Ein Kampagnentitel, ein Kampagnenimage oder ein Slogan finden so einen präsenten Platz auf dem Facebook-Profil.

Facebook Header mobile first

Das schönste Titelbild auf Facebook bringt allerdings nichts, wenn der Header mobil, nicht die gewünschten Inhalte zeigt. Die meisten Facebook Nutzer greifen nur noch mobil auf das soziale Netzwerk zu. Daher sollte die mobile Optimierung des Facebook Headers im Vordergrund stehen. Facebook beschneidet das am Desktop hochgeladene Bild automatisch, um es für die mobilen Bildschirme anzupassen. Durch diesen Beschnitt entfallen verhältnismäßig große Abschnitte am rechten und linken Bildrand.

Maße Facebook Headerbild in Pixel

Im Internet kursieren die unterschiedlichsten Größenangaben für Facebook Header. Diese Verwirrungen resultieren aus den zahlreichen Anpassungen in den letzten Jahren.  Hier also noch einmal die aktuelle Größe: 851×315 (Stand: März 2018). Es gibt jedoch seitens Facebook keine klare Aussage, wie viele Pixel der mobile Beschnitt umfasst. Dies ist natürlich auch vom Endgerät der Nutzer abhängig. Wir haben daher, basierend auf unseren Erfahrungen, eine eigene Vorlage entwickelt. Diese stellen wir zum Download zur Verfügung.

Gerne könnt ihr sie abspeichern und verwenden:

Facebook_Header_Photoshop_Vorlage

 

3 Profi-Tipps aus der Grafik

  • Um sicherzugehen, dass die Botschaft des Facebook Titelbildes transportiert wird, sollte diese mittig platziert werden.
  • Von der ebenfalls kursierenden Größe von 620×360 raten wir ab, da am Desktop der untere Teil des Titelbildes etwas unscharf ist und das Bild gegebenenfalls oben und unten beschnitten wird.
  • Wenn ihr keinen Text oder kein Visual im Fokus/Mittelpunkt des Bildes verwendet, ladet das Bild einfach im Originalmaßstab hoch und positioniert den gewünschten Ausschnitt in der Uploadmaske.

 

Best Practices

Facebook_Header_Best-Practice_Adobe_McDonalds_mobil Facebook_Header_Best-Practice_Adobe_Stock_mobil Facebook_Header_Best-Practice_Karls_Erdbeerhof

Facebook_Header_Best-Practice_McDonalds

Facebook_Header_Best-Practice_Adobe_Stock

Quelle: www.facebook.com/ [Zugriff am 26.03.2018]

The following two tabs change content below.
Hallo! Hier schreiben Sandy und Tina von den Klickkomplizen. Tipps und Tricks zum Thema Online Marketing, Webdesign, Grafikdesign, Google Adwords und Social Media gibt es im Blog der Klickkomplizen. Wir sammeln Interessantes aus der Welt des World Wide Web und teilen es mit. Über Kommentare freuen wir uns!

Neueste Artikel von Klickkomplizen (alle ansehen)

🤳So nutzen Marken & Unternehmen #InstagramStories ! 50% aktiver Unternehmen veröffentlichen Stories. 🤳 - Produktp… https://t.co/RzrXbqWpqy
#Facebook optimiert Werbelösungen: Branded Content Tags, Quality Ads u.v.m. Ziel: Mehr Klarheit und höhere Qualitä… https://t.co/4djHhWMfUZ
NEU im #Klickkomplizen Blog: #Facebook Watch - Beliebte Videos, Watchlist, Videosuche & Mehr! Eigene Kategorie für… https://t.co/OM9Deos13B
Smartspeaker Daten könnten von #Facebook und #Google für Werbung genutzt werden! 🕵‍♂ - Persönliche User-Daten für… https://t.co/26oLpVjvQb
💫Social Media-Universum 2018 – Konkurrenz für #Facebook und #Youtube ?🌘 Alle Social Media Big Player als Planeten… https://t.co/TfjKF2CqYY
"Bis zu 60%" – Werbetreibende verschieben riesige Budgets von #Google zu #Amazon Vorteile: - Nutzerdaten aus Kaufv… https://t.co/V9omx6e7JT
NEU im #Klickkomplizen Blog: Google Ads - Benutzerdefinierte Zielgruppen erstellen! Alle Tipps und Tricks für noc… https://t.co/ZaYrFKxnSf
DSGVO vs. Personalisierte Werbung – Zwischen Personalisierung & Datenmissbrauch! Neustart für Marketing? - Maßna… https://t.co/ypnjXFs4jb
Online-Studie von ARD und ZDF: Über 90 Prozent in Deutschland online – und zwar deutlich länger! ⏰ - 1 Mio. Nutzer… https://t.co/znegBmbRsW
NEU im #Klickkomplizen Blog: Nützliche Browsererweiterungen für Designer! 🛠 Diese AddOns helfen weiter: - Fontfac… https://t.co/noVkyArqNX
3D Fotos im #Facebook Newsfeed: Details, Vorgaben, Tutorial und Tipps! 📸 3D Foto erstellen und auf Facebook posten… https://t.co/2q4hdVymXq
3,4 Mio. Impressions mit nur einem Post: Der neueste Reichweiten-Trick bei #Facebook! Algorithmus unterstützt "Mea… https://t.co/IW88cfzOg0
AllFacebook Marketing Conference 2018 - 5 Bühnen, 40 Talks und 50 Speaker! 👍 Alles über: - DSGVO - Facebook Zielgr… https://t.co/TJGNqt21b1
#YouTube Werbung nach Suchanfragen ausspielen? 🔎🎞 Google nutzt YT Suchfunktion für Ads mit Performance-Potential.… https://t.co/1kiu6J3On4
Leitfaden: Hintergründe bei #PowerPoint und #Photoshop entfernen! ✂ Schritt für Schritt Anleitung mit Beispielen -… https://t.co/CkbkN4gfvq
Einen ansprechenden Marketing-Lebenslauf erstellen! 📝 Auf diese 9 Dinge kommt es an: - Länge - Formatierung - Sch… https://t.co/TYPcm2Ia5o
NEU im #Klickkomplizen Blog: Website-Relaunch Linkstruktur & Weiterleitungen! 🌐 Das ist zu beachten: - URLs in S… https://t.co/NxhmB1a2yK
🙋‍♀️#Facebook - "Freunde in der Nähe" im Test!🙋‍♂️ Interaktive Karte mit Events, Chek-Ins & Empfehlungen von Freun… https://t.co/KtOfwQ1UoH
Jetzt NEU! #Facebook Badges für "Top-Fans" 🥇 Besondere Kennzeichnung in der Commnity. Top Fan: - besonders engag… https://t.co/pUGr5eJHn4
NEU im #Klickkomplizen Blog: Was hat uns bewegt - September 2018! 👋 Was war los in der Online- und Offline-Welt?… https://t.co/fiLzO1ZLmq
Share This