Archiv für die Kategorie ‘Tutorials’

Google PageRank™ was steckt wirklich dahinter?

Sonntag, 06. Januar 2008

Was ist dieser PageRank? Jeder Mensch, ob Kind oder Erwachsener, benutzt Google für Recherchen oder um auf bestimmte Seiten mit Informationen zu kommen. Man kann auch sagen, dass Google mit PageRank™ den Durchbruch erlangt hat. Es wurde zum Wahn: Jeder Webmaster wollte, nein, er musste einen hohen PageRank für seine Website haben! Koste es, was es wolle!

Wie funktioniert dieser “PageRank”? Es hat etwas mit Werbung zu tun: Um so mehr andere Websites einen Link zu deiner Website haben, desto höher dein PageRank. Ein super Beispiel ist Adobe (com). Jeder kennt die Produkte, wie z.B. den Adobe Reader. Viele Firmen, die auf ihrer Webseite Dokumente zur Verfügung stellen, bieten sie meist als PDF-Datei an. Es reicht schon, wenn ein kleiner Text dort steht: “Um dieses Dokument zu lesen, brauchen Sie den Adobe Reader; den Download gibt es hier.”. Dann noch ein Link zur Adobe-Seite und zack ein Link mehr für deinen PageRank.

Tutorial: Kopfdaten

Samstag, 05. Januar 2008

Bei HTML-Dateien ist es zwar nicht zwingend nötig Kopfdaten zu verwenden, dennoch macht es Sinn ein wenig Daten für Suchmaschinen und dem Browser auszugeben.

Die Kopfdaten öffnet man mit “<head>”und endet wie alle Tags mit einem “/”, also “</head>”.

1.0. Titel:

  1. Mit “<title>” man die Zeile für den Titel, dem entsprechend beendet man es auch mit “</title>“. Der Titel wird oben im Browser-Fenster benutzt, wie auch bei meiner Website “Fabian Schulz” und er wird bei Suchmaschinen, wie Google usw., als Titel verwendet. Beispiel: <title>Meine Testseite</title>” (Nun wird als Titel der Seite “Meine Testeite” verwendet.

2.0. Meta-Tags:

Meta-Tags werden verwendet, um genauere Aussagen über die Website zu geben. Der Meta Tag öffnet sich mit “<meta” dann kommt die Variante, entweder “name” oder “http-equiv” und dann der Inhalt mit “content” und zum Schluss den Tag noch mit “/>” schließen (Der Strich ist bei XHTML erfolderlich) . Ein einfaches Beispiel ist “<meta http-equiv=“content-language” content=“Deutsch” />” (Das gibtInformationen zur Sprache vom Inhalt).

2.1. Meta-Tags mit “name”

  1. rating = bestimmt für welche Altergruppen der Inhalt bestimmt ist. Dabei gilt der Inhalt (content): general (für alle zugenglich), mature (Bedeutung nicht erklärt), restriced (Bedeutung nicht erklärt), 14 years (kein Zugriff für Menschen unter 14 Jahren). Beispiel: “<meta name=“rating” content=“general” />” (Zugriff auf die Seite ist füralle genehmigt).
  2. keyword = Wörter, die die Website beschreiben. Beispiel: “<meta name=“keyword” content=“HTML, Tutorials, Spaß, Videos, Witze” />
  3. description = Beschreibung der Website. Beispiel: “<meta name=“description” content=“HTML für jeder Mann” />” (Beschreibung einer Tutoria-Seite).
  4. content-language = Überwiegende Sprache der Website. Dabei gilt, dass die Top-Domain-Level als Sprache genommen werden kann, wie de = Deutsch, en = Englisch, us = amerikanisch Englisch. Beispiel: “<meta name=“content-language” content=“de” />” (Für Websites, deren Inhalt überwiegend Deutsch sind).
  5. author = Autor der Webseiten-Inhalt, wie bei Blogs oder privaten Webseiten. Beispiel: “<meta name=“author” content=“Max Mustermann” />” (Falls Max Mustermann den überwiegenden Inhalt der Website geschrieben hat).
  6. publisher = Der Veröffentlicher bzw. der Verantwortliche (webmaster) der Website. Beispiel: “<meta name=“publisher” content=“Frederike Musterfrau” />” (Falls Frederike Musterfrau die Veröffentlicherin der Webseite ist).
  7. copyright = Copyright des jeweiligen Ersteller der Website. Beispiel: “<meta name=“copyright” content=©2005-2008 by Klaus Musterknabe/>” (FallsKlaus Musterknabe der Verantwortliche der Website ist).
  8. audience = an welche Gruppen sich die Website wendet. Beispiel: “<meta name=“audience” content=Webmaster/>” (Wenn es sich um Informationen oder Tutorials auf der Website handelt).

2.2. Meta-Tags mit “http-equiv”

  1. expires = bei jedem Seitenaufruf speichertjeder Browser die Website im Cache, dass er beim nächsten Laden nur noch vom Lokalen laden muss. Falls sich jedoch der Inhalt ändert, können Sie mit diesem Meta-Tag angeben, wann der Cache geleert werden soll. Dabei gilt englisches Datum, eine Sekundenanzahl oder 0 (für das ständige Nachladen). Beispiel: “<meta http-equiv=“expires” content=Mon, 5 Jan 2008/2009 15:00:00 GMT/>” (Dann wird der Cache am Montag, den 5. Januar 2008 und 2009 um 15:00 Uhr neu geladen).
  2. pragma = Wenn Sie diesen Meta-Tag benutzen, wird Ihre Seite nicht mehr im Cache gespeichert, sondern immer direkt vom Server, das hilft dabei, immer die neuste Version zu sehen. Unveränderbarer Code: “<meta http-equiv=“pragma” content=no-cache/>” (Die Website wird nicht mehr im Cache gespeichert).
  3. refresh = gibt an nach wie vielen Sekunden die Seite neu geladen werden soll. Beispiel: “<meta http-equiv=“refresh” content=5/>” (Nach allen 5 Sekunden wird die Seite neu geladen).
  4. reply-to = Falls Rückfragen zur Website bestehen, haben Ihre Gäste hier die Chance eine Email zu schreiben. Beispiel: “<meta http-equiv=“reply-to” content=“Fabian.Schulz@hotmail.de (Fabian Schulz)/>
  5. keywords = dabei gilt das Gleiche wie für Schritt 2.1.2. Wörter, die die Website beschreiben. Beispiel: “<meta http-equiv=“keyword” content=“HTML, Tutorials, Spaß, Videos, Witze” />
  6. content-type = um alle Zeichen, wie ä, ö, ü, usw. korrekt anzuzeigen ist es nötig, den zeichensatz anzugeben. Beispiel: “<meta http-equiv=”content-type” content=”text/html; charset=iso-8859-i”>

‘wp_list_bookmarks’-Funktion (Wordpress)

Freitag, 04. Januar 2008

Die “wp_list_bookmarks”-Funktion liest die Links vom Blogroll aus. Dazu gibt es einige Extras zur Auslesung.

Argumente:

$defaults = array(’orderby’ => ‘name’, ‘order’ => ‘ASC’, ‘limit’ => -1, ‘category’ => ”,
‘category_name’ => ”, ‘hide_invisible’ => 1, ’show_updated’ => 0, ‘echo’ => 1,
‘categorize’ => 1, ‘title_li’ => __(’Lesezeichen’), ‘title_before’ => ‘<h2>’, ‘title_after’ => ‘</h2>’,
‘category_orderby’ => ‘name’, ‘category_order’ => ‘ASC’, ‘class’ => ‘linkcat’,
‘category_before’ => ‘<li id=”%id” class=”%class”>’, ‘category_after’ => ‘</li>’);

Dabei gilt:

  1. Standard = wenn man den Codeohne Veränderungen einfügt, werden alle Links in Kategorien verteilt angezeigt. Code: “<?php wp_list_bookmarks(); ?>” (Zeigt alle Kategorien mit zugehörigen Links an).
  2. orderby = sortiert die Links nach folgenden Kriterien: id (ID des Linkes), name (Titel des Linkes), target, rating, description, updated (Veröffentlichung), length (Länge des Titels), owner (Ersteller des Linkes), notes, rel. Beispiel: “<?php wp_list_bookmarks(’orderby=id‘); ?>” (Sortiert die Links nach ID, zum Beispiel 1, 6, 9, 10, 11, 36 usw.)
  3. limit = zeigt pro Kategorie nureine maximale Anzahl von Links an. Beispiel: “<?php wp_list_bookmarks(’limit=5‘); ?>” (Zeigt, falls vorhanden, pro Kategorie maximal 5 Links an).
  4. category = zeigt nur Links aus einer (oder mehrerer) Kategorien an. Beispiel: “<?php wp_list_bookmarks(’category=5,3‘); ?>” (Zeigt nur Links aus der Kategorie 5 und 3.
  5. categorize = zeigt entweder alle Links ohne Kategorien an oder in Kategorien sortiert, dabei gilt: 0 = Nein (unsortiert) und 1 = Ja (in Kategorien sortiert). Beispiel: “<?php wp_list_bookmarks(’categorize=0‘); ?>” (Zeigt alle Links unsortiert, bzw. nicht in Kategorien verteilt).
  6. before = zeigt Text vor einem kompletten Link an, auch (falls vorhanden und aktiviert) deren Beschreibung. Dazu ist aber auch noch der “after“-Tag nötig, siehe Punkt 7. Beispiel: “<?php wp_list_bookmarks(’before=<strong>‘,’after=</strong>‘); ?>” (Gibt die Links fettgedruckt aus).
  7. after = zeugt Text hinter einem Link, bzw. deren Beschreibung. Dazu ist noch der “before“-Tag nötig, siehe Schritt 6. Beispiel: “<?php wp_list_bookmarks(’before=<strong>‘,’after=</strong>‘); ?>” (Gibt die Links fettgedruckt aus).

Mehrere Argumente:

Die Funktion setzt sich aus einem Anführungszeichen, dem Argument, einem weiteren Anführungszeichen und zur Trennung ein Komma, am Schluß ist aber kein weiteres Komma nötig.

Beispiel: “<?php wp_list_bookmarks(before=<strong>‘,’after=</strong>‘,’orderby=id); ?>” (Zeigt einen Link mit Beschreibung fettgedruckt und nach Link-ID sortiert an).