Archive for the ‘SEO’ Category

Webseiten optimieren mit CDN

CDN bedeutet Content Distributed Network. Das ist eine Netzwerk von Servern, die Daten wie zum Beispiel Bilder, Javascript-Bibliotheken über nächstliegenden Server an den Nutzer senden. Durch den kurzen Weg wird die Geschwindigkeit von Webseiten oder Webapplikationen erhöht. Das kann auch die Position bei Suchmaschinen erhöhen, weil die Geschwindigkeit einer Webseite im Ranking der Suchmaschine berücksichtigt wird.

CDN Anbieter

Für das CMS Joomla bietet sich das Plugin “CDN for Joomla” an.

Bei WordPress lässt sich beispielsweise das “CDN Sync Tool” gut konfigurieren und nutzen.

 

Für Joomla CMS eine XML Sitemap mit JCrawler erstellen

Wer eine Webseite betreibt, möchte auch mit Hilfe von Suchmaschinen wie Google, Yahoo, Bing oder Ask.com gefunden werden. Dazu kann mit einer XML Sitemap die Struktur der Webseite an die Suchmaschinen übermittelt werden. Ein praktisches Plug-in für Joomla 1.5 ist JCrawler 1.4 Beta. Um den vollen Funktionsumfang nutzen zu können, wird Curl oder Fopen Unterstützung bei PHP benötigt. Die nachfolgend beschriebene Installation von JCrawler funktioniert wie bei allen Joomla Modulen, Plugins, Komponenten oder Templates.

Installation von JCrawler bei Joomla CMS

  1. Rufen Sie in der Joomla Administration den Menüpunkt “Installieren/Deinstallieren” auf.

    Joomla Installation Teil 1 für JCrawler

    Joomla Installation Teil 1 für JCrawler

  2. Klicken sie auf den Button “Durchsuchen” und wählen Sie die gepackte Datei von JCrawler aus. Nach der Auswahl klicken Sie auf den Button “Datei hochladen & Installieren“. Jetzt wird JCrawler installiert.

    Joomla Installation Teil 2 für JCrawler

    Joomla Installation Teil 2 für JCrawler

  3. Jetzt kann JCrawler im Menü “Komponenten” gestartet werden. Mit JCrawler können XML Sitemaps der Joomla Webseite erstellt und an Google, Yahoo, MSN, Moreover und Ask.com übermittelt werden, wenn Sie am Ende der Webseite den Button “Start” klicken.

    Joomla - JCrawler starten

    Joomla - JCrawler starten

 

A-B Test und das Erstellen von Kennzahlen für Benchmarking

Um fortlaufend und nachhaltig Verbesserungen durchführen zu können, wird unter anderem Benchmarking eingesetzt. Benchmarks sind Auswertungen die Kennzahlen liefern. Durch den Vergleich mehrerer Werte einer Kennzahl kann ermittelt werden, wie sich eine Änderung ausgewirkt hat.

Mit Analyse Programmen und Optimierungstools können Kennzahlen automatisch ermittelt werden.

Verbesserung der Webseiteninhalte mit Hilfe eines A-B Tests

Bei dem A-B Test werden zwei Webseiten zum gleichen Thema, aber unterschiedlicher Gestaltung erstellt. Die beiden Webseiten werden zu gleichen Teilen unterschiedlichen Nutzern gezeigt. Dann können die vorher festgelegten Kennzahlen ermittelt werden. In unserem Beispiel handelt es sich um eine Webseite bei der ein Newsletter angefordert werden kann.

Notwendige Kennzahlen für den A-B Test

  • Anzahl der Aufrufe der Webseiten pro Tag
  • Anzahl der Newsletter Anforderungen pro Tag, gegliedert nach den Webseiten A und B
  • Durchschnittliche Verweildauer auf der Webseite A und B pro Tag

Nachdem die Messung einen Monat durchgeführt wurde, werden die Kennzahlen der Webseite A mit denen der Webseite B verglichen. Die Gestaltung der erfolgreicheren Webseite wird als Basis für zukünftige Webseiten genutzt. Zudem wird periodich erneut ein A-B Test durchgeführt.

 

Heat Maps zur Webseiten Analyse

Heat Maps werden immer mehr zur Analyse des Klick Verhaltens von Nutzern eingesetzt. Die Heat Maps werden als Ersatz von Eyetracking Untersuchungen verwendet. Denn Eyetracking Untersuchungen sind aufwendiger und kosten wesentlich mehr Geld.

Eine kostenlose Möglichkeit Heatmaps zu erstellen bietet die Webseite Feng-GUI. Dort kann ein Screenshot der Webseite hochgeladen werden. Dann erstellt Feng-GUI die Heatmap.

Heatmap von Feng-GUI

Heatmap

 

Meta Informationen für Suchmaschinen

Mit Hilfe von Meta Informationen lassen sich die HTML Dokumente leichter katalogisieren. Die Einträge werden von Suchmaschinen wie Google ausgewertet. Oft werden Schlüsselworte als Schlagworte verwendet.
Die Meta Informationen werden innerhalb des Tags <head> eingetragen.

 

Beispiel einer Webseite mit Meta Informationen

<html>
<head>
<title>Metainformationen eintragen</title>
<meta name="author" content="Karl Hoegerl">
<meta name="keywords" content="html, meta, informationen">
<meta name="description" content="Hier wird der Inhalt der Webseite 
beschrieben. Die Beschreibung erscheint in der Suchmaschine.">
<meta name="date" content="2009-12-15T08:49:37+02:00">

</head>
<body>
<h1>Paradoxien des Autors</h1>
<p>Die sogenannten Paradoxien des Autors, an welchen ein Leser Anstoss nimmt,
stehen häufig gar nicht im Buche des Autors, sondern im Kopfe des Lesers.</p>
<p align="right">von Friedrich Wilhelm Nietzsche</p>
</body>
</html>

 

Angabe des Autor

<meta name=”author” content=”Karl Hoegerl”><

Mit diesem Tag wird der Autor der Webseite genannt.

 

Schlüsselwörter für die Katalogisierung

<meta name=”keywords” content=”html, meta, informationen”>

Die Schlüsselwörter werden von einigen Webkatalogen zur Kategorisierung verwendet. Bei Suchmaschinen dienen sie als Begriffe nach denen im Eingabefeld gesucht werden kann.

 

Beschreibung des Seiteninhalts

<meta name=”description” content=”Hier wird der Inhalt der Webseite beschrieben. Die Beschreibung erscheint in der Suchmaschine.”>

Die Beschreibung bei den Suchmaschinen im Suchergebnis angezeigt. Ohne diese Meta Information wird der Text am Beginn der Webseite dargestellt.

 

Datum der Erstellung

<meta name=”date” content=”2001-12-15T08:49:37+02:00″>

Das Erstellungsdatum wird angezeigt.

 

Verwendeter Zeichensatz

<meta http-equiv=”content-type” content=”text/html; charset=ISO-8859-1″>

Der verwendete Zeichensatz wird benannt. Dies ist wichtig, da es sonst zur fehlerhaften Darstellung von Texten kommen kann. Weit verbreitet ist der Zeichensatz „utf-8“. Dieser stellt mehr internationale Zeichen dar als der im oberen Beispiel angegebene westeuropäische Zeichensatz „iso-8858-1“.

 

Steuerung von Proxy Servern

<meta http-equiv=”expires” content=”0″>

Diese Einstellung steuert den Cache von Proxy-Servern. Der Wert des Attributs „content“ wird in Sekunden angegeben. Bei der Angabe von 0 Sekunden wird die Webseite nicht zwischengespeichert. Dies ist bei dynamisch erzeugten Anwendungen notwendig, weil sich hier die Inhalte ändern können. Dadurch ist ein Nachladen der Webseite erwünscht!

 

Weiterleitung zu einer anderen Webseite

<meta http-equiv=”refresh” content=”5; url=http://www.html-lernen.de/”>

Mit diesem Meta Tag erfolgt nach 5 Sekunden eine Weiterleitung zu der Webseite http://www.html-lernen.de/
 

Vergleich: HTML5 Video versus Flash Video

Hier ein Vergleich eines HTML5 Videos mit dem gleichen Video auf Flash Basis. Die gesamte Umgebung ist im Test gleich.

Danke für den Test, mbensen.

 

Webseitenanalyse von Suchmaschinen steuern

Ein wichtiger Punkt bei der Planung des Webdesigns ist die Weitergabe von Informationen an Suchmaschinen. Nicht alle Daten sollen von den Suchmaschinen erfasst werden.

Meist ist es so, dass zum Beispiel die in der Webseite eingebundenen Bilder nicht freigegeben werden. Ansonsten werden die Bilder bei der Bildersuche wiedergegeben. Auch Skripte und andere Webelemente sollen zwar auf der Webseite angezeigt, aber in keiner Suchmaschine gelistet werden.

Webseiten Analyse in HTML Seiten steuern

Dazu gibt es in HTML Webseiten Meta Informationen. Mit Hilfe der Meta Informationen können Sie die Spider der Suchmaschinen Betreiber steuern.

Spider sind Programme der Suchmaschinenbetreiber, die ständig das Internet nach Webseiten und deren Änderungen durchsuchen. Das Ergebnis der Spider steht in der Suchmaschine als Suchergebnis zur Verfügung.

Mit <meta name="robots" content="index"> im HTML Header wird der Spider aufgefordert die Webseite zu durchsuchen. Wird <meta name="robots" content="index,follow">angegeben, dann wird der Spider die Hyperlinks aufrufen und auch durchsuchen.

Soll alles durchsucht werden, dann kann stattdessen der HTML Tag <meta name="robots" content="all"> verwendet werden.

Wenn bestimmte Bereiche nicht indiziert werden sollen, dann wird der Tag <meta name="robots" content="noindex"> verwendet. Sollen keine weiterführenden Hyperlinks durchsucht werden, dann heisst der Parameter des Meta-Tags <meta name="robots" content="nofollow">.

Spider mit Hilfe der “robots.txt” Datei steuern

Eine weitere und sehr gebräuchliche Methode ist die Erstellung einer Steuerdatei mit dem Namen robots.txt. In diese Steuerdatei werden die Verzeichnisse (Ordner) des Webprojekts eingetragen. Der Spider liest diese Datei und scannt die Dateien der dort freigegebenen Verzeichnisse.

Beispiel:

# robots.txt zu http://www.ihre-url.de/
User-agent: name-spider-der-Suchmaschine
User-agent: *
Disallow: /images/
Disallow: /temp/
Disallow: /konto.shtm

In der ersten Zeile wird mit einem Kommentar die URL der Webseite angegeben. In unserem Fall http://www.ihre-url.de. Das Steuerzeichen für den Kommentar ist das Nummernzeichen #.

In der zweiten und weiteren Zeilen mit der Bezeichnung User-agent: wird der Name des Suchmaschinen Spiders eingetragen. Wenn dort ein * eingetragen wird, dann gilt dies für alle Spider.

Mit Disallow: und dem nachfolgenden Pfad des Verzeichnisses oder einer Datei wird dieser Bereich gesperrt.

Alle Dateien und Verzeichnisse sind freigegeben, die in der Datei robots.txt nicht mit Disallow eingetragen sind!