6. Tag: HTML-Exkurs

Heute steht ein Exkurs in die große weite Welt des HTML an!

Als Grundaufbau starten wir mit folgenden Aufbau im Texteditor:

<html>
      <head>
            <title>          </titel>
      </head>
      <body>
            <h1>             </h1>
      </body>
</html>

Tipp: beim Abspeichern darauf achten, dass Codierung auf UTF-8 geändert wird; Grund: dann können auch Umlaute (ä ö ü) angezeigt werden

Nach dem Abspeichern und öffnen sieht die Seite bereits so aus. Voilá :-)

Begriffe:
Grundaufbau html-head-body
<title> = title: Titel des Raiters im Browser
<h...>: Überschriften
<p> = paragraph:
<br/> = break:
<b> = bold:
<list> = list: Listen, Aufzählungen
<ul> = unsortet list:
<ol> =ordered list:
<table> = table: Tabelle; weitere Angaben z.B. table border (Striche/Kästchen um die Tabelle)
<tr> = table raw: Spalten
<td> = table data: Zeilen
<img src> = image: Bild einfügen; Quellenangabe über src (source);
     weitere Angaben:
        height/width (Höhe, Breite des Bilds eingeben)
        title (Text erscheint wenn man mit der Maus auf das Bild geht)
        alt (Alternativtext)
< a ref> = hyper links: Links
     weitere Angaben:
        title (Text der erscheint, wenn man mit der Maus über den Link geht)
        target="_blank (Ankertext)
        rel="nofollow" (Crawler folgt dem Link nicht)

Weitere Tipps:

• Keywords in der Domain und im Titel angeben!
• Überschriften gehen von h1 bis h6 

Wichtig für die Klausur: jede Seite darf nur GENAU EINE h1 Überschrift haben! Alle anderen Überschriften können mehrmals verwendet werden -sie dienen zur Strukturierung

• wenn etwas nicht angezeigt wird, dann kontrollieren ob alles richtig geschrieben ist, alle richtig geöffnet und geschlossen ist und keine Schreibfehler in den Befehlen sind
• Keyworddensity: 
• 2% bis max. 6% sollten angestrebt werden (6% nur in Ausnahmefällen!); im Schnitt etwa 3%
• das Keyword sollte auch immer anders sein (sonst meckert Google) außerdem steigt so die Chance, häufiger auf Platz 1 der Suche zu landen

Weitere Anmerkungen des Tages:

•  beim Text-Schreiben an die 4 Lern-Typen denken und ansprechen
• der Emotionale: "Denken Sie an Ihre Altersvorsorge."
•  der Beweistyp: "Ihre Altersvorsorge ist nicht gesichert, das beweisen Studien."
• der Schritt-für-Schritt-Typ: "Lesen Sie den Text über die Altersvorsorge, klicken Sie auf den Button darunter und geben Sie ihre Emailadresse ein."
• der konkrete Typ: "Melden Sie sich zu unserem Newsletter an."
• Google verwendet ca. 200 Kriterien um sein Ranking zu erstellen; hierunter fallen z.B. Domainname, Inhalt, Description, Double Content, Keyworddichte, funktionierende Links, ... aber auch Rechtschreibfehler, Kontaktformular, Nutzerfreundlichkeit... allerdings ist die Gewichtung der Kriterien nicht bekannt
• --> sinnvoll: ich suche mir die für mich wichtigen Kriterien raus und schaue, dass ich diese erfülle
• eine schöne Seite mit vielen Tools zu unterschiedlichen Themen findet sich bei seo-united.de