Wiki.

HTML Sonder­zei­chen.

Jede Webseite hat neben allen sicht­baren Elementen auch soge­nannte Meta-Angaben, zu denen die Meta-Titel und die Meta-Descrip­tion gehören. Diese werden dem Nutzer bei einer Such­ma­schi­nen­an­frage in den Ergeb­nissen der Such­ma­schine angezeigt, ohne dass dieser die jeweilige Seite öffnet. Der hier ange­zeigte Text hat das Ziel den Suchenden zu einem Klick auf dieses Ergebnis zu über­zeugen und ist damit enorm wichtig.

Um einzelne Keywords abzu­grenzen und hervor­zu­ste­chen, können in diesen Meta Angaben HTML Sonder­zei­chen einge­bunden werden. Im Rahmen der Such­ma­schi­nen­op­ti­mie­rung oder wer allgemein Digitales Marketing betreiben will, kann diese Auflis­tung an wichtigen und Google-konformen Sonder­zei­chen hilfreich sein, um die Texte auf der Such­ergeb­nis­seite domi­nanter zu machen und hervorzuheben.

Direkt zur Sonderzeichen-Tabelle:

Beson­der­heiten der HTML Sonderzeichen

Hypertext Markup Line, kurz HTML, ist eine text­ba­sierte Auszeich­nungs­sprache, die der Text­struk­tu­rie­rung, wie Über­schriften, Para­gra­phen, Absätze, Satz­zei­chen und Hervor­he­bungen dient. HTML Sonder­zei­chen sind Satz­zei­chen, die größ­ten­teils nicht über die Tastatur einge­geben werden können. Diese schließen unter anderem folgende Zeichen ein:

  • Umlaute (ä, ü, ö)

  • Alltags-Symbole (Und-Zeichen, @-Zeichen)

  • Satz­zei­chen (Punkt, Komma, Fragezeichen)

  • Mathe­ma­ti­sche Symbole (Delta, Lambda, Pi)

  • Grie­chi­sche Sonder­zei­chen (Alpha, Beta, Gamma)

  • Spiel­kar­ten­sym­bole (Sterne, Blumen, Herzen, Karo)

  • Währungen (Euro, Dollar, Pfund)

  • Ornamente (Grafiken, Haken, Copyright-Zeichen)

Die Zeichen, die in den Meta-Angaben verwendet werden, dürfen eine bestimmte Anzahl nicht über­schreiten, da sie sonst nicht voll­ständig angezeigt werden. Aus diesem Grund macht es Sinn, ein Sonder­zei­chen zu verwenden, anstelle das Wort auszu­schreiben. So kann beispiels­weise statt des Wortes “Euro”, das Zeichen “€” verwendet werden.

Sonder­zei­chen werden wie folgt in den HTML-Code eingebaut:

  • Tasta­tur­ein­gabe (Strg + Zahl aus Nummernblock)

  • Zeichen aus einer Liste

  • dezimal

  • hexa­de­zimal

  • UTF-8-Code

  • Kurz­be­schrei­bung des Sonder­zei­chens (s. Tabelle)

Damit die Zeichen im Browser richtig angezeigt werden können, müssen diese im Übrigen richtig übersetzt bzw. codiert werden.

Emojis als HTML Sonderzeichen 

Nicht nur auf Instagram, Facebook & Co. ist der Einsatz von Emojis beliebt. Sie lenken die Aufmerk­sam­keit der Nutzer auf den jewei­ligen Post und können oftmals mehr sagen als Worte. Aus diesem Grund werden Sie vermehrt in der Such­ma­schi­nen­op­ti­mie­rung einge­setzt. Websei­ten­be­treiber wollen sich um jeden Preis bemerkbar machen, damit sie wahr­ge­nommen werden und die Nutzer folglich auf die Seite klicken. Emojis, wie Herzen oder Pfeile, werden von vielen Webseiten-Betrei­bern noch nicht zum Einsatz gebracht, sodass es diese Chance ergriffen werden sollte. Grund­sätz­lich muss beachtet werden, dass nicht alle der Bild­schrift­zei­chen auf die gleiche Art und Weise in jedem Browser angezeigt werden. Zudem gibt es Unter­schiede zwischen der Smart­phone- oder Desktop-Anzeige. 

Die nach­fol­gende Liste beinhaltet eine Übersicht an ausge­wählten HTML Sonderzeichen. 

Erklä­rungen zur Tabelle (Abkür­zungen und Beschreibungen):

  • Zeichen: Die Ausga­be­form des HTML Sonderzeichen
  • HTML: Der HTML-Code in UTF‑8 (soge­nannte named entities)
  • Titel: Zeichen kann im SEO-Titel verwendet werden
  • Descrip­tion: Zeichen kann in der Meta-Descrip­tion verwendet werden
    Beschrei­bung: Eine Kurz­be­schrei­bung zum jewei­ligen HTML Sonderzeichen

HTML Sonder­zei­chen — Die Favoriten

Zeichen HTML Title Descrip­tion Beschrei­bung
• Ausge­füllter Kreis, Aufzählungszeichen
© © Copyright-Zeichen
® ® Zeichen für einge­tra­gene Handelsmarke
→ Normaler Pfeil nach rechts
⇒ Doppel­pfeil nach rechts
- Dicker Pfeil, Dingbats
- Dicker Pfeil nach rechts (Dingbats)
« « Typo­gra­phi­sches Anführungszeichen
» » Typo­gra­phi­sches Anführungszeichen
- Ausge­füllter 5‑zackiger Stern
♥ Herz-Sonder­zei­chen
- Telefon-Symbol
- Brief­um­schlag-Symbol
- Flugzeug-Symbol
- Haken-Symbol
- Haken-Symbol (fett)
€ Euro
¢ ¢ US-Cent
£ £ briti­sches Pfund
¥ ¥ japa­ni­scher Yen

Umlaute und Akzente

Zeichen HTML Title Descrip­tion Beschrei­bung
Ä Ä Groß­buch­stabe Umlaut A
Ö Ö Groß­buch­stabe Umlaut O
Ü Ü Groß­buch­stabe Umlaut U
ä ä Klein­buch­stabe Umlaut a
ö ö Klein­buch­stabe Umlaut o
ü ü Klein­buch­stabe Umlaut u
ß ß Scharfes S / sz
À À Groß­buch­stabe A mit Gravis-Akzent
È È Groß­buch­stabe E mit Gravis-Akzent
Ì Ì Groß­buch­stabe I mit Gravis-Akzent
Ò Ò Groß­buch­stabe O mit Gravis-Akzent
Ù Ù Groß­buch­stabe U mit Gravis-Akzent
à à Klein­buch­stabe a mit Gravis-Akzent
è é Klein­buch­stabe e mit Gravis-Akzent
ì í Klein­buch­stabe i mit Gravis-Akzent
ò ó Klein­buch­stabe o mit Gravis-Akzent
ù ú Klein­buch­stabe u mit Gravis-Akzent
Á Á Groß­buch­stabe A mit Accent aigu
É É Groß­buch­stabe E mit Accent aigu
Í Í Groß­buch­stabe I mit Accent aigu
Ó Ó Groß­buch­stabe O mit Accent aigu
Ú Ú Groß­buch­stabe U mit Accent aigu
Ý Ý Groß­buch­stabe Y mit Accent aigu
á á Klein­buch­stabe a mit Accent aigu
é é Klein­buch­stabe e mit Accent aigu
í í Klein­buch­stabe i mit Accent aigu
ó ó Klein­buch­stabe o mit Accent aigu
ú ú Klein­buch­stabe u mit Accent aigu
ý ý Klein­buch­stabe y mit Accent aigu

Mathe­ma­ti­sche Sonderzeichen

Zeichen HTML Title Descrip­tion Beschrei­bung
× × ✔/td> Multi­pli­ka­tion
÷ ÷ Division
< weniger als
> > mehr als
≤ weniger oder gleich
≥ größer oder gleich
¼ ¼ ein Viertel
½ ½ ein Halb
¾ ¾ drei Viertel
‰ Promille
∑ Summen­zei­chen
√ Quadrat­wurzel

Pfeile

Zeichen HTML Title Descrip­tion Beschrei­bung
→ Normaler Pfeil nach rechts
← Normaler Pfeil nach links
↑ Normaler Pfeil nach oben
↓ Normaler Pfeil nach unten
↔ Pfeil nach links und rechts
↵ Enter Pfeil
⇒ Doppel­pfeil nach rechts
⇐ Doppel­pfeil nach links
- Dicker Pfeil, Dingbats
- Dicker Pfeil nach rechts (Dingbats)
« « Typo­gra­phi­sches Anführungszeichen
» » Typo­gra­phi­sches Anführungszeichen
- Pfeil mit Verlauf nach rechts
- Ausge­füllter Pfeil nach rechts
- Pfeil nach rechts

Grafiken

Zeichen HTML Title Descrip­tion Beschrei­bung
♥ Herz-Sonder­zei­chen
♠ Pik-Sonder­zei­chen
♣ Kreuz-Sonder­zei­chen
♦ Karo-Sonder­zei­chen
- Schere
- Schere
- Schere
- Schere
- Stift
- latei­ni­sches Kreuz
- Kreuz mit vier Punkten)
- Stimme abgeben — Kreuz (nein)
- Blume
- Blume
- Blume
- Schnee­flocke
- Schnee­flocke
- Anfüh­rungs­zei­chen
- Anfüh­rungs­zei­chen
- Ausru­fe­zei­chen herzform
- Großes Herz

Zahlen in Kreisen

Zeichen HTML Title Descrip­tion Beschrei­bung
- Zahl 1 in schwarzem Kreis 
- Zahl 2 in schwarzem Kreis 
- Zahl 3 in schwarzem Kreis 
- Zahl 4 in schwarzem Kreis 
- Zahl 5 in schwarzem Kreis 
- Zahl 6 in schwarzem Kreis 
- Zahl 7 in schwarzem Kreis 
- Zahl 8 in schwarzem Kreis 
- Zahl 9 in schwarzem Kreis 
- Zahl 10 in schwarzem Kreis 
- Zahl 1 in weißem Kreis 
- Zahl 2 in weißem Kreis 
- Zahl 3 in weißem Kreis 
- Zahl 4 in weißem Kreis 
- Zahl 5 in weißem Kreis 
- Zahl 6 in weißem Kreis 
- Zahl 7 in weißem Kreis 
- Zahl 8 in weißem Kreis 
- Zahl 9 in weißem Kreis 
- Zahl 10 in weißem Kreis 

Sterne & Sonstige

Zeichen HTML Title Descrip­tion Beschrei­bung
∗ Stern / Multiplikation
- David­stern
- 4‑eckig gefüllter Stern
- 4‑eckiger Stern
- 5‑eckiger Stern
- 5‑eckiger Stern im Kreis
- 5‑eckiger Stern
- 5‑eckiger Stern
- 8‑eckiger Stern
- 6‑eckiger Stern
- 6‑eckiger Stern
- 8‑eckiger Stern
- Tonband
- Flugzeug

Smileys & Emojis

Zeichen HTML Title Descrip­tion Beschrei­bung
😀 &128512; Grin­sender Smiley
😁 &128513; Lachender Smiley
😂 &128514; Smiley mit Freudentränen
😍 &128525; Smiley mit Herzaugen
😎 &128526; Smiley mit Sonnenbrille
&9996; Peace Symbol
👉 &128073; Finger nach rechts
&9749; Kaffee Tasse
🌳 &127795; Baum
🍀 &127808; Kleeblatt
🍕 &127829; Pizza
💓 &128147; Schla­gendes Herz
💡 &128147; Glühbirne
Ohne Kommunikation gibts keine Veränderung. Lust auf ein gutes Gespräch?

Welche Möglichkeiten hat dein Unternehmen im Bereich Online Marketing? Wie erreichst du deine Umsatzziele? Lass uns genau das herausfinden und gemeinsam Großes schaffen.