Barcamp, Barsession - Lockeres Zusammentreffen von Fachexperten (Unkonferenz), für Ideenaustausch, Networking, etc.
Lerne, wie man eine Web-Site erstellt:
http://www.w3schools.com/html/html5_intro.asp
Literatur:
HTML von Kopf bis Fuss (mit CSS und XHTML)
Notes:
Ein fremdes Bild im redaktionellen Teil im Blog ist OK, im slider der Homepage nicht!
Schreibe eine HTML-Datei:
<!DOCTYPE html>
<html>
<head>
<title>Keyword möglichst am Anfang</title> ... dies ist die Überschrift neben dem Favicon
<meta charset="...siehe unten...">
...
...
</head>
<body>
<p>Keyword innerhalb eines Absatzes</p>
</body>
</html>
===============================
Keyword innerhalb eines Absatzes - mit <p/>
Metaangaben (Vorschläge): .... ich sage dem Browser, was er auf der Web-Site findet:
Sie spielen für Google keine Rolle, sollten aber für andere Suchmaschinen angegeben werden.
Bsp:
<meta charset="UTF-8"> (codierung der Quelle)
<meta name="description" content="Keyword, darum geht es hier."> (für Goolge wichtig)
<meta name="keywords" content="Keyword, Keyword2, Keyword3"> (nur für andere Suchmaschinen relevant)
<meta name="robots" content="index, follow">
Bsp:
revisit-after .... Defines how often search engine spiders should revisit the site
================================
<!-- hier folgen Listen , unsortierte und sortierte listen -->
<ul>
<li>keyword wennes eben geht </li>
<li>auch hier nich mal das KEYWORD </li>
</ul>
<ol>
<li>keyword wennes eben geht </li>
<li>auch hier nich mal das KEYWORD </li>
</ol>
<!-- hier folgen Tabellen --> ... hole den Quelltext aus HTML references
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<label/> meine keyword tabelle </label>
<br /> <!-- note:Zeilenumbruch-->
<br />
<!-- hier gehts zum Thema Bilder -->
<img src="keywordfish.jpg" alt="keywordfish" width="200" height="200" title="keywordfish" />
img = image ; scr = source
alt-attribut --- falls das Bild nicht hogeladen wird
title - mouse over effekt
<!-- hier gehts zum Thema LINK-Aufbau, interne und externe -->
layer - Bild über dem Text
Z-Index = Schichten /Layers
<a href="#" ...
a = Ankertext = der Text, der verlinkt wird
"#" = Platzhalter
Spyder-Simulator
div-container
<br />
<br />
<a href="www.w3schools.com" rel ="follow" target="keyword im link"> >Hier gehts zur Keyword Quelle</a>
<!-- <div style="boarder:1px solid black;">Hier steht irgendewas drin</div> -->
auskommentierte Div-layer... sind Bildschirmbereiche,
die mit CSS beliebig positioniert und formatiert werden können.
<body>
<!-- dies ist ein Kommentar, der nicht im Browser angezeigt wird.-->
<h1>keyword auch hier ganz vorne</h1>
<p>Keyword innerhalb eines Absatzes</p>
<h2>Keyword auch in einer Zweitüberschrift</h2>
<p>hier wird dann das eigentliche Thema mit ....keyword etc beschrieben </p>
<h3>hello</h3>
<h4>ciao</h4>
<h5>benvenuto</h5>
...
================================
SONSTIGES:
Quellcode - rechte maus auf einer freien fläche einer hompage, Quellcode auswählen
CSS Dateien - cascading style sheets (Bsp-Seite ohne Stylesheets: www.biogemuese.de)
Favicon - Favorit Icon
themeforest.net - site templates and themes from 3$
meta robots - der Spider durchläuft die Website, Bsp: <meta name="robots" content="index, follow">
Anmerkung, bei meta name muss der Kontainer nicht explizit geschlossen werden mit .../>, ebenso auch nicht bei Bildern
de.selfhtml.org - hier kannst Du Deine HTML Dateien selbst erstellen
Keywords müssen vorkommen:
- in der Domaine
- im titel
- in der ...
1001erfolgsgeheimnisse.com - Bsp für eine Blogparade
webconf.com --- check your ranking
Web-Crawler - der Ausleser, bei der Site-Analyse
textbroker.de -- Textpreise, Autoren, ...
FAZIT - Ranking-Faktoren :
- immer mehr als 300 Wörter pro Artikel schreiben.
- Gut lesbare Artikel werden auf den Blogs weiter gepostet
- Beiträge schreiben, mit guten Infos, um 3-4 % Keyworddensity zu erhalten
- Keywords am Anfang setzen
- ausgehende und eingehende Links benutzen
- im Twitterkanal einstellen, damit der Crawler Futter bekommt
- Div-Kontainer benutzen