Im CSS Adventskalender ging es die vergangenen Tage unter anderem um:

• CSS Transform und Transition
• CSS3-Keyframe-Animationen
• CSS Media Queries
• CSS3 Pattern mit Linear-Gradient
• CSS3 Transform
• CSS3 Count – HTML Elemente nummerieren
• bis hin zu einen Ausblick auf CSS4

Mein persönliches Sahnestück hierbei: Das Auf- und Zuklappen von Menüs, dem CSS3 Toggle-Effect.

Noch bis zum 8. Januar 2012 kann man in den Lostopf gelangen. Wie? Steht alles im Webstandards-Blog von Heiko Stiegert.

Nun, 1 Tag vor dem Finale, werde ich wohl auch nichts mehr reißen, möchte allerdings noch einen Versuch über die Beitrag hier auf picxl.de starten. Mehr soll es zum Thema "Jahresendseo" aber auch nicht werden, da schließlich auch "richtige" Arbeit auf meinem Tisch auf etwas Zuwendung wartet.

Jahresendseo Top 100

Die Jahresendseo Top 100 auf schnurpsel.de kann meinen Artikel derzeit überhaupt nicht im Index finden. In meinem eigenen Monitoring schwanke ich aber auch zwischen den Positionen 40 und 50 oder jenseits der Top 100. Mal sehen, wo/ ob ich morgen um 22:00 Uhr Kölner Zeit bei Google zu finden sein werde. Im Augenblick führt Pascal Landau von MySeoSolution.

Simsalaseo ist im Übrigen ein reiner Phantasiebegriff den der Initiator des Wettbewerbs, Martin Mißfeldt, ausgesucht hatte. Wichtig war hierbei, dass zu Beginn des Contests das Keyword noch nicht bei Google auftauchte und so alle Beteiligten die gleichen Chancen hatten. Natürlich wurden sofort die Keyword-Domains registriert und die entsprechenden Social Media Nicks angemeldet. Aus allen Kanälen schießen die Simsalaseo-Links durch’s Netz – von Twitter, G+, Facebook, Blog-Kommentaren usw.

Mal sehen, ob und wo "mein goldenes Bienchen" – mein Simsalaseo-Bild – landen wird. Das Bild ist das Startbild einer kleinen Bildergalerie unter www.weihmann.de/simsalaseo/simsalaseo-art. Heute Vormittag befindet es sich auf Platz 34 in der Bildersuche. Ist sicherlich nicht ganz schlecht, aber 5 Plätze weiter nach oben wären schon klasse.

Warum das Ganze?
Die Domain redirect301.de war zum Zeitpunkt, als ich mit den Weiterleitungen einiger alter Webprojekte beschäftigte, frei und da konnte ich einfach nicht widerstehen. Natürlich befasst man sich dann auch intensiver mit Fragen und Lösungen zu diesem Themengebiet und erweitert so seinen Horizont.

Redirects werden im Netz immer dann gebraucht, wenn eine bestimmte Resoource, z.B. ein Dokument, eine Webseite oder eine ganze Domain, nicht mehr unter der bekannten Adresse erreichbar ist. Sei es nun nur temporär oder dauerhaft. Man möchte natürlich mit seinem Webprojekt seine Besucher nicht mit einer Fehlerseite begrüßen und auch nicht das bereits gewonnene Vertrauen bei Google & Co. verlieren. Aus diesen Gründen braucht sicher jeder Webseiten-Betreiber mal irgendwann eine wie auch immer geartete Weiterleitung! Ob nun per PHP, in einer htaccess-Datei oder einen einfachen Meta-Refresh direkt im HTML. Unter redirect301.de gibt’s eine Antwort – auch zu Status-Codes, zur Webanalyse mit Piwik und zum Umgang mit htaccess-Dateien.

Das wichtigste ist aber sicherlich der sofort verwendbare CSS-Code, dessen Eigenschaften mit Schiebereglern und Auswahltboxen in sekundenschnelle den eigenen Bedürfnissen angepasst werden können.

Der CSS 3.0 Maker hinft beim Erstellen der Code-Bausteine für:

• Border-Radius (abgerundete Ecken)
• Gradient (Farbverläufe)
• CSS-Transform, Transition und Animation
• RGBA (Farbtransparenzen)
• Text-Shadow und Box-Shadow
• Text-Rotation
• und @Font-Face zum Einbinden eigener Schriften

Dieser CSS3-Online-Generator wird mich sicher über lange Zeit bei meinen CSS-Arbeiten begleiten.

Nun ist es oftmals allerdings alles andere als günstig, dass diese Zusatzinformation "ungefragt" ausgegeben wird. Wer nach etwas sucht und bereits in den SERPs sieht, dass der Inhalt auf der Webseite ein Beitrag von 2007 ist, klickt möglichweise lieber auf ein Suchergebnis, bei dem das Datum aktueller ist oder gar nicht angezeigt wird. Hierbei ist es nicht relevant ob der 2007er Artikel qualitativ genau das Gesuchte liefert. Das Unterbewusstsein sagt einem "Dieser Inhalt ist alt / veraltet!", auch wenn bei vielen Themen es völlig egal ist, wann dieser Inhalt erfasst wurde.

Weiterhin fehlen die bis zu 19 Zeichen für das Datum, Leerzeichen und Punkte eventuell in der selbst festgelegten Beschreibung! Das sind etwa 12% der maximal angezeigten Gesamtlänge der Description. Warum Google hier nicht per Metatag oder in den Webmastertools eine Festlegung vom Webmaster selbst zulässt, ist für mich nicht nachvollziehbar. Die Zeiten, in denen Blogs reine Onlinetagebücher waren, sind doch längst vorbei. Blogs sind zu echten Content Management Systemen heran gewachsen und werden von vielen Seitenbetreibern als solche eingestzt.

Anpassungen in den Template-Dateien

In den WordPress-Themes wird das Veröffentlichungsdatum oft bei jedem Artikel mit ausgeben. Auf picxl.de habe ich diese Information einmal links neben dem Titel und einmal unterhalb jedes Artikels. In den php-Dateien single.php, page.php, index.php usw. hatte ich folgenden Code stehen:

<?php the_time('l, j. F Y') ?>

Ersetzt man diesen nun durch eine JavaScript-Ausgabe, wertet Google diesen nicht mehr aus. Besucher mit deaktiviertem JavaScript bekommen an dieser Stelle natürlich auch keine Information über das Veröffentlichungsdatum mehr angezeigt.

<script language="javascript">document.write('<?php the_time('l, j. F Y') ?>'); </script>

Bei neu veröffentlichen Beiträgen ist der Beschreibungstext sofort ohne Datum im Google-Index. Bei älteren kam es nach und nach zu einer Änderung und manche Descriptions sind auch nach 2 Monaten noch immer mit einem Datum versehen. Sicherlich würden inhaltliche Veränderungen dieser Artikel eine Anpassung beschleunigen, aber ich habe ja Geduld.

Für diesen Beitrag habe ich die beiden möglichen Snippets in einen Screenshot untereinander gelegt. Meine Meta-Description "Viele WordPress-Artikel und Foren-Einträge zeigt Google in den Suchergebnissen mit ihrem Veröffentlichungsdatum an. Dieser Beitrag beschreibt, wie man dies verhindert." gefällt mir mit dem abschließenden Wort "verhindert" am Ende deutlich besser, als mit dem Datum am Anfang…

Oft besucht habe ich während des Contests die LastActionSEO – Top 100 von Schnurpsel. Hier erhielt man schnell einen aktuellen Überblick über das eigene Ranking (soweit vorhanden) und eine Übersicht über die wirklich guten LastActionSEOs. Tolle Idee – war für mich eines der Highlights des Wettbewerbs. Leider hatte ich während des Contests eine Menge Arbeit auf dem Tisch und Beepworld hierbei nicht wirklich ausgiebig testen können. Vielleicht soweit, dass der der Beeplog eine einfache schnelle Geschichte zum Posten von News ist. Ein paar einfache HTML-Kenntnisse zum Setzen von Links und Einbinden von Bilder voraus gesesetzt. Beepworld selbst ist sicher etwas für alle GeoCities-Nostalgiker, da swar mir einfach zu viel Bastelarbeit.

Anfangs damit noch in der Top 70 und nun nicht mehr unter den besten 100! Weder der Beeplog, noch die Beepworld-Seite! Naja, wer sich nur zurück lehnt, der gewinnt auch keine Preise…

Ansonsten warte ich auf die ersten Auswertungen des SEO-Wettbewerbs. Was regt die Synapsen bei Google an und was nicht? Wer hat sich sein Link-Netzwerk versaut? Und wie ticken die anderen Suchmaschinen? Nichts ist schließlich für die Ewigkeit….
Wer kann wie bei der Bildersuche punkten? Was ist mit Youtube & Co.?

Die ganze Website macht einen frischen Eindruck. Die Artikel geben dem Leser Hilfen und Grundlagen zum Thema SEO mit auf den Weg und führen gerade Einsteiger unkompliziert in die Suchmaschinenoptimierung ein. Ein klasse Blog, auf dessen Beiträge ich mich immer wieder freue und den ich hier einfach mal kurz empfehlen möchte.
Bis Ende November 2010 läuft noch ein Gewinnspiel, bei dem Data Beckers Traffic Booster – einem SEO-Tool für den Windows Desktop – verlost wird und an dem ich mich hiermit natürlich gern beteilige möchte.

Nina Gerling ist Webdesignerin im Berliner-Brandenburger Raum und begeisterte Mitstreiterin im Contao-Team. Sie administriert die Contao-Community und ist Autorin des Buchs Contao für Redakteure. Peter Müller war nicht zum ersten Mal in der Technikwürze und ist sicher durch seine Buchreihe Little Boxes vielen Webdesignern ein Begriff. Sein neues Buch Websites erstellen mit Contao (mit Hardcover und Lesebändchen) wird im Podcast vorgestellt und Peter lässt es sich nicht nehmen, den Titelsong der Technikwürze auf seiner Gitarre zu präsentieren.

Contao, ein wirklich durchdachtes Open-Source-CMS, hieß bis zum Sommer 2010 noch TypoLight. Diese Namenswahl ließ jedoch immer wieder auf ein abgespecktes Typo3 bzw. auf ein Light-CMS mit wenigen Funktionalitäten schließen. Weit gefehlt! Contao ist ein Content Management System, das alle bekannten CMS-Features bietet, den Anspruch weitgehend barrierefrei zu sein hat und durch viele Plugins praktisch beliebig erweiterbar ist. Es hat den Ruf, sich aus allen großen Content Management Systemen das beste heraus gepickt zu haben und von den Redakteuren sehr leicht bedienbar zu sein.

Ich werde es mit großer Sicherheit demnächst ausprobieren und ein kleineres Projekt damit umzusetzen. Vielleicht gehöre ich ja zu den glücklichen Gewinnern eines der Bücher oder eines Videos, die in der Technikwürze 173 verlost werden. Falls nicht, dann muss ich wohl meine Weihnachtswünsche noch einmal überdenken… Meine künftigen Erfahrungen mit Contao gibts dann möglicherweise hier unter dem entsprechenden Tag.

Unter anderem wurden die folgenden Contao-Bücher in dieser Technikwürze-Sendung ausführlich vorgestellt und hinterließen bei mir einen sehr guten Eindruck:

Optisch sieht das fast 50 € teure Stück Plastik professionell aus und bringt zusätzliche Stabilität beim Halten der Kamera. Es lässt sich leicht von der Kamera lösen und ist für alle möglichen Filter, Konverter, Ringblitze usw. geeignet. Während meiner Suche nach einem passenden Tubus bin ich auch über Nachbauten von Drittherstellern gestolpert, die natürlich einige Euro Ersparnis versprechen. Hierbei sollte man allerdings unbedingt darauf achten, dass das Anschlussgewinde auch 58 mm hat und somit die original Canon-Konverter passen.

Leider ist der Adapter etwas zu lang geraten für die Canon G12. Ohne Zoom erhält man eine Vignette (eine Randabdeckung) bei der Aufnahme, die erst ab ca. 59 mm Brennweite verschwindet. Bei 48 mm (siehe Testbilder) ist in den Ecken noch immer die schwarze Rundung des Filters bzw. des Anschlusstubus zu sehen – bei vollem Weitwinkel, also 28 mm – fotografiert man praktisch durch eine Röhre. Das ist sicherlich bei einem Weitwinkel, den die Canon G12 mit ihren 28 mm mitbringt nicht unüblich, aber es nervt schon, dass bei jedem Foto erst einmal der Zoom 2-3 mal kurz betätigt werden muss. Gerade auf eine Streulichtblende würde ich auch bei Weitwinkelaufnahmen nicht verzichten wollen.

Für die Canon PowerShot G12 gibt es noch den Filteradapter FA-DC58B, den ich leider nicht testen konnte. Möglicherweise ist dieser kürzer und es kommt nicht Vignettierungen. Dafür dürfte sicherlich der komplette Tele-Bereich nicht möglich sein, da das Objektiv an den angebrachten Filter stößt. Das ist allerdings wirklich nur eine Vermutung! 

Testbilder mit der Canon G12 und dem LA-DC58K

Meine Erfahrungen mit der Canon PowerShot G12 waren durchaus positiv und ich kann jedem, der eine neue Kompakt-Kamera der Oberklasse sucht, nur empfehlen, sich diese näher anzusehen. Natürlich auch gern über meinen Amazon-Link zur Canon G12.