8 Minuten Lesezeit

HTML Sonderzeichen

Jede Webseite hat neben allen sichtbaren Elementen auch sogenannte Meta-Angaben, zu denen die Meta-Titel und die Meta-Description gehören. Diese werden dem Nutzer bei einer Suchmaschinenanfrage in den Ergebnissen der Suchmaschine angezeigt, ohne dass dieser die jeweilige Seite öffnet. Der hier angezeigte Text hat das Ziel den Suchenden zu einem Klick auf dieses Ergebnis zu überzeugen und ist damit enorm wichtig.

Um einzelne Keywords abzugrenzen und hervorzustechen, können in diesen Meta Angaben HTML Sonderzeichen eingebunden werden. Im Rahmen der Suchmaschinenoptimierung oder wer allgemein Digitales Marketing betreiben will, kann diese Auflistung an wichtigen und Google-konformen Sonderzeichen hilfreich sein, um die Texte auf der Suchergebnisseite dominanter zu machen und hervorzuheben.

Direkt zur Sonderzeichen-Tabelle:

Besonderheiten der HTML Sonderzeichen

Hypertext Markup Line, kurz HTML, ist eine textbasierte Auszeichnungssprache, die der Textstrukturierung, wie Überschriften, Paragraphen, Absätze, Satzzeichen und Hervorhebungen dient. HTML Sonderzeichen sind Satzzeichen, die größtenteils nicht über die Tastatur eingegeben werden können. Diese schließen unter anderem folgende Zeichen ein:

  • Umlaute (ä, ü, ö)

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

  • Satzzeichen (Punkt, Komma, Fragezeichen)

  • Mathematische Symbole (Delta, Lambda, Pi)

  • Griechische Sonderzeichen (Alpha, Beta, Gamma)

  • Spielkartensymbole (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 überschreiten, da sie sonst nicht vollständig angezeigt werden. Aus diesem Grund macht es Sinn, ein Sonderzeichen zu verwenden, anstelle das Wort auszuschreiben. So kann beispielsweise statt des Wortes “Euro”, das Zeichen „€” verwendet werden.

Sonderzeichen werden wie folgt in den HTML-Code eingebaut:

  • Tastatureingabe (Strg + Zahl aus Nummernblock)

  • Zeichen aus einer Liste

  • dezimal

  • hexadezimal

  • UTF-8-Code

  • Kurzbeschreibung des Sonderzeichens (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 Aufmerksamkeit der Nutzer auf den jeweiligen Post und können oftmals mehr sagen als Worte. Aus diesem Grund werden Sie vermehrt in der Suchmaschinenoptimierung eingesetzt. Webseitenbetreiber wollen sich um jeden Preis bemerkbar machen, damit sie wahrgenommen werden und die Nutzer folglich auf die Seite klicken. Emojis, wie Herzen oder Pfeile, werden von vielen Webseiten-Betreibern noch nicht zum Einsatz gebracht, sodass es diese Chance ergriffen werden sollte. Grundsätzlich muss beachtet werden, dass nicht alle der Bildschriftzeichen auf die gleiche Art und Weise in jedem Browser angezeigt werden. Zudem gibt es Unterschiede zwischen der Smartphone- oder Desktop-Anzeige.

Die nachfolgende Liste beinhaltet eine Übersicht an ausgewählten HTML Sonderzeichen.

Erklärungen zur Tabelle (Abkürzungen und Beschreibungen):

  • Zeichen: Die Ausgabeform des HTML Sonderzeichen
  • HTML: Der HTML-Code in UTF-8 (sogenannte named entities)
  • Titel: Zeichen kann im SEO-Titel verwendet werden
  • Description: Zeichen kann in der Meta-Description verwendet werden
    Beschreibung: Eine Kurzbeschreibung zum jeweiligen HTML Sonderzeichen

HTML Sonderzeichen - Die Favoriten

ZeichenHTMLTitleDescriptionBeschreibung
•Ausgefüllter Kreis, Aufzählungszeichen
©©Copyright-Zeichen
®®Zeichen für eingetragene Handelsmarke
→Normaler Pfeil nach rechts
⇒Doppelpfeil nach rechts
-Dicker Pfeil, Dingbats
-Dicker Pfeil nach rechts (Dingbats)
««Typographisches Anführungszeichen
»»Typographisches Anführungszeichen
-Ausgefüllter 5-zackiger Stern
♥Herz-Sonderzeichen
-Telefon-Symbol
-Briefumschlag-Symbol
-Flugzeug-Symbol
-Haken-Symbol
-Haken-Symbol (fett)
€Euro
¢¢US-Cent
££britisches Pfund
¥¥japanischer Yen

Umlaute und Akzente

ZeichenHTMLTitleDescriptionBeschreibung
ÄÄGroßbuchstabe Umlaut A
ÖÖGroßbuchstabe Umlaut O
ÜÜGroßbuchstabe Umlaut U
ääKleinbuchstabe Umlaut a
ööKleinbuchstabe Umlaut o
üüKleinbuchstabe Umlaut u
ßßScharfes S / sz
ÀÀGroßbuchstabe A mit Gravis-Akzent
ÈÈGroßbuchstabe E mit Gravis-Akzent
ÌÌGroßbuchstabe I mit Gravis-Akzent
ÒÒGroßbuchstabe O mit Gravis-Akzent
ÙÙGroßbuchstabe U mit Gravis-Akzent
ààKleinbuchstabe a mit Gravis-Akzent
èéKleinbuchstabe e mit Gravis-Akzent
ìíKleinbuchstabe i mit Gravis-Akzent
òóKleinbuchstabe o mit Gravis-Akzent
ùúKleinbuchstabe u mit Gravis-Akzent
ÁÁGroßbuchstabe A mit Accent aigu
ÉÉGroßbuchstabe E mit Accent aigu
ÍÍGroßbuchstabe I mit Accent aigu
ÓÓGroßbuchstabe O mit Accent aigu
ÚÚGroßbuchstabe U mit Accent aigu
ÝÝGroßbuchstabe Y mit Accent aigu
ááKleinbuchstabe a mit Accent aigu
ééKleinbuchstabe e mit Accent aigu
ííKleinbuchstabe i mit Accent aigu
óóKleinbuchstabe o mit Accent aigu
úúKleinbuchstabe u mit Accent aigu
ýýKleinbuchstabe y mit Accent aigu

Mathematische Sonderzeichen

ZeichenHTMLTitleDescriptionBeschreibung
×&times;<✔/td>Multiplikation
÷&divide;Division
<&lt;weniger als
>&gt;mehr als
&le;weniger oder gleich
&ge;größer oder gleich
¼&frac14;ein Viertel
½&frac12;ein Halb
¾&frac34;drei Viertel
&permil;Promille
&sum;Summenzeichen
&radic;Quadratwurzel

Pfeile

ZeichenHTMLTitleDescriptionBeschreibung
&rarr;Normaler Pfeil nach rechts
&larr;Normaler Pfeil nach links
&uarr;Normaler Pfeil nach oben
&darr;Normaler Pfeil nach unten
&harr;Pfeil nach links und rechts
&crarr;Enter Pfeil
&rArr;Doppelpfeil nach rechts
&lArr;Doppelpfeil nach links
-Dicker Pfeil, Dingbats
-Dicker Pfeil nach rechts (Dingbats)
«&laquo;Typographisches Anführungszeichen
»&raquo;Typographisches Anführungszeichen
-Pfeil mit Verlauf nach rechts
-Ausgefüllter Pfeil nach rechts
-Pfeil nach rechts

Grafiken

ZeichenHTMLTitleDescriptionBeschreibung
&hearts;Herz-Sonderzeichen
&spades;Pik-Sonderzeichen
&clubs;Kreuz-Sonderzeichen
&diams;Karo-Sonderzeichen
-Schere
-Schere
-Schere
-Schere
-Stift
-lateinisches Kreuz
-Kreuz mit vier Punkten)
-Stimme abgeben - Kreuz (nein)
-Blume
-Blume
-Blume
-Schneeflocke
-Schneeflocke
-Anführungszeichen
-Anführungszeichen
-Ausrufezeichen herzform
-Großes Herz

Zahlen in Kreisen

ZeichenHTMLTitleDescriptionBeschreibung
-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

ZeichenHTMLTitleDescriptionBeschreibung
&lowast;Stern / Multiplikation
-Davidstern
-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

ZeichenHTMLTitleDescriptionBeschreibung
😀&128512;Grinsender 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;Schlagendes Herz
💡&128147;Glühbirne

[grw place_photo=“https://lh3.googleusercontent.com/p/AF1QipOuDYwzRoSDrQost5u3FfGtweuNSHFbDq1nB7T8=s1600-w300-h300″ place_name=“Optimerch GmbH – SEO Agentur in Dortmund“ place_id=“ChIJE2Z0OdQZuUcREGMuLxnGFfo“ reviews_lang=“de“ pagination=“5″ text_size=“120″ refresh_reviews=true lazy_load_img=true reduce_avatars_size=true open_link=true nofollow_link=true view_mode=“list“]