Facebook Landingpage erstellen inkl. Videoanleitung


Update 05.06.2012: Facebook hat auf die neue Timeline mit Chronik aktualisiert, sodass diese Anleitung ihre Gültigkeit verloren hat.

Facebook entwickelt sich mehr und mehr zum Mittelpunkt des Internetgeschehens eines durchschnittlichen Internetnutzers. Du kannst es ganz einfach an Dir selbst sehen. Wie viel Zeit verbringst Du pro Tag auf Facebook? Bei mir sind es gut und gerne 30 bis 45 Minuten!

Wenn Du eine Internetseite, ein Unternehmen, ein lokales Business oder irgendetwas Öffentliches betreibst, solltest Du endlich den Schritt wagen und Dir eine eigene Facebook Fanpage erstellen. Nicht nur, dass es heutzutage dazugehört, eine Fanpage zu haben, sie wird Dir auch viele Besucher bringen und dafür sorgen, dass Du mehr Traffic bekommst.

Traffic bonek.de Facebook

Dies ist die Aufschlüsselung der Traffic-Quellen vom Montag, 12. Dezember 2011 von bonek.de. Insgesamt hatte ich 88 Besucher, wovon 44 von Facebook kamen. Das sind 50 % der Besucher! Merkst Du gerade, wie wichtig Facebook bereits ist?

Eine Fanpage zu erstellen, ist noch recht einfach – schwierig dagegen ist die Einstellung und Aufbereitung der Fanpage, sodass sie gut aussieht und Fans anzieht. Ein sehr wichtiger Aspekt dessen ist die Landingpage (Startseite), da es schließlich die erste Seite ist, die ein Besucher, der die Fanseite aufruft, zu sehen bekommt. Standardmäßig handelt es sich dabei um die Pinnwand. Viel schöner wäre es jedoch, wenn die Landingpage eine Seite wäre, die kurz erklärt, worum es geht, und einen Anreiz gibt, warum jemand Fan werden sollte.

Lange Rede, kurzer Sinn: Im folgenden Video erkläre ich Dir ganz genau, wie Du mit Hilfe einer kostenlosen App (Static HTML iframe app) Deine eigene Landingpage erstellst und wählen kannst, wie sie für Fans und Nicht-Fans aussieht. Zudem zeige ich Dir in dem Video erfolgreiche und gut umgesetzte Landingpages und was Du daraus lernen kannst. Erfolgreiche Beispiele sind u. a. Coca-Cola oder Nivea.

(Hier klicken, um Wie erstellt man eine Facebook Landingpage auf YouTube anzuschauen)

Sobald Du Deine Fanpage fertig hast und Deine Landingpage erstellen möchtest, wirst Du um einige Basic-HTML-Befehle nicht herumkommen. Wenn Du nicht die finanziellen Mittel hast, ihn an jemanden abzugeben, wirst Du diesen kleinen chirurgischen Eingriff selbst machen müssen. (Es ist leichter, als Du denkst. ;-))

Bild einbinden

Am leichtesten ist es, wenn Du, um das Bild einzubinden, einen kleinen Code-Schnipsel verwendest. Idealerweise hast Du bereits eine Internetseite und kannst von dort aus das Bild laden. Sollte dies nicht der Fall sein, kannst Du z. B. bei Flickr ein öffentliches Bild hochladen und es dann verlinken oder über Dropbox öffentlich Bilder teilen. Wenn Dein Bild irgendwo im Internet, ob nun auf Deinem Server, bei Flickr oder Dropbox online ist, kannst Du folgenden Code benutzen, um es auf Deiner Landingpage zu verlinken:

<img src="http://www.bonek.de/images/bonek-fb-willkommen.png"/>

Die optimale Größe für das Bild einer Facebook Landingpage ist 520px x 720px

Link einfügen

Um eine simple Verlinkung mit Deiner Internetseite oder anderen Seiten auf Deiner Facebook Landingpage herzustellen, benötigst Du einen einfachen HTML-Code, der wie folgt aussieht:

<a href="http://www.bonek.de">Hier kommst Du zu meinem Blog</a>

"Gefällt mir"-Button

Wenn Du nur den Button verlinken oder ihn als Element in einem Bild benutzen möchtest, kannst Du die "einzelne" Grafik hier bekommen:

gefaellltmir

Wie Du Deine Landingpage gestaltest, liegt natürlich an Dir. Achte darauf, dass bereits auf den ersten Blick klar wird, worum es auf der Fanpage geht, und versuche, dem Besucher einen Mehrwert zu geben und einen Anreiz, um Fan Deiner Fanpage zu werden. 

Für weitere Facebook-Aktivitäten rund um Deine Facebook Fanpage hilft mir immer diese Seite von Facebook: Facebook Developers.

Wenn Du Schwierigkeiten oder Fragen hast, freue ich mich darauf, Dir weiterzuhelfen.

Und zu guter Letzt würde ich mich wirklich darüber freuen, wenn Du diese Seite über Facebook teilst. So hilfst Du nicht nur mir, sondern auch anderen Menschen, Ihre Facebook Fanpage zu verbessern.

Für Deinen Erfolg im Internet

Sebastian

Hat Dir der Artikel weitergeholfen?

Dann trage Dich in meinen Newsletter mit über 4.000 Lesern ein,
um über neue Artikel und private Tipps per E-Mail informiert zu werden.
(Außerdem gibt es ein SEO-Handbuch gratis dazu!)



22 Kommentare… add one

  • Xurzon Dez 17, 2011

    Danke Sebastian für das Tutorial, jetzt hab‘ ich erstmal ein bisschen Arbeit damit, alles umzusetzen.

    LG

  • Xurzon Dez 21, 2011

    Hallo Sebastian,

    ich habe deine Anleitung umgesetzt. Hier das Ergebnis:
    http://www.facebook.com/xurzon2.0?sk=app_190322544333196
    Bei längeren Seiten erscheint im i-Frame eine Scrollbar – wie kann man das vermeiden?

    Auf jeden Fall kann ich sagen, dass dein Tutorial wirklich leicht verständlich und somit auch umsetzbar ist.

    LG

    • Sebastian Czypionka Dez 21, 2011

      Hey Xurzon,

      eine tolle Landingpage und gut umgesetzt. Finde ich klasse! Ich sehe keinen Scrollbalken bei Dir, weiß aber, dass ich den auch mal hatte, wenn das Bild größer war als das iFrame. Wenn bei das iFrame selbst anlegen würde, könnte man das über einen entsprechenden Code-Zusatz ändern, da man bei einem Facebook-App nicht die Möglichkeit hat, gehe ich mal davon aus, dass man den Scroll-Balken nicht wegkriegt.

      Wie gesagt, gute Arbeit und weiter so!

      Sebastian

  • Xurzon Dez 21, 2011

    Hallo Sebastian,

    ich habe grade ein wenig gesucht und gleich einen Volltreffer gelandet. Die Scrollbar kann man ganz einfach entfernen. Hier ist alles beschrieben: http://kulturbanause.de/2011/05/scrollbalken-in-facebook-iframe-tabs-deaktivieren/

    Viele Grüße

  • Bill Jan 5, 2012

    Hallo!

    Die Landingpage funktioniert echt super danke!
    Aber wie kann ich es nun verhindern das jemand meine Fotos oder Pinnwandeinträge sehen kann ohne das die Seite geliked wurde?

    LG

    • Sebastian Czypionka Jan 5, 2012

      Gerne 😉 Unter „Seite bearbeiten“ und dann den Standard-Reiter ändern. Von Pinnwand in die neue App (so wie du sie benannt hast!) 😉

    • Bill Jan 5, 2012

      Sorry, das meinte ich nicht.
      Wenn jemand meine Seite besucht kommt zuerst natürlich die Landingpage für den entsprechenden Typ (also geliked und nicht geliked).
      Wenn dann aber jemand der die Seite nicht geliked hat meine Pinnwandeinträge sehen möchte kann er das ohne weiteres tun und das möchte ich verhindern.

      LG

    • Sebastian Czypionka Jan 5, 2012

      Soweit ich weiß geht das nur mit einem entsprechenden Script, dass das klicken auf deine anderen Reiter blockiert und ich denke, dass das auch nicht von Facebook geduldet wird. Gerne kannst Du mich eines besseren belehren, wenn es auf legale Art und Weise geht-

  • leo Feb 5, 2012

    Hi Sebastian,

    vielen Dank erstmal für deinen klasse Artikel! Hat mich echt weitergebracht!
    Hätte da noch eine kleine Frage: Gibt es eine Möglichkeit, nach dem „Liken“ auf ein anderes Tab meiner Wahl oder gar die Wall WEITERZULEITEN?

    Das fände ich spitze!
    danke schonmal,

    leo

    • Sebastian Czypionka Feb 5, 2012

      Hallo Leo,

      vielen Dank für Dein Feedback 😉

      Mit dem App ist es nicht möglich, aber sicherlich gibt es da auch noch andere Möglichkeiten und andere Apps, die so etwas unterstützen – mir sind allerdings derzeit keine bekannt. Müsstest mal auf eigene Faust auf die Suche gehen 😉

      Viel Erfolg,
      Sebastian

  • Hagen Hoppe Feb 24, 2012

    Da wühlt man sich (dank Google) durchs Internet und findet verdammt viele gewerbliche Anwendungen oder Anleitungen zum alten System – und diesen Beitrag, der der Einzige war bzw. ist, der einem die Einrichtung einfach und (auch für einen Laien in Programmiersprachen) verständlich erklärt. Dafür vielen Dank.

    Das Ergebnis stand an einem Abend: https://www.facebook.com/HagenHoppeFotografie 😉

    Viele Grüße, Hagen.

    • Sebastian Czypionka Feb 24, 2012

      Vielen Dank für das wertvolle Feedback und dass ich Dir damit helfen konnte 🙂 Das freut ungemein… weiterhin viel Erfolg und alles Gute!

  • andreas Mrz 13, 2012

    tolles video danke sebastian!
    werde das auch machen.

  • Milan Mrz 21, 2012

    Hi, danke erstmal für dieses tolle Tutorial!
    Aber wie kann man dieses „Seite teilen um den Inhalt zu sehen“ bzw. „Erst Seite liken um den Inhalt zu sehen“ machen?
    mfG

    • Sebastian Czypionka Mrz 22, 2012

      Hallo Milan,

      seit kurzem gibt es Änderungen bei der facebook fanpage, sodass es keine gewöhnliche Landingpage mehr gibt. Beziehst Du dich darauf? Sprichst Du von der neuen Facebook Fanpage mit Timeline?

    • Milan Mrz 23, 2012

      Ja, ich habe eine Chronik.

    • Sebastian Czypionka Jun 5, 2012

      Dann trifft dieses Video und diese Anleitung leider nicht mehr zu.

  • Heidi Schumacher Jun 5, 2012

    Ich habe eine rudimentäre Landing-Page erstellt, aber ich finde (beim neuen Facebook) den Standard-Reiter nicht 🙁 Wo bitte ist der?

    • Sebastian Czypionka Jun 5, 2012

      Hallo Heidi,

      diese Anleitung ist veraltet und ich habe nun einen entsprechenden Hinweis im Artikel gesetzt – da aufgrund der Änderungen bei Facebook nun keine typische Landingpage mehr möglich ist.

      Sebastian

    • Heidi Schumacher Jun 7, 2012

      Ach wie schade – und die ganze Arbeit umsonst. Danke für die Nachicht.

  • Werner Grohmann Jul 19, 2012

    Hier gibts ein Video-Tutorial, wie sich auch in der neuen Chronik/Timeline eine Landing Page einrichten lässt.

    http://www.unternehmen-zwei-punkt-null.de/facebook-landing-page-chronik

    Werner

SCHREIB EINEN KOMMENTAR