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)

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Die besten Tweets, Memes und Gifs zur Facebook-Anhörung! 🤣 Die #Klickkomplizen wünschen einen guten Start ins Woch… https://t.co/FQijuJqv2n
Content Diebstahl! Was tun? 🤬 Die wichtigsten Tipps bei kopierten & geklauten Inhalten: - Content-Klau feststelle… https://t.co/8R10zhzmTh
#Facebook Experiment: Gruppen-Feed Neuer Newsfeed für Gruppen-Beiträge im Test? Erste Bilder, ohne offizielles Sta… https://t.co/fI7GWQw5l4
How To: Was ist ein Call-To-Action? Vom Direkt- ins Online-Marketing. 📢 Anmelden, Herunterladen, Anschauen, Teilen… https://t.co/l79bJO13DL
SEO für den Mobile-First-Index: 11 Experten im Interview & 8 Tipps für mobile Optimierung! ✔ Optimierung von Schri… https://t.co/caV4VLYMwz
NEU bei #Facebook: Boomerang und AR-Malerei in den Stories! 🖍 Neue Features für Story Revival, durch attraktive un… https://t.co/ecdWrgqn4Y
How To: Das #Facebook Pixel! Anleitung und Tipps zu Facebooks Tracking- und Analyse-Tool für Werbeanzeigen. - Ins… https://t.co/dT6eLHgEng
NEU im #Klickkomplizen Blog: Wie digital ist Deutschland? Und wie digital seid ihr? Zentrale Ergebnisse und aktue… https://t.co/B1BKBfX19F
#Facebook - Kostenpflichtige "Bezahlversion"?! 💰 Mark Zuckerberg enthüllt während US-Senatsanhörung Pläne für kost… https://t.co/RRUtSR6LwN
NEU im #Klickkomplizen Blog: Storytelling in der internen Kommunikation! Nutzen: - Mitarbeiter informieren, motivi… https://t.co/cuHIcrKThW
Share This