Facebook (Fan-)Seite mit Landingpage
Manchmal, aber nur manchmal muss man als SEO auch eine Facebook Seite mit Landingpage erstellen. Dabei gibt es einige Dinge zu beachten, die ich mir dummerweise nie wirklich merken kann. Deshalb dieser kleine Artikel - als Gedankenstütze für solche wie mich ...
Größen der Facebook Profil-Bilder
Die Höhe des Profilbilds (links) beträgt max. 180px in der Breite und max.600px in der Höhe, wobei ich die Höhe nicht ausreizen würde, weil sonst die Navigation bei kleineren Bildschrimen nicht mehr sichtbar ist.
Die Fotoleiste hat eine Gesamtgröße von 458 x 68 Pixel und beinhaltet immer 5 Fotos.
Ein einzelnes Bild in der Fotoleiste wird in der Größe von 97 x 68 Pixeldargestellt.
Zu beachten ist, dass die Reihenfolge der Fotos bei (Fan-)Seiten (im Gegensatz zu Profil-Seiten) immer durch Zufall gewählt wird, also nicht beeinflusst werden kann.
Erstellung einer Facebook Landingpage
Um neuen Besuchern eine vorgeschaltete Seite mit Begrüßung, schönen Bildern usw. zu zeigen, bietet es sich an, eine Facebook Landingpage zu erstellen. Diese wird allen Besuchern als erstes angezeigt, welche noch nicht den "Gefällt mir" Button genutzt haben. Diesen "Fans" wird dann immer die Pinnwand als erste Seite angezeigt, was auch nicht änderbar ist.
1. Schritt: Landingpage als HTML-Seite erstellen
Die Landingpage muss zunächst als normale HTML-Seite umgesetzt werden, welche im nächsten Schritt als iFrame bei Facebook eingebunden wird. Für die HTML-Seite gelten folgende Voraussetzungen:
- Die Seite muss über eine sichere Verbindung (https) abrufbar sein. Das SSL-Zertifikat sollte von offizieller Stelle signiert sein, um unschöne Fehler bzw. Warnungen zu vermeiden.
- Die Breite für das iFrame beträgt 520px. Wird ein Scrollbalken angezeigt, gehen noch einmal 20px weg. Will man den Scrollbalken vermeiden, sollte eine maximale Höhe von 760px eingehalten werden.
2. Schritt: Anwendung in Facebook erstellen
Damit eine HTML-Seite bei Facebook in eine Seite eingebunden werden kann, muss dazu eine Anwendung (App) erstellt werden.
Man begebe sich zu https://developers.facebook.com/apps und betätige den Button "Neue Anwendung erstellen" (oben links), woraufhin sich ein Popup öffnet. Dort gebt Ihr als "App Display Name" den Name der Webseite (z.B. den Domainnamen) und als "App Namespace" eine Abkürzung für die Webseite an (nur Zahlen, Buchstaben und Unterstriche zugelassen).
In der folgenden Maske (Grundlegende Einstellungen) ergänzt Ihr die Kontakt-EMail-Adresse (also die des Entwicklers der Facebook-Landingpage) und wählt als Kategorie im Zweifelsfall "Sonstige".
Anschließend klappt Ihr den Bereich "Anwendung auf Facebook" auf und gebt bei "Canvas-URL" die normale URL der (im ersten Schritt) erstellten HTML-Seite an. Bei "Sichere Canvas-URL" gebt Ihr die SSL-verschlüsselte URL (https) Eurer HTML-Seite an.
Als nächstes klappt Ihr den Bereich "Seitenreiter" auf. Dort gebt Ihr bei "Page Tab Name" nochmals den Namen Eurer Webseite an (z.B. die Domain). Bei "Page Tab URL" gehört wieder die normale URL Eurer HTML-Seite hin, bei "Secure Page Tab URL" die sichere (https) URL.
So sieht das dann z.B. aus:
Nach dem "Änderungen speichern" könnt Ihr noch links auf Einstellungen / Fortgeschritten klicken. Dort angekommen sollte ganz oben als "App Type" Web angegeben sein, den Sandkasten-Modus könnt Ihr deaktivieren. Darunter könnt Ihr eine kurze Beschreibung eingeben, wenn Ihr möchtet.
Im vorletzten Abschnitt unter "Canvas-Einstellungen" habe ich die "Canvas Width" und "Canvas Height" auf flexibel gesetzt.
Als letztes könnt Ihr ganz unten die URL Eurer Kontakt/Impressums-Seite angeben. Ich habe dies bei den Feldern "URL der Datenschutzbestimmungen" und "URL der Allgemeinen Geschäftsbedingungen" getan. Bei "Support-URL für Nutzer" habe ich einfach die URL der Startseite eingetragen.
Änderungen speichern nicht vergessen.
3. Schritt: Anwendung und Facebook-Seite verknüpfen
Nun müssen wir nur noch die erstellte Anwendung mit der Facebook (Fan-)Seite verbinden. Und das geht so:
Wenn Ihr Euch in den Einstellungen Eurer Anwendung befindet (also da, wo Ihr noch sein müsstet), gibt es auf der linken Seite ziemlich weit unten einen Link "Profilseite der Anwendung anzeigen":
Alternativ könnt Ihr die App-ID kopieren und folgende URL damit aufrufen: https://www.facebook.com/apps/application.php?id=APP-ID
Dort findet Ihr (wieder links unten) einen Link namens "Zu meiner Seite hinzufügen", den Ihr sofort anklickt. Im sich öffnenden Popup müsst Ihr nun nur noch Eure Facebook-Seite wählen.
4. Schritt: Landingpage als Standard-Seite setzen
Der letzte Schritt dürfte der einfachste sein. Begebt Euch zu Eurer Facebook (Fan-)Seite und klickt auf den Button "Seite bearbeiten" (rechts oben). Dort solltet Ihr gleich in der richtigen Einstellungsseite "Genehmigungen verwalten" landen. Hier könnt Ihr nun unter "Standard-Reiter" Eure Anwendung auswählen.
Speichern und Feierabend!
Kommentare:
Einen Kommentar schreiben
Trackback-URL