Webdesign, Programmierung, Internet | Ersatzknochen.de

Es gibt keine HTML-Tags! Von Elementen, Attributen und Tags

Marco — Sat, 06 Feb 2010 09:00:58 +0000

Überall lese und höre ich HTML-Tag, Title-Tag oder Meta-Tag-Generator. Für viele ist alles ein Tag, meistens ist die Bezeichnung Tag aber falsch. Gemeint sind Elemente oder gar Attribute.

Aufbau

Element: <foo bar=”baz“>quuxfoo>
Ein Element besteht aus Start-Tag, Elementinhalt und End-Tag.

Start-Tag: <foo bar=”baz“>
Ein Start-Tag kann Attribute mit Attributwerten enhalten.

Attribut: bar

Attributwert: baz

Elementinhalt: quux

End-Tag: foo>

oder

<element attribut=”wert“>Elementinhaltelement>

Beispiel

<div id=”beispiel“>Lorem ipsum dolor sit amet.div>

Grundlagen der Suchmaschinenoptimierung – Das Meta-Element Description

Marco — Fri, 05 Feb 2010 22:12:26 +0000

Das Meta-Element Description soll mit wenigen Worten den Seiteninhalt beschreiben. Es steht wie alle Metadaten im HTML-Kopf zwischen dem Head-Element. Verwendet wird es z.B. in den Suchergebnissen von Google. Dort wird es unter dem Seitentitel angezeigt.

Text aus dem Meta-Element Description in den Suchergebnissen von Google

Anwendungsbeispiel

Was kommt in das Meta-Element Description?

Der Wert vom Attribut “content” sollte einen Satz mit den wichtigesten Schlagworten aus dem Text auf der Seite enthalten. Empfohlen werden minimal 60 und maximal 170 Zeichen. Mehr Zeichen werden in den Suchergebnissen nicht angezeigt. Es soll ja auch eine kurze Beschreibung über die Seite sein.

Durch den damaligen Missbrauch des Meta-Elements Description, hat es an Gewichtung für Suchmaschinen verloren. Das Titel-Element wird z.B. viel höher bewertet. Trotzdem sollte es auf keinen Fall weggelassen werden.

Google Wave Einladungen zu vergeben

Marco — Sun, 17 Jan 2010 20:30:13 +0000

Ich habe 8 Einladungen für Google Wave zu vergeben. Jeder der eine Einladung möchte, hinterlässt einfach ein Kommentar mit seiner E-Mail Adresse. Die ersten 8 Kommentare bekommen jeweils eine Einladung an die angegebene E-Mail Adresse.

Grundlagen der Suchmaschinenoptimierung – Schlüsselwörter im Seitentitel

Marco — Sat, 16 Jan 2010 21:55:55 +0000

Der Seitentitel wird im Headbereich zwischen dem HTML-Title-Tag definiert. Der Titel ist einer der wichtigsten Faktoren bei der Suchmaschinenoptimierung. Zu einem klickt der User schneller auf eine Seite in den Suchergebnissen, wenn er gleich die Wörter liest, nach denen er gesucht hat und Google berücksichtigt die Schlüsselwörter / Keywords aus dem Seitentitel für die Suchergebnis-Position.

Schlüsselwörter vor dem Domainnamen - Quelle: Suchergebnisse Google.de

Wie die Grafik oben zeigt, sollte der Domainname möglichst hinter den Schlüsselwörtern genannt werden. Ausnahmen sind vielleicht sehr bekannte Markennamen oder ganz kurze Domainnamen.
Je weiter am Anfang ein Schlüsselwort steht, um so höher wird es bewertet. Aus diesem Grund sollte jede Seite einen eigenen Titel mit den wichtigsten Schlüsselwörtern aus dem Text haben. Google bewertet nämlich auch das Verhältnis zu den Schlüsselwörtern und Seiteninhalt.

Empfohlene länge des Titels sind 60 Zeichen, mehr wird wohl nicht beachtet.

Die 200 Parameter des Google Algorithmus

Marco — Fri, 08 Jan 2010 20:08:49 +0000

Auf TechDevision.com gibt es eine gute Übersicht der Rankingfaktoren von Google. Aufgelistet werden z.B. das Alter der Domain, die Url-Struktur, die HTML-Struktur, “Korrekter” HTML-Code (siehe meinen Artikel zum fehlerfreien HTML-Code) und vieles mehr.

Ganz 200 sind es dann doch nicht geworden, und nicht bei allen Faktoren kann man ganz sicher sein, wie Google damit umgeht. Die Liste ist aber dennoch wichtig genug, übersetzt und vorgestellt zu werden.

Link zur Übersicht: Die 200 Parameter des Google Algorithmus

Grundlagen der Suchmaschinenoptimierung – fehlerfreier HTML-Code

Marco — Sat, 02 Jan 2010 20:13:47 +0000

Fehlerfreier HTML-Code nach den W3C-Standards

Ein fehlerfreier und validierter HTML-Code nach den W3C-Standards sollte immer angestrebt werden. Fehlerhafte Seiten können in Suchmaschinen nicht nur schlechter platziert, sondern auch in verschiedenen Browsern fehlerhaft dargestellt werden.

Wie erkenne und beseitige ich vorhandene Fehler?

Wenn die eigene Seite nicht gerade fehlerhaft aussieht, erkennt man vielleicht vorhandene Fehler überhaubt nicht. Die Browser haben nämlich eine eigene Fehlerbehandlung, die wertvolle Ladezeit in Anspruch nimmt.

Deshalbt sollte die Seite z.B. mit dem W3C-Validator überprüfen werden. Sind Fehler vorhanden, werden diese detailiert mit Zeilenangebe im Code und Fehlerbeschreibung angezeigt. Die Fehlerbeseitigung sollte daher kein Problem sein.

Fehlermeldung vom W3C-Validator

Sind alle Fehler behoben, wird man mit der Meldung “This document was successfully checked as …” belohnt. Die Besucher und Suchmaschinen werden es danken.

Eine weitere Möglichkeit den HTML-Code zu überprüfen und zu bereinigen ist das Mozilla Addon HTML Validator. Man erhält genau wie beim W3C-Validator die Zeilenangebe, den Fehler und einen Lösungsvorschlag.

HTML Validator

Sicherlich gibt es viele weitere Möglichkeiten die Seite auf Fehler zu überprüfen und zu bereinigen. Egal für welche Art man sich entscheidet, eine fehlerfreie Webseite ist eine gute Basis bei der Suchmaschinenoptomierung.

Suchmaschinenfreundliche URLs in Wordpress ohne mod_rewrite und htaccess

Marco — Sun, 20 Dec 2009 18:45:01 +0000

Suchmaschinenfreundliche URLs ohne mod_rewrite und htaccess, geht das?

Wordpress verweigert den Dienst, wenn man diese Funktionen nicht zur Verfügung hat und die Einstellungen unter dem Menüpunkt Permalinks ändert. “Error 403 – Zugriff verweigert” ist die Folge.

Man kann sich nicht mehr einloggen und die Seite auch nicht mehr aufrufen. Abhilfe schafft nur die .htaccess-Datei im Hauptverzeichnis zu löschen und den Datenbankeintrag in der Tabelle _options -> permalink_structure zu entfernen.

Trotzdem muss man nicht auf Suchmaschinenfreundliche URLs verzichten. Abhilfe schafft ein “/index.php” vor den Wordpress-Platzhaltern.

URLs aus Kategorie und Artikelname sehen z.B. so aus: /index.php/%category%/%postname%/

Klingeltöne für das iPhone erstellen

Marco — Sat, 19 Dec 2009 22:15:15 +0000

Mit iTunes kann man einfach Klingeltöne für sein iPhone erstellen. Dies funktioniert in wenigen Schritten:

Ein Lied aus der Bibliothek auswählen
Mit der rechten Maustate auf das Lied klicken und unter Optionen mit Starten bei und Stoppen bei auf maximal 30 Sekunden kürzen
Mit der rechten Maustaste auf das Lied klicken und in AAC umwandeln auswählen
Mit der rechten Maustaste auf die AAC Datei klicken und Informationen auswählen
Unter dem Tabreiter Info alle Informationen löschen
Das gekürzte Lied per Drag & Drop auf den Desktop/Schreibtisch ziehen
Die Einstellungen für Starten bei und Stoppen bei aus der original Datei wieder entfernen
Die Dateiendung von m4a in m4r umbenennen
Das umbenannte Lied nach iTunes in Klingeltöne ziehen
Das iPhone synchronisieren
Den Klingelton auf dem iPhone unter Einstellungen -> Töne -> Klingeltöne auswählen

Dieser Vorgang wurde von mir erfoglreich mit iTunes 9.0.2 und dem iPhone 3GS getestet. Wichtig ist eine maximale Liedlänge von 30 Sekunden und das löschen der Infomationen im Titel.

Google Analytics – Asynchronous Tracking

Marco — Fri, 18 Dec 2009 12:06:21 +0000

Google hat am 01. Dezember ein neues Script für die Einbindung des Trackings veröffentlicht. Der Code ist ein alternativer Weg für ein Tracking und wird in den HTML-Header eingebungen.

Code für asynchrones Tracking:

UA-XXXXX-X muss durch die eigene Account Nummer ersetzten werden.

Der neue Code hat folgende Vorteile:

Der Tracking-Codes wird schneller geladen durch die verbesserte Browser-Ausführung
Bessere Datenerfassung und Präzision der Daten
Tracking-Fehler werden beseitigt, wenn das JavaScript nicht vollständig geladen wurde

Weiter Infos:

Google Blog
Asynchronous Tracking Usage Guide

PHP Zufallsgenerator mit bestimmten Werten

Marco — Thu, 10 Dec 2009 11:39:21 +0000

Die PHP-Funktion rand() — Erzeugt einen zufälligen Integerwert. Als Parameter kann man den niedrigste zurückzugebende Wert (Vorgabe: 0) und den höchsten zurückzugebende Wert (Vorgabe: get_randmax()) übergeben. Was ist aber wenn man Zufallszahlen aus bestimmten Nummernblöcken haben möchte, z.B. 1 – 3 und 6 – 9?

Man erzeugt ein Array mit den gewünschten Werten und lässt sich die Anzahl der Werte ausgeben. Mit der Anzahl der Werte im Array greift man auf den zufälligen Key vom Array zu und erhält über diesen Key einen zufälligen Wert aus dem definierten Bereich.
Beispiel:

// Array mit Werten erzeugen:
$i = array(1,2,3,6,7,8,9);

// Anzahl ermitteln und um eins subtrahieren, da
//der Array-Key bei 0 beginnt:
$anz = count($i) – 1;

// Auf zufälligen Array-Key zugreifen:
$random = $i[rand(0,$anz)];

// Wert ausgeben
echo $random;

Eigentlich ganz einfach und sehr variabel einsetztbar. Für weitere Lösungswege wäre ich sehr dankbar.