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!
4 Schritte zum eigenen Low Budget Marketing-Video! 📽 Tipps für eine optimale Umsetzung: 1. Sorgfältige Planung 2.… https://t.co/S5K8VPDsig
Search Console gibt wertvolle Daten im URL-Prüftool preis - Spannendes neues Feature! 🔎 NEU: - die HTTP-Antwort -… https://t.co/tFI3xHFHuY
NEU im #Klickkomplizen Blog: #Instagram Jahresrückblick - Möglichkeiten und Tools! 🗓 Tools & Funktionen zur Erleic… https://t.co/bVPaEXVSHY
#Google Tag Manager - Leitfaden für Einsteiger! ⚠ Ziele: Online-Reichweite, Lead-Conversion, Marketingstrategie -… https://t.co/XRyZAFaM1J
Die 3 Eckpfeiler Googles interner SEO-Strategie! Best Practices und exklusive Einblicke: 1. Klein anfangen für gr… https://t.co/FZ0kwO9dd2
SEA, SEO & Reputation: 3 kostenlose Checks zur Optimierung der Webpräsenz! 🔎 SEA-Check: Google Ads (Strategie, Per… https://t.co/phzFXOAJxD
NEU im #Klickkomplizen Blog: Automatisierte #Facebook Antworten: - So reagieren Seiten automatisch! 💬 Unsere Tipps… https://t.co/4z1RkObV0Z
Starker Facebook Konsum: Verhalten ähnelt dem von Drogenabhängigen! Symptome stimmen überein. Verschiedene Unters… https://t.co/s7kdftX3AH
Effizienter arbeiten: 7 Methoden, mit denen Geschwindigkeit zur Gewohnheit wird! 📋 - Deadlines setzen - Projekte i… https://t.co/LoCuIR6VzQ
Visual Content: So nutzt ihr #Pinterest im Marketing-Mix!📸 - Zur Inspirationsquelle werden - Produkte sinnvoll prä… https://t.co/S85LjObX5J
#Google testet Feedback-Leiste für Featured Snippets!👍 Ziel: Qualitätssteigerung User entscheiden über Relevanz u… https://t.co/9dabZWCLuL
CTA Sticker kommen für #Facebook Page Stories! 🗣 - Videos und Stories als erfolgreichste Formate. Vorteil: Spezif… https://t.co/3K6o4LZJmJ
Was ist ein Unternehmensblog? - Marketing-Instrument für mehr Online-Sichtbarkeit! 📰 Wie unterscheiden sich Blog &… https://t.co/dGkReYKkUE
NEU im #Klickkomplizen Blog: Unser Klickies Jahresrückblick 2018! Erfolge, Herausforderungen & Erlebnisse im Überb… https://t.co/yXA2RO6N24
Der erste eigene Podcast: Ein Leitfaden für Agenturen. 📻 Vorteile: - Gesteigerte Interaktion - Präsenzausbau - Rep… https://t.co/iyCtFG5nyN
#Youtube Advertising 2018: So erfolgreich waren die Werbespots! Branding-Maßnahmen für jüngere Zielgruppe mit Yout… https://t.co/XKON8vdlAm
#Google My Business: Unternehmen können Nachrichtenfunktion für Maps aktivieren!📱 Nachrichten an Unternehmen: - K… https://t.co/vobfZ31wMe
NEU im #Klickkomplizen Blog: Schriftarten und -größen für ein gelungenes Webdesign! 📝 Hohe Lesbarkeit: - Serifenlo… https://t.co/yRHgNg1tDU
Top 10 Neujahrsvorsätze für Social Media Manager! 🥂 1. Relevantere Beiträge 2. Weniger Click Baiting 3. Gezieltere… https://t.co/ZFeAwQdWLn
Share This