HTML – Texte Suchmaschinenoptimiert formatieren

Texte suchmaschinenoptimiert formatieren

Heute möchte ich Ihnen zeigen, wie man einen Text nicht nur optisch formatieren kann, wie im vorangegangenen HTML-Tutorial erklärt, sondern auch explizit für die Suchmaschinen optimieren kann.

Gegenüberstellung des b- und des strong-Tags.

Wenn Sie einen Fettdruck erzwingen möchten gibt es in HTML zwei Möglichkeiten:

Die erste Möglichkeit habe ich im vorigen Tutorial angesprochen: <b>

Es gibt eine weitere Möglichkeit, die man in der Regel verwenden sollte: <strong>

Was ist nun der Unterschied zwischen den beiden Tags?

Das strong Tag legt Wert auf die Betonung. Nun werden Sie sich fragen, was ich damit meine. Ich erkläre es Ihnen. Ein blinder Mensch kann in der heutigen Zeit auch Computer benutzen, um sich auf Internet Seiten zu bewegen und zu informieren. Dazu kann er einen Screen-Reader zum Einsatz bringen. Ein Screen Reader liest dem Besucher die Seite in einer Maschinensprache vor. Einem sehenden Menschen kann ich einen Textauszug hervorheben, indem ich ihn fett drucke, oder ihn farblich absetze. Bei einem blinden Menschen geht dies nicht. Mit Verwendung des strong Tags betont der Screen-Reader aber diesen Text-Auszug.

Diese Funktion machen sich die Suchmaschinen zu nutze. Ein Text, der mit strong betont wird, ist für die Suchmaschinen mehr Wert, als der, der mit b hervorgehoben wird.

Um allerdings sicher zu gehen, daß der Text auch wirklich fettgedruckt wird, sollten Sie per CSS für Strong den font-weight auf bold setzen. Ältere Browser kennen das Strong-Tag noch nicht und zeigen den Textabschnitt normal an.

strong ist die Steigerung von em.

Das samp-Tag:

Mit dem samp-Tag kann man Beispiele hervorheben.

Das var-Tag:

mit dem var-Tag kann man Variablen  darstellen. Das bedeutet allerdings nicht, daß Sie damit Variablen erstellen können. Sie können lediglich den Suchmaschinen sagen:  Hierbei handelt es sich um eine Variable.

Um eine Quelle für das Zitat anzugeben:

<q cite=”Quelle”>Zitat</q>

Das abbr-Tag:

mit dem abbr-Tag kann man eine Abkürzung präsentieren.

Share and Enjoy: Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • Y!GG
  • Webnews
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • Alltagz
  • Ask
  • BlinkList
  • Bloglines
  • blogmarks
  • Facebook
  • Furl
  • Google Bookmarks
  • Infopirat
  • Linkarena
  • Live-MSN
  • MySpace
  • Newstube
  • SEOigg
  • Tausendreporter
  • Technorati
  • TwitThis
  • Weblinkr
  • Wikio DE
  • YahooMyWeb
  • Blogosphere News
  • Linkarchiv

Related posts:

  1. PHP Tutorial – Zwei Texte miteinander verketten In diesem Tutorial möchte ich erklären, wie man in PHP...

Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.

Category: HTML
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>