Nun kommt es darauf an, dass der Verlauf im Ranking, die Steigerung der Aufrufe und die optimale Haltung eines guten Platzes in den Suchmaschinen weiter kontrolliert und verfolgt wird. Natürlich kann man auch hier wieder mühselige und zeitraubende Kleinarbeit einsetzen und viele Leute mit Einträgen in Exeltabellen und Analysen beschäftigen. Den besseren Effekt erzielt ein Keyword Monitoring über bereits bewährte Tools für diese Funktionen. Keyword Monitoring Tools überprüfen den Ranking Verlauf bei den Suchmaschinen, einige eliminieren bereits schlecht laufende Wörter und Phrasen, teils sind in die Hilfestellung zur Optimierung durch die Tools noch eine Reihe anderer Funktionen, wie auch die Backlink Analyse, eingebaut. Auch die Findung von Analysen der Konkurrenz ist hier möglich.

via SEO-Tools für Keyword Recherche und Monitoring » SEO-HANDBUCH.DE – Suchmaschinenoptimierung SEO & Suchmaschinenmarketing SEM Blog.

Oder wie lässt es sich anders erklären, dass ein “ProximateSEO” 135 Follower hat, ohne einen einzigen Tweet in der Timeline zu haben?

Ist es die Marke, die “er” vertritt, ist es die Webseite, die dahinter steht? Beides würde ich verneinen. Auf der Webseite werden SEO Tools angepriesen, auf die — wenn überhaupt — erst nach Login Zugriff gewährt wird. Alles schaut sogar nach eine Catch-Seite aus — wohingegen das Blog auf den ersten Blick doch reichlich gefüllt ist und sich tatsächlich mit SEO beschäftigt. Auf den zweiten Blick ist es aber eher spärlich mit wirklichen Informationen bespickt und schmückt die Palette der SEO Begriffe mit feinen Texten aus. Google scheint die Seite auch noch nicht so gern zu haben und liefert nur 2 Seiten Ergebnisse aus — doch woher dann die Follower? Liegt es wirklich nur am Namen und einer gewissen Erwartung hinter dem Namen, oder betreibt hier jemand einfach nur eine ausgetüftelte Kampagne?

Manchmal ist es ganz nützlich den Inhalt einer HTML Seite extern nachzuladen. Beispielsweise ist es unheimlich nützlich, wenn eine vom Shop oder CMS losgelöste Landingpage (Startseite) hinundwieder mit frischem Inhalt versorgt werden will, die Quelldaten des Templates aber im Verzeichnisbaum in der Dunkelheit des Grabens verscharrt sind, oder dieser Inhalt von propriätär gestalteten Templates ferngehalten werden soll. Ist das Templatesystem bereits auf php basierend, ist es indes sehr leicht mit Hilfe eines includes HTML Inhalt nachzuladen.

<?php include('file.html'); ?>

Besteht das Templatesystem jedoch aus reinen HTML Dateien, wird es etwas komplizierter. Hier gibt es an sich wohl nur zwei Möglichkeiten: Server Side Includes (SSI) oder JavaScript. Da SSI nicht bei jedem Hoster funktioniert, besteht also im Prinzip nur die Möglichkeit über JavaScript. Mit Javascript lässt sich bspw. der Inhalt von div Elementen sehr einfach manipulieren und somit auch durch einen nachgeladenen Code ersetzen. Dazu stehen hier stellvertretend zwei divs mit je eigener ID, deren Inhalt beim laden der Seite per JS verändert wird

  <div id="teaserContent">alternative content</div>
  <div id="teaserContent2">alternative content</div> 

Der alternative content ist dabei sehr wichtig, da sonst User ohne JavaScript an dieser Setlle nur ein weißes Feld ohne jeglichen Inhalt zu sehen bekämen. Der nachfolgende JavaScript Aufruf überschreibt dann den alternative content mit dem Dateien im angebenem Pfad. Er steht absichtlich nicht in einer document.ready() Umgebung, da der Inhalt möglichst schnell und vor dem rest der Seite nachgeladen werden soll.

<script type="text/javascript">
  $(function () {
    $('#teaserContent').load('landingpage/teaser.html');
    $('#teaserContent2').load('landingpage/teaser2.html');
  });
</script> 

Anschließend sei noch geraten, die div Elemente mit der korrekten Größe von vornherein mittels CSS zu versehen, da sonst während des Nachladens die Elemente der Seite springen!

HTML schreibweise für ä,ö,ü,ß
bevor ich sie mir immer suchen muss:

ä -> ä
Ä -> Ä
ö -> ö
Ö -> Ö
ü -> ü
Ü -> Ü
ß -> ß
€ -> €
& -> &
< -> &lt;
> -> &gt;
” -> &quot;

dank an [dh]

There is no simplified way to get a TrueType Font right into your page without any “coding horror”. Typekit can serve fonts to any browser that supports the CSS @font-face rule. That includes Firefox 3.5 and higher, Safari 3.4 and higher, and all versions of Microsoft’s Internet Explorer after version 5. Older browsers will not be affected by Typekit. You are just 4 steps away from getting easypeasy TTFs into your site:

1. Login into typekit (only if you are invited – right now)
2. Just put a piece of code you ‘ll get from typekit into your head tag
3. pickup a font from typekits space (paid members are allowed to use their own fonts)
4. choose yor CSS classes, the Font has to be replaced

and you are done. Easy, isn’t it?

The free service includes 5GB Traffic, a Trial Library of some nice Fonts, just 1 website you can use nested with only two different fonts and a required placement of a typekit badge.

Youtube geizt seinen Mitgliedern nicht mit Backlinks. Eine eingetragene Seite im Profil ist nämlich nicht auf nofollow gesetzt.

Passend dazu gibt es auf eine seomoz.org Liste mit weiteren Linkquellen, von denen man nicht erwartet hätte dofollow Links zu bekommen.

Ein Kontaktformular ist mit PHP eigentlich schnell erstellt und lässt sich einfachste Weise in jede Webseite einbauen. Was leider oft vergessen wird ist die Sicherheit — nicht nur zum Schutz vor SPAM des Kontaktformular-Administrators, sondern auch zum Schutz vor Injections, die das Skript zum versenden von SPAM unter dem Namen des Webseitenbetreibers missbrauchen können.

Oft wird diese vermeintlich triviale Website-Funktion von Programmier-Anfängern umgesetzt, die keine Erfahrung mit der sicheren Web-Programmierung haben. Solche Skripte prüfen die Formular-Eingaben nicht auf unerlaubte Zeichen – dadurch können sie von Spammern als Spam-Verteiler missbraucht werden … Das oberste Gebot eines jeden Web-Programmierers muss lauten: “Vertraue nichts und niemandem”. Daten, die ein Skript aus HTML-Formularen, POST/GET-Übergabeparametern oder sonstwoher erhält müssen grundsätzlich als potenziell gefährlich angesehen und vor der Verarbeitung “gesäubert” werden. Eine “gesunde” Portion Paranoia ist sehr hilfreich beim Web-Programmieren, auch wenn Auftraggeber oder Vorgesetzte manchmal schief gucken mögen.

Auch wenn man ein Webskript nicht so sicher machen kann wie ein Tresor, lässt sich ein Kontaktformular doch recht einfach absichern. Damit die SPAMmer nicht so einfach freies Futter finden, hier also eine Anleitung, wie ein Formular sehr einfach abgesichert werden kann — und dazu passend ein How-To zur Erstellung eines sicheres Kontaktformulars mit PHP und jQuery

EDIT: ich habe seit der Erstellung des Posts gelernt, dass eine alleinige JS Validierung aus Sicherheitstechnischer Sicht eigentlich gar keine ist, denn: “Die Validierung von Formularen über JavaScript kann zwar nützlich sein, da sie oft schneller ist und die Seite nicht neu geladen werden muss, allerdings ist sie kein Ersatz für eine erneute Validierung der Daten auf der Seite des Servers. Sind die Daten nicht serverseitig validiert worden, kann man davon ausgehen dass sie überhaupt nicht validiert wurden.” [gängige Sicherheitsprobleme im Web

Zudem "hat sich leider immer wieder herausgestellt, das es mit Javascript unmöglich ist, eine Validierung zu garantieren. Irgendwelche Trottel haben Javascript immer ausgeschaltet oder es buggt. " [phpBlogger]

Ich werde demnächst also nur noch eine phpValidierung durchführen, und wohlmöglich mit Hilfe dieser Bibliothek

• 52 Really High Quality Free Fonts For Modern And Cool Design
  Dainis is big fan of typography and was surprised he haven’t done any good font collection! While doing research he was amazed how many really high quality fonts are available for free.
• 16 Gorgeous Web Safe Fonts To Use With CSS
  16 Schriftarten, die “garantiert in jedem Browser” dargestellt werden können.
• beautiful fonts with @font-face
  Firefox 3.5 unterstützt dank eines neuen CSS Tags font-face nun eigens eingebundene Schriftarten
• Mit YourFonts erstellt man die eigene handschriftliche Schriftart. Im Gegensatz zu vielen anderen Online Diensten unterstützt yourfonts auch deutsche Umlaute! und die eigene Unterschrift.

“Prism ist ein Mozilla-Projekt, das auf Kommando Websites in Desktop-Anwendungen verwandelt. Die Website wird dann vom Desktop gestartet und in einer Art abgespecktem Firefox geladen, der nichts weiter macht, als eben diese Seite zu zeigen. So holt man sich Webapps wie Google Mail vom Browser auf den Desktop. Die Beta gibt es als Standalone-Programm oder Firefox-Extension” [Peter Kröner]


Den gleichen Effekt erzielt man auch mit Fluid

Alternativ zu Firebug im Firefox kann man auch den WebInspector im Safari durch die Eingabe der folgenden Zeile im Terminal freischalten:

defaults write com.apple.Safari IncludeDebugMenu 1

[via designpicks]