TAG 5 - Exkurs: Grundlagen HTML

TAG 5 - 15.09.2014

Keyword-Recherche ohne Ziel macht wenig Sinn
=>Welche Suchbegriffe würde man  eingeben, um uns zu finden?
Wo viele Anfragen sind, ist auch viel Konkurrenz - wie setze ich mich durch?
Bsp.: Fußball - Fußball kaufen - Fußballverkauf - ... (immer aus Kundensicht eingeben, immer gegenchecken)

Statistik-Daten können in Excel-Tabelle importiert werden (aus Google AdWords Keyword-Planer)

Keyword-Effizienz-Indikator (KEI): Anzahl von Suchanfragen zu einem Schlüsselwort in einem bestimmten Zeitraum (A²) geteilt durch die  Anzahl von Suchergebnissen (E) =>Welches Wort ist besser? Der Begriff "Effizienz" ist als Bezeichnung für diesen Indikator wenig brauchbar

Refresh-Faktor: Google mag frische Seiten und setzt diese auf die erste SERP; wenn man dann aber nicht am Ball bleibt, geht man unter - Bsp.: Mercedes schaltet zusätzlich Anzeigen bei Google, um möglichst viel Raum auf der ersten SERP einnehmen zu können

Optimierungsmaßnahmen: Bildoptimierung vornehmen, News auf der Webseite einfügen

Bsp.: Hebammenpraxis Hohenlimburg
Bsp.: fliesen-wiemers.de

Google My Business: Eintrag auf Stadtplan mit Kontaktdaten

duplicate content: Crawler erkennt Dopplungen (erste drei Buchstaben - Zahl- erste drei Buchstaben - Zahl usw. => Hash-Code wird erstellt => schlimmstenfalls droht Google Penalty) => Lösung: iframe einfügen



Veröffentlichung einer Website
Hoster: Webserver, der online von allen erreichbar ist (Speicher für Webordner)
Strato als Hoster:
Download vs. Upload: Strato hat gute Geschwindigkeitsraten

fussball-kaufen-dortmund => Top-10-Endungen bei Strato ansehen => immer nur eine Domain auswählen

PowerWeb Basic wählen, besser keinen Baukasten

Hosting-Tarife: PowerWebStarter reicht für kleines Projekt vollkommen aus (immer mit Datenbank auswählen, denn ohne Datenbank kein Content Management System!!!)

FTP-Zugang zum Hochladen der Webseite auf den Webserver

www.zumba.com/de als Beispiel für ein gutes Domain-Konzept (nach Ländern sortiert)

Nie in eine Datenbank zwei Websites auf einmal legen, weil sonst beide Webprojekte kaputtgehen, wenn der Server Probleme hat - also für jede Domain eine separate Datenbank anlegen!!!

SEOquake kann man auch über lokale Seiten laufen lassen, d. h. man muss sich dafür nicht bei Strato anmelden (für Testzwecke im Kurs)


Exkurs: Grundlagen HTML
Mit Texteditor Textdokument erstellen
als .html speichern
UTF-8-Code auswählen (wegen Sonderzeichen und Umlauten)

=> HTML ist KEINE Programmiersprache!!! Es ist eine Deklarationssprache! Vgl. Schubladen öffnen

HTML-Elemente werden als Tags bezeichnet: html-Tag, title-Tag ...
HTML-Elemente haben jeweils ein Start-Tag und ein End-Tag
Grundgerüst HTML-Dokument: siehe Ralfs index.html-Datei

Webansicht kann nach Änderungen des HTML-Dokuments im Browser aktualisiert werden

Formatierungen über Cascading Style Sheets (CSS - wird vom Suchroboter nicht ausgelesen, sondern nur das HTML-Dokument)

umgedrehte Pyramide: das Wichtigste am Anfang, das Unwichtige am Ende

Pro geladener Unterseite der Webseite nur EINE h1 verwenden!!! Mehrere h1-Überschriften würde der Crawler sonst als Fehler ansehen. Die übrigen h-Überschriften (h2 bis h6) dürfen mehrfach pro Seite vorkommen.

Lockeren Schreibstil wählen, z. B. wie bei affenblog.de

Zwischenüberschriften sind bedeutsam wegen der Übersichtlichkeit einer Webseite - mit strukturierenden Elementen arbeiten, z. B. EINE LISTE ANLEGEN (Klausur!!!) => des Weiteren: Überschriften, Absätze, Tabellen, Bilder ...

Buch-Tipp: HTML mit CSS & XHTML von Kopf bis Fuß

www.w3schools.com hat neueste HTML-Standards parat

Crawler achtet auch auf Tabellen als Strukturelement

Frames besser in Webseiten meiden (die Webseite besteht sonst aus mehreren geladenen Fenstern, was der Crawler gar nicht mag)

KLAUSUR: Was sind sinnvolle On-Page-Optimierungsmaßnahmen? Beginn mit Domain-Wahl usw.

Bildelemente einfügen und optimieren: Keyword muss im Bildtitel enthalten sein

je größer Bild, desto höher Ladezeit, was schlecht ist
=> 1.024 bzw. 1.200 Breite wählen reicht aus

1200 x 800 Pixel => Herr Lammenett hat diesen Wert als optimal herausgestellt

besser .png-Bilder verwenden, da verlustfrei (gegenüber .jpg)

Bildgröße über CSS anpassen

Text und Bild sollten inhaltlich in Bezug zueinander stehen, damit das Bild auch gefunden wird (Stichwort Keywords!!!) => alt-Attribut! Crawler achtet darauf! Screenreader liest alt-Attribut aus (für Sehbehinderte) - Stichwort Barrierefreiheit!

title zum Bild: wenn man noch den title zum Bild eingibt, sieht man den Text im Browser, sobald man mit der Maus über das Bild geht

Man darf mit Links auf andere Seiten verweisen (Haftungsaussschluss-Klausel ermöglicht dies, außer es kann nachgewiesen werden, dass man z. B. rechtsradikale Links absichtlich auf die eigene Webseite gesetzt hat), 

Wichtig: Keine Bilder einer externen Seite einbetten wegen der Nutzungsrechte!!!

Links sind quasi das Schmiermittel im Netz!

Anker seitenintern definieren: So geht's
Ankertext ist auch für Off-Page wichtig!

Bsp.: zwei Beiträge zu Löwen und Pinguinen: "Wir haben auch alles Wissenswerte zu Pinguinen" (Verweis/Verlinkung von der Löwen-Seite auf die Pinguin-Seite)
 

Neue Fenster zu öffen mögen Blogger nicht, weil dies meist zu Werbezwecken genutzt wird

PageRank-Trust

Backlinks: gegenseitiges Verlinken am besten auf eine etwas schwächere Seite

no follow-Link = Crawler spart diesen Link aus (Bsp.: Schwachsinnstexte bei Wikipedia - Wikipedia ging dagegen mit no follow-Links an, um Vertrauensabflüsse zu vermeiden)

Vertrauen nicht weitertransportieren (z. B. bei Impressum, Datenschutzerklärung, blogroll): rel="nofollow" einfügen
 

Alle normalen Links sind follow-Links

natürlicher Linkaufbau: 80 % follow-Links und 20 % no follow-Links gelten als gesundes Verhältnis auf einer Websites!

CMS sind standardmäßig mit "no follow" konfiguriert!!!


spinning tool = Textvervielfältigung (werden häufig bei Spams auf Blogseiten unglücklich verwendet)

Immer einen Spam-Filter im CMS parat haben!!!

meta-Angaben: 

• meta charset: Zeichensatz/Tastatur, der/die verwendet wurde, um das HTML-Dok zu erstellen
• Übergreifendes Beschreiben des Dokuments: KLAUSUR!!!
  • meta-Angabe description wichtig für Zuordnung der Suchergebnisse bei Google
  • meta-Angabe keywords für Google irrelevant (für andere Suchmaschine wie bing, web.de, lycos jedoch noch bedeutsam) => vorsorglich sowohl description als auch keywords definieren, damit alle Suchmaschinen abgedeckt sind!!!

dc.meta bei w3schools eingeben
 

bei Keyword-Density (SEOquake) mit 2,5 % beginnen, den Konkurrenten etwas übertrumpfen; ab 6 % wird es für Google verdächtig

HAUSAUFGABE: ein frei gewähltes Keyword auf eine vernünftige Density bringen (ca. 3 % Keyword-Density erreichen) -> HTML-Dok erstellen und mit SEOquake auf Keyword-Density prüfen

Blog-Texte: möglichst mehr als 300 Wörter Text verwenden; zu wenige Wörter erachtet Google als irrelevant, da es andere Autoren gibt, die mehr zum Thema zu sagen haben; Keywords weit auseinanderziehen

Dienstag:
sitemap.xml
.htaccess
robots.txt
=> Diese drei Dateien sollte jeder Webentwickler auf seinem Server haben!!!