raumduft

komplexe Buchstabenfolgen im Web

7. Februar 2008 von tobias

Complex TypeJon Tan beschreibt in seinem Blog, wie man eine Folge von Buchstaben optisch interessant formatieren und dennoch als <h1> Überschrift verwenden kann. Das funktioniert wie folgt: Jeder Buchstaben bzw. eine Folge von Buchstaben bekommen einen äußeren, umschließenden HTML-Tag wie z.B. <em> oder <strong>. Innerhalb dieser Tags werden die einzelnen Buchstaben in verschiedenen Tiefen mit <span> Elementen verschachtelt. Die Tiefe der Verschachtelung ist wichtig, damit jeder Buchstabe separat über CSS zur Formatierung und Positionierung angesteuert werden kann.

Mit dieser Technik kann man interessante Überschriften erzeugen, die dennoch von Suchmaschinen ausgelesen werden können. Als Nachteil ist zu nennen, dass es recht aufwendig ist, die einzelnen Zeichen zu formatieren.

Ähnliche Beiträge:

  1. Zurück aus Berlin

5 Reaktionen zu “komplexe Buchstabenfolgen im Web”

  1. ronny_s

    Ab welcher Ebende kann die Suchmaschine es nicht mehr erkennen, was für Content dahinter steht oder gibt es da ein generelles Limit?

  2. tobias

    Ich denke nicht, das es ein Limit gibt. Der Google Bot filtert die Elemente weg und erfasst die Buchstabenfolge als ganzes Wort.

  3. il capo

    Ich kann das Bild, was wohl eine Überschrift sein soll aber nicht lesen. Soll das ein Beispiel sein?

  4. ronny_s

    @il capo:
    Das ist ja gerade der Sinn der Sache, dass es kein Bild ist und trotzdem so wirkt. An diesem Buchstabensalat ist die relativ einfache Lösung interessant, die die Möglichkeit der Suchmaschine bietet, es als Text zu erkennen.

  5. il capo

    Welchen Sinn hat das Ganze? Was steht denn auf dem Bild?

Einen Kommentar mit Link schreiben

Smileys