Banner - Blog zu den Themen Programmierung, SEO, SEM, Social Media, Internet Marketing, Webdesign, IT-Service und Mehr - SEO Hannover - IT-Dienstleistungen und SEO Agentur Fly2Mars-Media.de
Home > (X)HTML & CSS > < i > vs < em >

< i > vs < em >

XHTML

Um ein Text kursiv zu formatieren gibt es die Tags <i> und <em>. Gerade für die für die Suchmaschinen-Optimierung gibt es hier ein signifikanten Unterschied.

Bei der rein grafischen Ausgabe unterscheiden sich die beiden Tags nicht. Wird die Webseite allerdings maschinell ausgelesen (z.B. Screenreader oder Google-Bot), so wird der Unterschied deutlich. Der Tag <i> formatiert eine Textpassage lediglich kursiv. Bei der Benutzung eines Screenreaders  wird das formatierte Wort normal ausgesprochen. Bei der Verwendung des <em> Tags wird das Wort nicht nur kursiv formatiert, sondern von einem Screenreader auch speziell ausgesprochen.

Vor allem bei der Erstellung barrierefreier Webanwendungen spielt das <em> Tag eine besondere Rolle. Google stuft das <em> Tag besser ein als das <i> Tag. Daher ist die Empfehlung nach Möglichkeit nur <em> Tags innerhalb der Website zu verwenden.

Kategorien(X)HTML & CSS Tags: , , , ,
  1. 6. Juni 2010, 12:00 | #1

    Sind dazu aktuelle Quellen oder Studien vorhanden? Ich vermute stark, dass es mittlerweile alles das selbe ist, hauptsache das Keyword wird i.wie gemarked.
    Grüßle

  2. 7. Juni 2010, 00:31 | #2

    Bei der Auswahl der Tags sollte man meiner Meinung nach generell nach xhtml bzw. besser html5-Standard arbeiten, hinzu kommt das es von Vorteil ist seine Seite Barrierefrei zu gestalten um ein Großteil mobiler Entgeräte und ähnlich abzudecken. Google setzt zum indizieren von Webseiten Robots ein, diese mögen sauberen standardisierten Quellcode. Umso weniger Barrieren eingebaut werden, umso besser die Indizierung (Stichwort: barrierefreie Webseiten).

*

Kommentare werden moderiert. Es kann etwas dauern, bis dein Kommentar angezeigt wird.