Facebook-Bannerabmessungen und Best Practices für Titelbilder

Veröffentlicht: 2019-07-10

Haben Sie Probleme mit diesen nervigen Facebook-Bannerdimensionen? Sieht Ihr Banner- oder Titelbild einfach nicht richtig aus? Wir geben dir Deckung.

Ihr Facebook-Titelbild sagt viel über Ihre Marke aus. Damit ein Unternehmen online florieren und sozial präsent sein kann, braucht es eine gut aussehende Facebook-Seite. Egal, ob es sich um einen Nachbarschafts-Lunch-Spot oder einen internationalen Mischkonzern handelt. Ihre Facebook-Seite muss einladend und erkennbar aussehen, wenn ein Kunde ihn besucht, und das erste, was er sieht, ist das Titelbild oder das Banner oben. Damit das Banner perfekt aussieht, braucht es ein wenig Arbeit und die richtige Einstellung.

Wenn Sie jemals Ihr eigenes Facebook-Banner oder -Titelbild erstellt haben, werden Sie feststellen, dass es auf dem Desktop und auf dem Handy nicht gleich aussieht. Die Seiten werden auf Mobilgeräten abgeschnitten, wobei wichtige Bilder oder Wörter mitgenommen werden. In diesem Artikel werden wir uns die Best Practices ansehen, um jedes Mal das perfekte Facebook-Titelbild zu erhalten. Darüber hinaus betrachten wir Fehler, die Sie vermeiden sollten, und Dinge, die Sie bei der Gestaltung Ihres Facebook-Banners nie vergessen sollten.

Facebook-Banner-Abmessungen für eine perfekte Passform

Abmessungen des Facebook-Banners

Das Wichtigste, was Sie beim Erstellen eines Facebook-Banners oder Titelbilds beachten sollten, ist die Art und Weise, wie sich die Größe von Handy zu Desktop ändert. In der Abbildung unten sehen Sie verschiedene Abschnitte rund um den Hauptbereich, der als „SICHERER BEREICH“ bezeichnet wird. In diesem Bereich sollten alle wichtigen Informationen platziert werden, damit sie sowohl auf dem Desktop als auch auf dem Handy angezeigt werden.

Die offizielle Größe für ein Facebook-Banner oder ein Titelbild beträgt 820 x 360 Pixel. Wenn Sie schon einmal eines erstellt haben, ist Ihnen vielleicht aufgefallen, dass Facebook manchmal Ihr perfektes Bild verschwommen aussehen lässt. Deshalb verwenden wir gerne eine größere Grafik mit gleichem Seitenverhältnis. Das Seitenverhältnis einer 820px x 360px Grafik beträgt 2,28. Um sicherzustellen, dass sie beim Hochladen perfekt aussieht, können Sie sie mit 1230px x 540px erstellen.

Laden Sie die folgende Vorlage für Adobe Illustrator (AI) oder Photoshop (PSD) herunter. Platzieren Sie Ihr Bild oder Design in der Ebene mit der Aufschrift „Design hier einfügen“ und machen Sie dann alle oberen Ebenen unsichtbar, bevor Sie das Bild als Webdatei exportieren.

Laden Sie die Dateien herunter
Kostenlos herunterladen

Kostenlos herunterladen

Melden Sie sich beim Elegant Themes Newsletter an, um diesen kostenlosen Download sowie Benachrichtigungen zu erhalten, wenn wir brandneue Inhalte und Ressourcen für Divi, WordPress, Business und Marketing veröffentlichen. Wenn Sie bereits abonniert sind, geben Sie einfach Ihre E-Mail-Adresse unten ein, um den Download-Button anzuzeigen. Sie werden nicht zweimal in unsere Liste aufgenommen und erhalten keine zusätzlichen E-Mails.

Sie haben sich erfolgreich abonniert!

Häufige Fehler, die Sie vermeiden sollten

Beim Erstellen eines Facebook-Banners können leicht dumme Fehler gemacht werden. Leider können diese scheinbar winzigen Fehler wirklich einen Unterschied machen, wenn es darum geht, wie die Leute auf Ihr Facebook-Titelbild reagieren. Sehen wir uns einige der häufigsten Fehler an, die Sie vermeiden sollten, wenn Sie ein Facebook-Banner oder ein Titelbild für Ihr Unternehmen erstellen.

Zu viel Text

Die alte Regel „nicht mehr als 20 % Text“ ist bei Facebook-Titelfotos keine durchgesetzte Regel mehr. Trotzdem sollten Sie versuchen, den Text auf ein Minimum zu beschränken. Achten Sie auf die Anzahl der Wörter, die Sie verwenden, aber vor allem darauf, wie viel Platz sie im sicheren Bereich einnehmen. Verwenden Sie nur die Wörter, die zum Senden einer Nachricht unbedingt erforderlich sind.

Zu viel Unordnung

Wie Sie versehentlich Platz mit zu viel Text füllen können, kann dies auch bei einer Kombination aus Text und Bildmaterial passieren. Vermeiden Sie es, Ihr Facebook-Titelbild zu überladen zu machen. Ihr Facebook-Banner muss nicht viele Dinge enthalten, es muss nur gut aussehen. Wenn Sie für einen bestimmten Verkauf oder ein bestimmtes Angebot werben, fügen Sie nur die wichtigsten Informationen hinzu und überlassen Sie den Rest der Arbeit dem CTA-Button.

Screenshot der Colorhunt-Website

Unattraktive Farbkombination

Hässliche Farbkombinationen sind sofortige visuelle Abwehrmittel. Versuchen Sie, keine zufälligen Farben in den Grafiken für Ihr Facebook-Titelbild zu verwenden. Am besten verwenden Sie entweder Ihre Markenfarben oder finden auf Colorhunt einige ansprechende Farbpaletten. Kopieren Sie einfach die Hex-Codes aus der von Ihnen gewählten Farbpalette und fügen Sie sie in Ihren Grafikeditor ein. Wenn Sie ein Foto verwenden, probieren Sie einige Farben aus dem Bild aus, um den Text einzufärben. Halten Sie sich bei Facebook-Bannern im visuellen Grafikstil an nicht mehr als drei oder vier Farben gleichzeitig.

Zu wenig zu spät

Ein weiterer schlimmer Fehler besteht darin, Ihr Feiertagsbanner zur falschen Zeit zu ändern. Als Faustregel gilt, dass Sie Ihr Facebook-Titelbild zum Thema Urlaub eine Woche zwei vor dem eigentlichen Urlaub ändern. Wenn Sie Produkte online verkaufen, müssen Sie besonders auf bevorstehende Feiertage achten, damit Sie mit genügend Zeit Ihre Verkäufe fördern können.

Best Practices für Ihre Marke

Nachdem wir nun die häufigsten Fehler gesehen haben, die Sie um jeden Preis vermeiden sollten, ist es an der Zeit, sich anzusehen, was Sie immer tun sollten. Solange Sie bestimmte Parameter einhalten, funktioniert Ihr Facebook-Titelbild für Sie und Ihre Marke.

Bleiben Sie bei der Marke mit Farben, Schriftarten und Botschaften

Als Marke liegt es in Ihrer Verantwortung, vom Web bis zu den sozialen Medien und darüber hinaus konsistent zu bleiben. Ihr Marken-Styleguide sollte der erste Bezugspunkt sein, wenn Sie ein neues Facebook-Banner oder ein neues Titelbild erstellen. Verwenden Sie Ihre Markenfarben und Markenschriftarten. Behalten Sie die Botschaft und das Gefühl Ihrer Marke um jeden Preis bei. Nehmen Sie ein Stichwort von der Nike Facebook-Seite, sie visualisieren ihre Marke mit ihrem Markenslogan; Mach es einfach.

Nike Facebook-Titelbild

Verwenden Sie einen Fokuspunkt, um die Aufmerksamkeit auf die CTA-Seitenschaltfläche zu lenken

Bevor wir uns mit dem Hinzufügen eines Fokuspunkts für die Seite-Schaltfläche befassen, wollen wir uns vergewissern, was es ist. Unter dem Banner befindet sich Ihr vertrauenswürdiger CTA-Seiten-Button. Sie können es nach Ihren Wünschen ändern, von "Jetzt einkaufen" bis "Mehr erfahren" und eine Reihe anderer Optionen. Wenn Sie diese Schaltfläche noch nicht angepasst haben, lautet sie "Seitenschaltfläche hinzufügen". Klicken Sie darauf, um die Option hinzuzufügen, die am besten zu Ihrem Unternehmen passt.

Um eine vorhandene CTA-Seiten-Schaltfläche anzupassen, fahren Sie mit der Maus darüber und ein kleiner Bearbeitungsstift wird angezeigt. Klicken Sie auf den Bleistift und wählen Sie "Bearbeiten-Schaltfläche".

Screenshot der Einstellungen für die Facebook-Seitenschaltfläche

Jetzt, da Sie die Macht dieses kleinen Knopfes kennen, ist es an der Zeit, etwas darauf aufmerksam zu machen. Fügen Sie in der unteren rechten Ecke etwas hinzu, das die Aufmerksamkeit des Betrachters auf sich zieht. Die Leute von Superfly haben direkt über den Schaltflächen ein schwarzes Rechteck mit ihrer Website-URL hinzugefügt. Sie erwarten nicht, dass Sie diese URL kopieren und in Ihren Browser einfügen! Sie müssen nur auf die Schaltfläche Jetzt kaufen klicken. Sie können auf verschiedene Weise einen Fokus auf die Schaltfläche setzen, mit Fotografie, Grafiken und sogar Pfeilen!

BeSuperfly Facebook-Titelbild

Verwenden Sie hochwertige Bilder, an denen Sie Rechte haben

Verwenden Sie immer Fotografien, für die Sie die Nutzungsrechte haben. Es folgt nicht nur den Richtlinien von Facebook, sondern entspricht auch dem gesunden Menschenverstand. Bitte verwenden Sie keine Bilder, die Sie online gefunden und einfach in Ihr Banner eingefügt haben, dies kann Sie in Schwierigkeiten bringen! Verwenden Sie Stockfotos, für die Sie bezahlt haben, oder kostenlose Bilder von Websites wie Unsplash. Besser noch, verwenden Sie Ihre eigenen Fotos Ihrer eigenen Produkte! Das untenstehende Pepsi-Facebook-Banner ist ein großartiges Beispiel.

Pepsi Facebook-Titelbild

Versuchen Sie es mit einem Video anstelle eines Fotos oder einer Grafik

Warum nicht ein Video statt eines Bildes ausprobieren? Der Vorgang zum Hochladen eines Videos auf Ihr Banner ist der gleiche wie das Hinzufügen eines Bildes, folgen Sie einfach den gleichen Größenrichtlinien. Stellen Sie sicher, dass sich alle wichtigen Bewegungen im Video im „sicheren Bereich“ befinden und es einsatzbereit ist.

Gif von Colgate Facebook-Banner

Fügen Sie eine Beschreibung mit Links hinzu und pinnen Sie ein relevantes Bild oben auf Ihrer Seite an

Zu guter Letzt, wenn Sie ein neues Facebook-Titelbild oder -Banner hochladen, fügen Sie immer eine Beschreibung mit relevanten Links hinzu. Diese sind auf den ersten Blick nicht offensichtlich, aber wenn jemand auf das Bild klickt, kann er alle von Ihnen hinzugefügten Informationen sehen. Im aktuellen Banner von Starbucks geht es beispielsweise um die Born This Way Foundation und sobald Sie auf das Banner klicken, sehen Sie alle damit verbundenen Links und Tags.

Ebenso hat Starbucks oben auf der Seite ein angeheftetes Bild, das in einem animierten GIF viel mehr Informationen über die Stiftung enthält. Diese Technik erzeugt einen umfassenden Effekt für Ihre Facebook-Seite. Wenn jemand darauf landet, kann er Ihre drei wichtigen Visuals sehen; das Logo, das Titelbild und das angeheftete Bild. Wenn alles optimiert ist, haben sie zusammen mit der Seitenschaltfläche viele Möglichkeiten zur Interaktion.

Starbucks Born this Way Foundation

Screenshot der Facebook-Seite von Starbucks

Abschluss

Eine optimierte Facebook-Seite zu haben ist heutzutage gar nicht so schwer. Verwenden Sie die obige Vorlage für Facebook-Bannerabmessungen, um das perfekte Titelbild zu erstellen. Vermeiden Sie häufige Fehler und befolgen Sie die Best Practices, um ein Facebook-Banner zu erstellen, und Sie werden in kürzester Zeit ein großartig aussehendes Titelbild haben! Denken Sie daran, Ihre Seitenschaltfläche anzupassen und vergessen Sie nicht, Ihre Grafik mit einer entsprechenden Beschreibung hochzuladen.