Footer einer Website: Design und SEO-Tipps

Ein Website-Footer ist der untere Bereich einer Webseite, der meist auf allen Seiten gleich­bleibt. Er enthält häufig wichtige In­for­ma­tio­nen wie Impressum, Da­ten­schutz, Kon­takt­mög­lich­kei­ten oder Links zu sozialen Medien. Er ist eine Konstante im Webdesign und sollte auf keiner Website fehlen.

Was ist ein Footer und wo befindet er sich?

Der Footer einer Website ist der optische „Schluss­stein“ einer In­ter­net­sei­te und befindet sich beim Her­un­ter­scrol­len an unterster Position. Einige Zeit lang wurden Website-Nut­ze­rin­nen und -Nutzer als scroll­faul angesehen. Aus diesem Grunde bekam der Footer wenig Auf­merk­sam­keit von Web­de­si­gnen­den, Pro­gram­mie­ren­den und Content-Pro­du­zie­ren­den.

Viele Un­ter­su­chun­gen haben aber gezeigt, dass User Webseiten sehr wohl komplett anschauen, um sich mit re­le­van­ten In­for­ma­tio­nen zu versorgen. Beim Aufbau einer Website besteht die Gefahr, den Header – den Kopf­be­reich – zu über­frach­ten; aus Angst, der User könnte etwas verpassen. Ein solches Über­an­ge­bot kann aber dazu führen, dass man sich schnell von der Seite abwendet, vor allem, wenn keine klaren Struk­tu­ren herrschen.

Je klarer die Struktur einer Website, desto schneller sind we­sent­li­che Inhalte zu erfassen. Das obige einfache Struk­tur­sche­ma ver­an­schau­licht die Position des Footers bei der Dar­stel­lung auf einem PC-Bild­schirm, Laptop oder größerem Tablet. Somit ver­bes­sert die Fußzeile die Über­sicht­lich­keit des Web­auf­tritts und erhöht damit die Nut­zer­freund­lich­keit im Webdesign.

Mithilfe der ent­spre­chen­den CSS Media Queries im Code der Website wird erreicht, dass die In­for­ma­tio­nen auf einem mobilen Bild­schirm ebenso nut­zer­freund­lich aus­ge­ge­ben werden.

Was ist der Zweck eines Footers?

Der Footer si­gna­li­siert den Nutzenden, dass das Ende der In­ter­net­sei­te erreicht ist. Das im­pli­ziert, dass es darunter keine weiteren Inhalte mehr gibt. Wenn aber bis zum Footer gescrollt wird, bedeutet das auch: Der Be­trach­ter oder die Be­trach­te­rin sucht noch weitere Inhalte. Das ist die Chance des Website-Footers, nämlich besondere, wertvolle oder sogar ver­lo­cken­de Inhalte an­zu­bie­ten. Darüber hinaus sorgt der Footer auch für die Se­rio­si­tät einer Website, da bestimmte Ba­sis­in­for­ma­tio­nen immer an der gleichen Stelle zur Verfügung stehen.

Kon­zep­ti­on und Design eines Footers

Um den Footer einer Website sinnvoll ein­zu­bin­den, sollten Sie Ihre Inhalte daraufhin un­ter­su­chen, welche Be­stand­tei­le mit wie­der­keh­ren­den In­for­ma­tio­nen immer wieder ergänzt werden sollen oder müssen. Dazu ist es meistens zweck­mä­ßig, separate Menüs in den Footer ein­zu­bin­den, was bei­spiels­wei­se bei diversen Content-Ma­nage­ment-Systemen mit so­ge­nann­ten Widgets sehr elegant möglich ist. Damit wird zugleich si­cher­ge­stellt, dass der Footer im immer gleichen Design da­her­kommt.

Der Footer-Bereich sollte sich deutlich vom Content abheben. Das kann sowohl eine andere Hin­ter­grund­far­be, ein anderer Kontrast zur Haupt­far­be der Website oder auch nur eine Linie sein – gern auch etwas davon in Kom­bi­na­ti­on. Es gilt die alte Regel: Weniger ist mehr. Teilen Sie diesen untersten Bereich einer Website in zwei bis drei logisch zu­sam­men­hän­gen­de Sektionen auf, die wie Rubriken in­halt­lich Ähnliches anbieten. Zwischen diesen Sektionen sollte genügend Abstand – der so genannte Weißraum – bleiben, um die Über­sicht­lich­keit zu wahren. Ebenso wichtig ist die Balance zwischen Ein­zig­ar­tig­keit des Designs und der Klarheit der an­ge­bo­te­nen In­for­ma­tio­nen, denn der Website-Footer ist in vielen Fällen der letzte optische Eindruck, den Nutzende von einer In­ter­net­sei­te mitnehmen.

Was gehört in den Footer?

Für die an­zu­bie­ten­den Inhalte gibt es kein „Gesetz“, sondern Über­le­gun­gen und Emp­feh­lun­gen. Oft werden relevante Inhalte einer Website im Footer verlinkt.

Ka­te­go­rien­lis­te & Blog-Link

Ein Shop kann seine wich­tigs­ten Ka­te­go­rien in einer Footer-Sektion auflisten, zum Beispiel:

Unsere Kol­lek­tio­nen

• Lauf­schu­he
• Wal­king­schu­he
• Ge­sund­heits­schu­he
• Schuh­ein­la­gen
• Schuh­pfle­ge­pro­duk­te

Bei Webseiten mit News-Charakter oder bei Blogs ist ein Footer-Widget mit der Listung der letzten Beiträge sinnvoll, um die Ak­tua­li­tät der Website zu un­ter­strei­chen.

Pflicht­an­ga­ben

Ebenfalls gut platziert im Website-Footer sind alle recht­li­chen Pflicht­an­ga­ben, die damit auf jeder Un­ter­sei­te verfügbar bleiben. Dazu gehören Links zum Impressum und zur Da­ten­schutz­er­klä­rung. In Deutsch­land gilt mit sehr wenigen Ausnahmen eine Im­pres­sums­pflicht auf Websites. Bei Webshops gehören in diesen Footer-Bereich auch Links zu den All­ge­mei­nen Ge­schäfts­be­din­gun­gen (AGB) und zur Wi­der­rufs­be­leh­rung.

Neben recht­li­chen Aspekten schaffen diese Elemente Vertrauen in das Angebot im Web. Als gute Ergänzung passt hier die Auf­lis­tung der möglichen Zah­lungs­mög­lich­kei­ten und even­tu­el­ler Rück­sen­de­we­ge. Das lässt sich noch ver­stär­ken: Zer­ti­fi­ka­te, Gü­te­sie­gel, positives Nutzer-Feedback und sogar ein Hinweis auf die SSL-Ver­schlüs­se­lung der Da­ten­über­tra­gung geben dem Nutzer bzw. der Nutzerin ein positives Signal.

Kon­takt­mög­lich­kei­ten, News­let­ter, App

Eine weitere Mög­lich­keit, den Ser­vice­cha­rak­ter der Website zu un­ter­strei­chen, sind Angaben zur Kon­takt­auf­nah­me, bei Bedarf mit Zeiten der te­le­fo­ni­schen Er­reich­bar­keit. Ebenfalls sinnvoll kann ein Link zu wichtigen Fragen und Antworten (FAQ) sein, wenn er­klä­rungs­be­dürf­ti­ge Produkte oder Dienst­leis­tun­gen verkauft werden. Wenn Ihr Webshop auch ein phy­si­sches La­den­ge­schäft hat, sind Öff­nungs­zei­ten und eine An­fahrts­skiz­ze nützlich. Hier ist es bei­spiels­wei­se sinnvoll, Google Maps ein­zu­bin­den.

Aber Vorsicht! Beim Einbinden von Online-Karten als An­fahrts­skiz­ze sind Da­ten­schutz­re­geln zu beachten. Das Über­tra­gen von Nut­zer­da­ten auf Server außerhalb der EU bedarf der Zu­stim­mung der Nutzenden. Das lässt sich relativ einfach mit einer Sym­bol­kar­te, einem Foto und einem Text­hin­weis zur Da­ten­über­tra­gung rea­li­sie­ren. Bitte beachten: Einige Kar­ten­dienst­leis­ter un­ter­sa­gen aus­drück­lich das Verwenden un­schar­fer Dar­stel­lun­gen ihrer Karten (zum Beispiel Google Maps).

Ähnlich verhält es sich mit Social-Media-Platt­for­men. Facebook, X und Co. nutzen Server außerhalb der EU. Am si­chers­ten fährt man mit einem Icon des Dienstes und hin­ter­leg­tem Link. Das direkte Einbinden inklusive un­ge­neh­mig­ter Da­ten­über­tra­gung an einen solchen Anbieter kann einen Da­ten­schutz­ver­stoß dar­stel­len. In­zwi­schen gibt es viele Webtools, die dabei helfen, sich im Bereich Social Media rechts­kon­form zu verhalten.

Oft wird der Website-Footer genutzt, um den Nut­ze­rin­nen und Nutzern die Re­gis­trie­rung für den eigenen News­let­ter an­zu­bie­ten – eine ex­zel­len­te Mög­lich­keit, die Kund­schaft mit E-Mail-Marketing enger an sich zu binden. Wenn Ihr Ser­vice­an­ge­bot in einer App verfügbar ist, empfiehlt es sich außerdem, im Footer zu den App-Stores zu verlinken. Durch den hohen Anteil der Web­nut­zung auf mobilen End­ge­rä­ten, steigt die Wahr­schein­lich­keit, dass der In­ter­es­sent sich Ihre App auch her­un­ter­lädt und nutzt.

Wie wichtig ist die Footer-Na­vi­ga­ti­on?

Ein kluger Einsatz von Menüs im Footer er­leich­tert Website-Be­su­chen­den die Nutzung, denn sie müssen nicht zu­rückscrol­len, um das Top-Menü wieder zu erreichen (außer beim so­ge­nann­ten Sticky Menu). Auch das Dar­stel­len der kom­plet­ten Sitemap kann je nach Branche und Thema für die interne Ver­lin­kung genutzt werden.

Wenn mit einem Content-Ma­nage­ment-System ge­ar­bei­tet wird, lassen sich meist mehrere Menüs erstellen, die dann an ver­schie­de­nen Po­si­tio­nen der In­ter­net­sei­te platziert werden. Damit können Website-Betreiber auch schnell reagieren, wenn sich her­aus­stellt, dass bestimmte Bereiche von den Be­su­che­rin­nen und Besuchern nicht so an­ge­nom­men werden wie erwartet. Das Op­ti­mie­ren der Na­vi­ga­ti­ons­struk­tur ist somit eine wichtige Stell­schrau­be, um die Usability einer Website zu ver­bes­sern.

Website-Footer und SEO

Wenn wichtiger Content nicht nur im Top-Menü, sondern auch im Website-Footer angeboten wird, steigt die Wahr­schein­lich­keit, dass Website-Be­su­chen­de ihn als wichtig und le­sens­wert erkennen. Es steigert das Interesse und damit die Ver­weil­dau­er, was den SEO-Status der Website ver­bes­sert. Such­ma­schi­nen reagieren jedoch all­er­gisch auf so­ge­nann­ten Duplicate Content, also doppelt auf­tre­ten­de Inhalte einer Website. Da der Footer zu jeder Seite des Contents ein­ge­blen­det wird, gelten aus­führ­li­che Text­pas­sa­gen als Duplicate Content beim Crawlen durch die Such­ma­schi­ne. Das lässt sich umgehen, indem diese Inhalte auf einer separaten Seite ge­spei­chert werden, die im Website-Footer nur verlinkt wird.

Website-Footer: Best Practices

Aus einer riesigen Anzahl von Websites stellen wir Ihnen hier einige Footer vor, die die be­schrie­be­nen An­for­de­run­gen auf ver­schie­de­ne Art umsetzen.

Ma­nu­fac­tum

Das Ver­sand­haus Ma­nu­fac­tum in Waltrop im nörd­li­chen Ruhr­ge­biet hat einen um­fang­rei­chen Webshop und Wa­ren­häu­ser an 18 Stand­or­ten. Dem­entspre­chend um­fang­reich ist auch der Footer, der trotzdem Über­sicht­lich­keit wahrt und mit einem Gutschein zum Abon­nie­ren des News­let­ters animiert. Der schmale graue Balken über den App-Store- und Social-Media-Icons liefert zudem Signale, mit denen Website-Be­su­chen­de zum Kauf angeregt werden sollen.

Zalando

Der Footer von Zalando ist ebenfalls sehr um­fang­reich, bleibt jedoch dank klarer Struk­tu­rie­rung über­sicht­lich. Er punktet in mehr­fa­cher Hinsicht mit deut­li­cher Ser­vice­ori­en­tie­rung wie „Die richtige Größe finden“, „30 Tage Rück­ga­be­recht“, vielen Be­zahl­ar­ten und einer Auf­lis­tung der Ver­sand­part­ner. Zudem findet man alle Links zu recht­li­chen Texten, eine „Über uns“-Sektion inkl. Partnern und Stel­len­an­ge­bo­ten sowie Verweise auf die eigenen mobilen Apps und un­ter­schied­lichs­te Social-Media-Konten.

Back­mar­ket

Der Online-Markt­platz Back­mar­ket verkauft wie­der­auf­be­rei­te­te Elek­tro­nik vom Smart­phone bis zum Epilierer. Der Footer bietet einige Spe­zia­li­tä­ten. Dazu gehört ein Link zum Be­wer­tungs­por­tal Trust­pi­lot, dessen Be­wer­tun­gen Selbst­be­wusst­sein aus­strah­len und zu gleich Vertrauen aufbauen. Eben­sol­che Plus­punk­te werden mit dem Erwähnen der 12-monatigen Garantie erreicht. Im Footer-Bereich „Über uns“ wird hinter dem Link „Wer sind wir?“ schnell und präzise der Anspruch des Un­ter­neh­mens umrissen.

ARTES Valve & Service

Das Un­ter­neh­men für In­dus­trie­ar­ma­tu­ren aus Velten bei Berlin bietet auf seiner mehr­spra­chi­gen Website einen sehr sach­li­chen Footer, der auf die Mög­lich­keit einer schnellen Kon­takt­auf­nah­me für Neu­kun­din­nen und Neukunden sowie für Ser­vice­dienst­leis­tun­gen fo­kus­siert ist. Die beiden Fir­men­adres­sen sind über Google Maps aufrufbar, das jedoch da­ten­schutz­kon­form erst nach dem Anklicken des Links. Der Website-Footer ist hier mit dezentem Kontrast und einer Linie optisch vom Content separiert.