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!
Kommunikation mit Unternehmen via #Facebook Messenger - Die neue Normalität! 📨 Massaging-Tools für: - mehr Rentabi… https://t.co/NcBffayzyO
#Facebook Ads von Mobilgeräten aus erstellen? Neue kreative Tools machen's leichter! 📱 - Text Overlay - Bilder zus… https://t.co/kwf2wMgIMx
Warum Menschen Werbung in sozialen Netzwerken nicht erkennen - Alles über Native Advertising! 🔍 Vor- und Nachteile… https://t.co/uRXodoAh1P
#Facebook will #Google Cloud-Dienste nutzen! ☁ Trotz "Google-Bann" erwägt Facebook einen Wechsel zur G-Suite. - B… https://t.co/7gtFf01dbV
📂14 Management Prinzipien auf die ihr nicht verzichten solltet! Von Arbeitsteilung, über Disziplin bis Vergütung -… https://t.co/Bmw6vLND4B
Unser How-to am Dienstag: #Instagram Story Ads erstellen https://t.co/3DT7uO1tv9
#Facebook entschuldigt sich für Fehler, fehlendes Vertrauen und Frust und kündigt gleichzeitig mehr Fortschritt, Ve… https://t.co/RM3sLOXJVk
Mitverantwortlichkeit von Facebook-Fanpage-Betreibern: Wie ist der Stand der Dinge? https://t.co/YP9J1SRh87 via @t3n
"Stellt mir eine Frage..." Die neue Sticker Funktion bei Instagram ist da https://t.co/qxS3jdBURX
Endlich 🙏 Einführung von Hotel Ads als neuer Kampagnentyp bei #googleads https://t.co/gn10uYCJoG
Heute bei uns im Blog: Neue #Instagram Sticker Funktion. Fragen stellen auf Instagram - So funktioniert´s https://t.co/qxS3jdBURX
Blauer Haken bei #Instagram - Ab sofort ganz einfach in der App die Verifikation beantragen https://t.co/WOdfE7UozN
Neu bei #Google - Responsive Suchanzeigen, YouTube Performance Kampagnen sowie Smart-Shopping Kampagnen… https://t.co/OG36ujSptU
#Facebook - Neues Video Creation Tool ab August https://t.co/naSuHqhA1P
Die #Klickkomplizen #Urlaubszeit geht weiter: Julia erzählt von ihrer Zeit in den wunderschönen östereichischen… https://t.co/ONF13jHbmQ
Unsere #Klickkomplizen online und offline Highlights aus dem letzten Monat https://t.co/pNEyuneOfh
Schritt für Schritt erklärt: Wie füge ich meine Agentur zu meinem Adwords Konto hinzu? https://t.co/w5q1YFnYCi
Google Adwords Kontozugriff für Agenturen gewähren - So einfach funktioniert´s https://t.co/w5q1YFnYCi
Schon gesehen: Bei Google My Business findet sich ein neuer Bericht, der Unternehmen zeigt, mit welchen Suchanfrage… https://t.co/VQRqAcpGpB
Fußballnationalelf hat abgeloost, #Instagram hat uns endlich mit #IGTV beglückt & das neue Adwords Interface - Das… https://t.co/yKpJLIvcZi
Share This