Footer

Der Footer (auch Fußzeile oder Seitenende genannt) ist ein Bereich am unteren Rand einer Webseite oder eines Dokuments. Er enthält in der Regel Informationen, Links und Elemente, die für die gesamte Webseite oder bestimmte Seiten relevant sind. Der Footer ist ein wichtiger Bestandteil der Benutzerfreundlichkeit einer Website und bietet den Benutzern nützliche Informationen und Ressourcen. Hier sind einige häufige Elemente, die im Footer einer Website zu finden sind:

  1. Kontaktinformationen: Der Footer enthält oft Kontaktinformationen des Unternehmens oder der Website, einschließlich Adresse, Telefonnummer und E-Mail-Adresse. Dies ermöglicht es den Besuchern, leicht aufnehmen zu können.
  2. Navigationslinks: Der Footer kann Links zu wichtigen Seiten oder Abschnitten der Website enthalten, wie beispielsweise „Über uns“, „Kontakt“, „FAQ“ oder „Datenschutzerklärung“. Dies bietet den Benutzern eine weitere Möglichkeit, auf diese Seiten zuzugreifen.
  3. Copyright-Hinweis: Ein Copyright-Hinweis zeigt das Urheberrecht des Inhalts auf der Website an. Er kann das Jahr der Veröffentlichung und den Inhaber des Urheberrechts anzeigen.
  4. Datenschutzerklärung und rechtliche Hinweise: Websites sind oft gesetzlich verpflichtet, eine Datenschutzerklärung und andere rechtliche Hinweise bereitzustellen. Diese Links finden sich häufig im Footer.
  5. Soziale Medien-Links: Links zu den Profilen der Website oder des Unternehmens in sozialen Medien können im Footer platziert werden. Dies ermöglicht den Benutzern, auf den sozialen Medien zu folgen und sich zu vernetzen.
  6. Newsletter-Anmeldung: Ein Formular zur Anmeldung für einen Newsletter kann im Footer platziert werden, um Benutzer zur Registrierung anzuregen.
  7. Sitemap: Eine Sitemap im Footer kann eine Liste aller Seiten oder Abschnitte der Website enthalten, was den Benutzern bei der Navigation hilft.
  8. Back to Top-Link: Ein „Nach oben“-Link ermöglicht es den Benutzern, schnell zum Seitenanfang zu scrollen, insbesondere auf langen Seiten.
  9. Barrierefreiheitshinweise: Informationen zur Barrierefreiheit der Website und zur Erfüllung von Zugänglichkeitsstandards können im Footer bereitgestellt werden.
  10. Zahlungsoptionen und Sicherheitssiegel: E-Commerce-Websites können Zahlungsoptionen und Sicherheitssiegel im Footer anzeigen, um das Vertrauen der Kunden zu stärken.

Der Footer ist ein wichtiger Teil des Webdesigns, da er den Benutzern Zugriff auf relevante Informationen und Ressourcen bietet, ohne die Hauptnavigation oder den Seiteninhalt zu stören. Es trägt zur Benutzerfreundlichkeit und zur Erfüllung rechtlicher Anforderungen bei und sollte sorgfältig gestaltet werden, um die Bedürfnisse der Benutzer zu erfüllen.

Aufbau einer HTML-Seite mit Footer: Die Schlüsselelemente

Beim Erstellen einer HTML-Seite, insbesondere im Hinblick auf den Footer, spielen klare Strukturen und bewährte Prinzipien eine entscheidende Rolle. Wir werden uns nun die grundlegenden Bestandteile einer HTML-Seite ansehen und wie der Footer in dieses Gerüst eingebunden wird.

Die Hauptelemente einer HTML-Seite

  1. **Header: Der obere Bereich (Header) der Webseite enthält in der Regel das Logo oder den Namen der Firma oder Website. Hier befindet sich auch die Navigation, die den Zugriff auf verschiedene Bereiche der Website ermöglicht. Die Navigation sollte auf allen Seiten konsistent sein und den Benutzern die einfache Rückkehr zur Startseite ermöglichen. Der Header befindet sich innerhalb des <body>-Tags und ist nicht mit dem <head> eines HTML-Dokuments zu verwechseln.
  2. **Hauptteil: Der Hauptteil (Body) der Seite ist der Bereich, der den Hauptinhalt der Webseite enthält. Dieser Abschnitt ist in der Regel in zwei oder drei Spalten unterteilt. Die linke Spalte dient oft zur weiteren Navigation, während in der mittleren und breiten Spalte alle Inhalte wie Text, Bilder und Videos platziert werden. Gelegentlich wird eine dritte Spalte für spezielle Inhalte wie aktuelle Nachrichten oder Blog-Posts verwendet.
  3. **Footer: Der Footer befindet sich direkt unter dem Hauptteil und bildet den Abschluss der Seite. Ähnlich wie der Header sollte der Footer auf allen Seiten einheitlich gestaltet sein und typischerweise Informationen wie Impressum, AGB oder ein Kontaktformular enthalten.

Das Grundgerüst einer HTML-Seite mit Footer

<!DOCTYPE html>

<html>

<head>

<title>Titel der Webseite</title>

<!-- Weitere Kopfinformationen -->

</head>

<body> <div class="header">

<ul>

<li><a href="https://beispielseite.de/link1">Menüpunkt 1</a></li>

</ul>

</div>

<p>Inhalt der Webseite</p>

<footer>

<p>Kontakt: <a href="E-Mail:Mustermann@beispiel.de">Mustermann@beispiel.de</a></p> </footer>

</body>

</html>

Der Footer und seine Auswirkungen auf die Suchmaschinenoptimierung

Die Verwendung von Footern zur Platzierung einer großen Anzahl von Links wurde in der Vergangenheit missbräuchlich genutzt, um eine umfangreiche Backlink-Struktur zu schaffen und Linkjuice zu übertragen. Dies betraf insbesondere Startseiten, die aus SEO-Sicht als stark betrachtet wurden. Google hat jedoch Maßnahmen ergriffen, um externe Footer-Links nach und nach zu entwerten und Missbrauch vorzubeugen.

Dennoch bleibt der Footer ein effektives Mittel, um Suchmaschinencrawlern bei der effizienten Indexierung von Webseiten zu helfen. Crawler verfügen über begrenzte Ressourcen und können nicht immer alle Seiten bei einem einzelnen Durchlauf vollständig erfassen. Mithilfe von Links und Verweisen im Footer können Crawler gezielt auf tiefere Ebenen der Webseite geleitet werden.

Außerdem sollte der Footer im Sinne der Benutzerfreundlichkeit bestimmte Verknüpfungen bereitstellen, die von Nutzern oft gesucht werden, wie Impressum, AGB oder Kontaktinformationen. Onlineshops integrieren häufig Zahlungsmethoden und Lieferinformationen in ihren Footer.

Die richtige Gestaltung eines Footers kann Besucher dazu ermutigen, tiefer in die Webseite einzutauchen, anstatt die Seite zu verlassen. Neben den Standardinformationen wie Impressum und AGBs kann der Footer auch Links zu interessanten Inhalten enthalten, die im Header-Bereich keinen Platz finden. Dies kann beispielsweise ein Glossar, eine FAQ-Seite oder zusätzliche Informationen zu Produkten und Dienstleistungen sein.

Die Gestaltung eines Footers ist flexibel und sollte den Bedürfnissen der Webseite und ihrer Benutzer gerecht werden. Ein Footer ist zwar keine zwingende Anforderung, aber er kann die Navigation und das Auffinden von Informationen auf einer Webseite erheblich erleichtern.

Sie benötigen weitere Infos?
Webdesign aus Wien mit Erfahrung

itweb kümmert sich seit 2011 im Zeitalter der Digitalisierung stets persönlich und mit viel Engagement um seine Kunden, damit diese sich auf ihr Business konzentrieren können. Wir sind Webdesigner, Programmierer, SEO-Consultants, Grafikdesigner und Kundenberater in einem. Wir helfen bei der Konzeptionierung, Erstellung und Optimierung Ihrer neuen Homepage. Wir bestellen auch beliebig viele Domains für Sie und hosten das komplette System. Grafikdesign inklusive Logoerstellung, Webdesign, Suchmaschinen­optimierung (SEO), Verwaltung von Email-Konten, Bereitstellung von Druck- bzw. Werbematerialien, Social Media Marketing und andere Leistungen runden das Angebot von itweb ab.

Kontakt
Obachgasse 10
A-1220 Wien