 |
| (C) Andrea Bleifeld |
Aber: Die KW-Optimierung ist natürlich ein wichtiges Element für das Ranking!
Ob und wie eine Website Keyword optimiert ist, haben wir heute anhand einer selbst erstellten HTML-Page überprüft.
Dabei sind wir in folgenden Schritten vorgegangen:
- Öffnen einer Text-Datei mit dem Editor, die wir als Index.html auf dem Desktop abgespeichert haben.
Darauf achten, dass die Codierung auf UTF-8 steht. Somit wrerden Sonderzeichen und Umlaute zugelassen und nicht codiert angezeigt.
Ist wichtig für Sprachen, in denen viele Umlaute verwendet werden. - Damit der Browser erkennt, dass wir eine HTML-Seite erstellt haben, geben wir den Befehl
<!Doctype html> ein.
HTML-Befehle werden immer in spitze Klammern geschrieben! Der Befehl endet mit einem /
Bsp.:
<!Doctype html>
...
</html>
Hinweis HTML:
Websiten nach Möglichkeit imer in der aktuellen HTML-Version schreiben!
>>> Responsive DesignEX: Responsive (Web)Design:
Responsive Webdesign bedeutet die Anpassung des Inhalts und des Layouts einer Website
an das Ausgabegerät. Dies ermöglicht eine Webseite auf einem iPad oder iPhone anders
auszugeben als auf einem Desktop-PC. Im folgenden Tutorial werde ich auf die
Responsive Webdesign Grundlagen eingehen, einen Überblick über die verschiedenen
Techniken geben und die Möglichkeiten an Hand eines Praxisbeispiels erläutern.
Layout-Vorschläge: Themeforest.net
- Als nächstes definieren wir den Head:
<head>
...
</head>
In den Head-Bereich legen wir folgendes fest:- Favicon
- Titel des Browser-Fenster:
<title> </title>
Am besten schon in den Title Keywords einbinden! >hörere Auffindbarkeit!
- Meta-Tags
META-Tags sind sehr wichtig, um eine gute Keyword-Optimierung der Site zu erreichen!
Folgende Meta-Tags sollten unbedingt beachtet werden:
a) <meta name="description" content="Wir organisieren Ihre Kohlfahrt als neue Idee von Teamevents und Betriebsfeiern">
b) <meta name="keywords" content="Kohlfahrt, Events, Teamevents, Betriebsfeier, Betriebsfeiern, witzige Ideen, Events planen, Kohlfahrten">
c) <meta name="robots" content="index, follow">
d) <meta charset="UTF-8">
>a) Meta-Tag "Description": Für Google DER wichtigste META-Tag!
Alle anderen Meta Tags sind für Google irrelevant!
Aber:
>b) Meta-Tag "Keywords": für andere SuMas außer Google relevant!
>c) Meta-Tag Robots -> Content wichtig, wenn ich möchte, dass der Robot einer SuMa meinen Links folgt
>d) Meta-Tag "Charset": Hier wichtig, weil wir die Index.html unter diesem Code abgespeichert haben.
- Definieren des Seiten-Body:
<body>
...
</body>
Der Body ist der Hauptteil einer Website und besteht hauptsächlich aus Text, Text, Text, Überschriften, Links, Tabellen (Auflistung!), Bilder- Tabellen sollten nur eingebaut werden, wenn man sie unbedingt braucht (Zahlen, Daten, Fakten)!
<th>: Tabellenüberschrift
<tr>: Tabellenzeile (tablerow)
<tc>: Tabellenspalte (Tablecolumn)
Hinweis zu Tabellen:
Tabellen als Website-Gliederung sind OUT!
Google akzeptiert Tabellen nur als Übersicht/Gliederung - nicht aber als Layout-
Element!- Überschriften werden ebenfalls in den Body eingebunden.
Sie sind sehr wichtig für eine Suchmaschinenoptimierung - daher auch in die
Überschriften Keywords schreiben. Insgesamt gibt es 6-Überschriftentypen, aber die H1
ist die wichtigste!- Auch Listen sollten in den Body eingebaut werden, denn: SuMas lieben Listen!
<ul></ul> - unordered lists (Bullets) - Kommentare:
Will ich in mein HTML-Script Kommentare einbauen, die NICHT auf der Seite zu sehen sind, aber für die SEO relevant snd, verwende ich Kommentare:
<!-- Mein Komentar --> - Das Einbinden von Bildern geht schnell.
<img></img> oder <img src="Bildname"/>
Hinweis: Die Bilddateien sollten nach Möglichkeit auf der gleichen Ebene abgespeichert werden, wie meine Index.html! Einfacher! ;-)
Außerdem sollten die Bilder als Keyword_Name.jpg abgespeichert werden!
Bsp: <img src="Keyword_Kohlfahrt.jpg" />
Soll die Größe des Bildes verändert werden, arbeitet man zusätzlich mit den Befehlen Height und Width:
<img src="Bildname" height="100" width="100" /> - Unbedingt LINKS in die Homepage einbinden!
<a href="LINK> </a>
Hinweis: "Klicken Sie hier"-Texte sind unerwünscht! Besser: "Hier geht es zur Anmeldung."
Wenn der Link vom Google-Crawler NICHT verfolgt werden soll, dann den Zusatz rel="nofollw" in den HTML-Tag schreiben:
Bsp.: <a href="clownfisch68.blogspot.de rel="nofollow"></a>
Hinweis: Wikipedia verwendet in den Linkverweisen nur NOFOLLOW-Befehle! - Paragraph - Textabsatz
<p>
...
</p>
In die Paragraphs, den Textbereich, unbedingt viele Keywords einbauen!
Sowieso ist der Text das wichtigste Element der Homepage. Ein ungeschriebenes Gesetz sagt, dass man ca. 300 Worte pro Artikel verfassen sollte! Text schafft Content - und guter Content wird geteilt - und geteilte Seiten schaffen höhere Auffindbarkeit und Bekanntheit.
Good to know:
Design ist im HTML nicht wichtig! Design wende ich nur mit CSS an!
Container Element <div> wird vom Spider einer SuMa ausgelesen!
Gut geeignet, um hier weitere Keywords zu speichern.
Aber: Nicht Google-Konform! Stichwort "Greyhat"!
Weitere Tools / Links zum Thema onpage-SEO:
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
TIPP:
Wer noch nicht so geübt in HTML ist, sollte sich als Online-Marketer und/oder SocialMedia-Spezialist mit HTML befassen!
Hier ein paar gute Seiten, HTML zu lernen:
Buchtipp zum Thema:Gut geeignet, um hier weitere Keywords zu speichern.
Aber: Nicht Google-Konform! Stichwort "Greyhat"!
Weitere Tools / Links zum Thema onpage-SEO:
- W3C Validator zur Prüfung des HTML Code
- Spider Simulator (Wie sieht die Suchmaschine unsere Website?)
- Textbroker mit einer Preisübersicht zu erstelltem Text
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
TIPP:
Wer noch nicht so geübt in HTML ist, sollte sich als Online-Marketer und/oder SocialMedia-Spezialist mit HTML befassen!
Hier ein paar gute Seiten, HTML zu lernen:
Keine Kommentare:
Kommentar veröffentlichen