Brotkrumen Navigation und SEO

Eine Brotkrumen Navigation, häufig auch mit dem englischen Begriff „breadcrumb navigation“ bezeichnet, ist ein zusätzliches Navigationselement auf einer Website. Es hilft dem Nutzern und Google, sich auf der Website zurecht zu finden. Bei Wikipedia sagt man auch „Brotkrümel Navigation“ dazu. Sie findet sich meist am Anfang oder am Ende jeder Seite. Das macht man, um die Hierarchie innerhalb der Webseite direkt kenntlich zu machen.

Aber was hat eine Brotkrumen Navigation mit SEO zu tun? Dieser Frage gehe ich in diesem Artikel auf den Grund.

Weiterlesen …Brotkrumen Navigation und SEO

Navigationsmenü mit unterschiedlichen Farben

CSS bietet unglaublich viele Möglichkeiten, die eigene Website ansprechend zu gestalten. So ist es sogar möglich, Farben anhand der Position in einer Liste zu vergeben. Damit lässt sich zum Beispiel ein farbenfrohes Navigationsmenü mit unterschiedlichen Farben erstellen.

Wie das funktioniert zeige ich dir im folgenden Artikel.

Weiterlesen …Navigationsmenü mit unterschiedlichen Farben

Tabreiter mit CSS erstellen

Es ist im Grunde genommen ganz einfach möglich, verschiedene Tabreiter mit CSS zu erstellen. Dadurch lassen sich Inhalte leichter organisieren. Neue Unterseiten musst du außerdem nicht mehr erstellen. Der Betrachter kann dann ganz bequem per Registerreiter zu den verschiedenen Inhalten wechseln.

Ich zeige dir dazu in diesem Artikel, wie du Tabreiter mit CSS erstellen und in deine Website einbauen kannst.

Weiterlesen …Tabreiter mit CSS erstellen

Verschachtelter Verzeichnisbaum

Ein verschachtelter Verzeichnisbaum kann im Grunde genommen durchaus nützlich sein. Zwar kommt es natürlich auf den Einsatzzweck an, aber es gibt durchaus sinnvolle Möglichkeiten zur Anwendung. Dabei ist auch gar nicht schwer, einen verschachtelten Verzeichnisbaum zu erstellen. Du benötigst nicht einmal JavaScript dafür. CSS reicht hingegen völlig aus.

Wie das ganze Funktioniert, erkläre ich dir im Folgenden Artikel.

Weiterlesen …Verschachtelter Verzeichnisbaum

Sich drehende Blätter als Menü

Mit CSS sind diverse und zudem witzige Effekte möglich. Du kannst bspw. ein Menü erzeugen, das aus Blättern besteht die sich um die eigene Achse drehen. Der Effekt startet, wenn du mit der Maus darüber fährst. Für den Einsatz auf professionellen Websites ist das jedoch sicher nicht gedacht. Als Designbeispiel oder auf privaten Websites kann dieser Effekt aber durchaus witzig sein.

im Folgenden zeige ich dir, wie du einen solchen Effekt auch auf deiner Website einbauen kannst.

Weiterlesen …Sich drehende Blätter als Menü

Inhaltsverzeichnis mit CSS erstellen

Man kann mit CSS ein Inhaltsverzeichnis erstellen, wie man es aus Büchern und Zeitschriften kennt. Dies lässt sich dabei auch noch recht einfach realisieren. Alles, was du dazu benötigst, sind vier CSS Klassen. Diese sind dabei für die Formatierung des Textes und der Seitenzahlen zuständig.

In diesem Artikel zeige ich dir, wie das funktioniert.

Weiterlesen …Inhaltsverzeichnis mit CSS erstellen

Verzeichnis-Struktur ändern

Manchmal kann es nötig sein, dass du die Verzeichnis-Struktur deiner Website ändern musst. Aus SEO-Sicht ist dieser Schritt jedoch fatal. Suchmaschinen haben deine Website schließlich schon erfasst. Weiterhin hast du vielleicht bereits Backlinks sammeln können. Falls sich nun die Struktur der Webseite ändert, ist all dies nutzlos.

Ich zeige dir jedoch, wie du die Struktur deiner Website ändern kannst. Und zwar ohne dabei das Ranking in Google oder Traffic durch Backlinks zu verlieren. Im Beitrag gehe ich dabei primär auf Google ein. Doch gilt dies gleichwohl auch für alle anderen Suchmaschinen.

Weiterlesen …Verzeichnis-Struktur ändern

Navigationselemente richtig benennen

Du solltest die Navigationselemente richtig benennen, weil die Navigation auf deiner Webseite dafür da ist, dem Besucher klar und deutlich den richtigen Weg zu weisen. Daher sollten alle Navigationselemente einheitlich und leicht verständlich beschriftet sein. Wer nicht weiß, was sich hinter einem Link verbirgt, klickt ihn vielleicht gar nicht erst an. Bei der Gestaltung von Navigationselementen solltest du dies immer beachten.

Denn schon mit kleinen Fehlern, die du vielleicht gar nicht so registrierst, kann man eine Menge Besucher verwirren.

Weiterlesen …Navigationselemente richtig benennen

Feststehendes Menü erstellen

Mit CSS bist du zum Beispiel in der Lage, einen feststehenden Bereich im Kopf deiner Website zu erstellen. Dieser Bereich verschwindet beim Scrollen nicht und ist daher für verschiedene Zwecke prädestiniert. Sinnvoll ist bspw. der Einsatz um ein feststehendes Menü zur Navigation zu erstellen. Genauso könnte man auch einen Bereich für nützliche Informationen einblenden. Die Möglichkeiten sind dabei sehr vielfältig.

In diesem Artikel zeige ich dir dabei, wie das funktioniert.

Weiterlesen …Feststehendes Menü erstellen