Google indexiert bald Flash

Das was ich seit Jahren Kunden und Kollegen erzählen, konnte ich endlich mal an prominenter Stelle nachlesen und bin froh das ich doch kein Flash-Ignorant bin. Denn seit Jahren versuchen mich unterschiedliche Leute für Flash zu begeistern und den Einsatz im World Wide Web zu forcieren. Meine Bedenken, die nun offensichtlich richtig waren, wurden immer überhört und runtergespielt. Doch siehe da, hier wird es nochmals ausgesprochen:

…
Bisher hatten reine Flash-Seiten, wenn man sie nicht mit HTML-Tricks ergänzte, ganz schlechte Karten beim Google-Ranking.

Da die Flash-Technologie nicht in Form offener Standards spezifiziert wurde, kann ihr Verhalten nur durch aufwendiges Reverse Engineering zugänglich gemacht werden. Aus diesem Grund war Flash für viele professionelle Webseiten-Gestalter keine ernst zu nehmende Technik. Sie griffen lieber zu offenen Standards wie Scalable Vector Graphics (SVG) oder Synchronized Multimedia Integration Language (SMIL). Die von Adobe vorgeschlagene Vorgehensweise zur Einbindung des »Flash-Players« in Webseiten verwendet das HTML-Element <embed>, das nie in den W3C-Standards zu HTML enthalten war.

Den vollständigen Beitrag und die zukünftige Lösung von Google für dieses Problem könnt ihr im FontBlog nachlesen.

Check acquma.com

Ich habe vor Kurzem ein weiteres Projekt online gestellt, da es immer wieder Dinge gibt die man vergisst oder vergessen hat während der Schlussphase zu korrigieren, obwohl es klar war, ist man über jedes externe Feedback mehr als dankbar. Also falls jemand Lust hat, einfach mal zu ACQUMA surfen und checken :)

Zumindest was die XHTML und CSS Validität angeht, sollte eigentlich alles sauber umgesetzt worden sein, sagen HTML Tidy und die W3C Validatoren.

Google Doctype

Der Heise Newsticker berichtet grade über einen neuen Service von Google für uns Web-Entwickler.

Google hat in seinem Entwicklerbereich code.google.com eine Bibliothek für Web-Entwickler eingerichtet. Bei Google Doctype soll eine Enzyklopädie des “offenen Webs” entstehen, also eine Referenz zu “HTML, JavaScript, CSS, und mehr”. Als Grund, der Masse der Nachschlagewerke für Web-Entwickler ein weiteres hinzuzufügen, gibt Google an, dass die bestehenden Quellen den eigenen Bedürfnissen nicht genau entsprachen. So seien viele der anderen Referenzen “in Stein gemeißelt”, also einmal geschrieben und dann nie aktualisiert worden.

Die Informationen bei Google Doctype dagegen sollen permanent frisch gehalten werden, etwa Browservergleichstabellen. Google hat zum Start schon etliche Informationen bereitgestellt. So finden sich etwa Beispiele zur DOM-Manipulation. Google hofft, dass Benutzer weitere Inhalte beisteuern. Die Inhalte stehen unter einer Creative-Commons-Lizenz. …

videoload.de …

Es laufen momentan durchaus schöne und sympathische Werbespots mit Bastian Pastewka im Fernsehen zum neuen Filmportal, videoload.de. Und da ich von Natur aus neugierig bin, habe ich mich mal dort eingeloggt, doch kurz danach einen ultimativen Dämpfer erblickt:

Systemcheck

Ihr System wird überprüft…

Sehr geehrter Nutzer,

die Seite “Gekaufte Filme” können Sie derzeit mit dem Mozilla Firefox oder Opera nur eingeschränkt nutzen. Wir bitten Sie daher den Browser zu wechseln, um die Funktionalitäten von Videoload in vollem Umfang nutzen zu können. Für die Nutzung von Videoload empfehlen wir den Internet Explorer ab Version 6 oder den T-Online Browser 6.

Wir wünschen weiterhin viel Spaß mit Videoload.

Ihr Videoload Team

Nunja, da will sich wohl jemand einigen großen Zielgruppen entziehen.

Viewport Meta Anweisung

Ein Kollege hier im Sektor M hat seit einiger Zeit ein iPhone, dieses habe ich mir heute geschnappt und damit rumgespielt. Nachdem ich auf eine optimierte Homepage für das iPhone gelandet bin, habe ich die Viewport Meta Anweisung entdeckt. Diese ist dafür da um z.B. dem iPhone die Breite der Internetseite zu übermitteln, damit sie displaykonform angezeigt wird.

So wird z.B. aus:

ein ansehliches:

Die korrekte Anweisung lautet:

<meta name="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" />

Weitere technische Details und Beschreibungen findet ihr im Beitrag Web Development for the iPhone aus dem evotech Blog.

Web-Design: derwesten.de

Eine weitere neu große Seite, DerWesten, vergißt die Hintergrundfarbe zu definieren:

XHTML5 / HTML5 Zwischenstand

heise.de berichtet:

Die WHATWG, ein Zusammenschluss führender Web-Experten aus dem Umkreis des W3C, hat einen Zwischenstand der Spezifikation von (X)HTML5 veröffentlicht. Der designierte Nachfolger des zehn Jahre alten HTML4 soll jetzt weitgehend Feature-komplett sein. Ähnlich wie bei einem Open-Source-Projekt können Interessierte jederzeit den aktuellen Stand der Spezifikation verfolgen; den Zwischenstand bezeichnet WHATWG-Vordenker Ian Hickson als “halbstabile” Grundlage für eine Durchsicht von HTML5 und bittet um Kommentare.

Einige prominente Browser-Entwickler von Mozilla, Opera und Apple Safari hatten sich 2004 aus Unzufriedenheit mit den Entwicklungen bei XHTML2 zu einer Arbeitsgruppe außerhalb des W3C zusammengefunden. HTML5 wird sich sowohl in einer an SGML angelehnten wie in XML-Notation schreiben lassen (dann als “XHTML5″) und will die Web-Designer mit Kompatibilität zu früheren Standards sowie mit praxisrelevanten Neuerungen in Sachen Markup und DOM überzeugen. Im Frühjahr hat das W3C nach einem Machtwort von Tim Berners-Lee die Abtrünnigen wieder unter ihre Fittiche genommen. (heb/c’t)

MSIE 3.0: Amazon.de, eBay und OTTO

Wie im letzten Artikel erwähnt starte ich nun eine kleine Serie zum Thema: “Wie sehen heutige Homepages im Internet Explorer 3 aus?” Den Start machen, wie angekündigt, die meiner Meinung nach drei großen Shopping-Portale in Deutschland. Alle Screenshots werden bei einer Fenstergröße von 1024×768 Pixel gemacht und als standard Hintergrundfarbe wird Türkis eingestellt um fehlende Hintergrundfarben direkt ertappen zu können. Die genaue Version des Microsoft Internet Explorer ist 3.0.1152 datiert auf 1996. Keinerlei Plug-Ins installiert oder Patches, ergo ein blanker echter MSIE 3.0:

Amazon.de

eBay

OTTO

Anzeige & Formatierung

Der Älteste im Bunde, hat auch die besten Karten. Amazon.de hat mit Abstand die beste Anzeige im MSIE und man findet sich soweit gut zu recht. Ganz im Gegenteil sieht es bei eBay und OTTO aus, bei den heutigen verbreiteten Anwendungen von AJAX & Co., hat man so gut wie keine Chance eine Art Struktur zu erkennen und findet sich sehr schwer oder garnicht zu recht.

Auffällig ist direkt, das alle Drei anscheinend komplett auf CSS zählen und somit die Hintergrundfarbe nicht mehr definiert ist. Amazon.de definiert diesen innerhalb der Homepage über CSS, eBay definiert ihn garnicht und setzt somit auf die standard Einstellungen der Browser die oft auf Weiß stehen und OTTO definiert diesen über ein externes StyleSheet.

Konform?

Wie schaut es mit dem Quellcode aus, wird dieser richtig generiert und hat der Browser überhaupt eine Chance die Seite korrekt zu rendern? Den Quellcode schaue ich mir nun aber bewußt im aktuellen Firefox 2.0.0.8 an, mit entsprechenden AddOns die jede Kleinigkeit anzeigen. Alle drei Portale haben erschreckend viele Fehlermeldungen HTML Tidy ist damit überhaupt nicht einverstanden und wenn man alle drei beim W3C Validator für MarkUp und CSS durchjagdt, erkennt man das offensichtliche Übel.

Tool: Multiply_IE

Die Lösung aller Probleme und die Offenbarung schlampiger Internetseiten! Das Tool Multiply_IE von TredoSoft gibt es zwar schon seit Mitte 2006, doch leider bin ich jetzt erst darauf aufmerksam geworden. Dieses Tool erlaubt es alle alten Internet Explorer Versionen bis zur Version 3.0 parallel zu installieren. Ich brauche keinen Web-Author oder Web-Designer zu sagen wie hilfreich dies ist! :P

Im Zuge dieser neuen Möglickeit hat man einerseits die Möglichkeit seine Projekte auf Abwärtskompatibilität zu prüfen, aber kann sich auch ein gutes Bild machen, wie zum Beispiel die Suchroboter die Seite sehen bzw. lesen. Den grade bei der Version 3.0 gibt es keinerlei CSS Unterstützung und man sieht die nackt gerenderte Seite.

Da dies teilweise extrem interessant ist, habe ich mich Heute entschlossen einige der größten und meiner Meinung nach wichtigsten Homepages im deutschsprachigen Bereich mit dem Internet Explorer 3.0 zu besuchen und zu schauen wie sich diese präsentieren. Ich werde im ersten Artikel mir die drei großen Online-Shopping Portale anschauen: Amazon.de, eBay und OTTO.

Mobile Web Design

Mobile Web Design ist auch der Titel eines entsprechenden Buches dazu. Da sich gerade die Gelegenheit durch einen Kunden ergeben hat und wir uns einig sind, das dies auch Sinn macht für das Unternehmen, werde ich mich mit dieser Materie befassen. Da ich bisher nicht mal ansatzweise damit experimentiert habe, fange ich bei Null an. Doch dies ist nicht das Schlimmste, den somit kann ich schön in Ruhe alle Vor- und Nachteile durchgehen und die Entwicklung mit euch teilen.

Doch schauen wir uns mal aktuelle Mobile Web Angebote an und wie diese realisiert wurden:

• SPIGEL Mobil
• n-tv mobil
• n24
• tagesschau.de

Dazu braucht man natürlich ein entsprechendes Endgerät oder einfach einen entsprechenden Browser der dieses simuliert. Ich benutze momentan zum Testen den WinWAP Browser. Offizilles seitens des W3C gibt es natürlich auch mittlerweile, nämlich die W3C Mobile Web Initiative. Des Weiteren gibt es die Open Mobile Alliance (OMA) die aus dem ehemaligen WAP Forum entstanden ist, dort findet man auch die aktuellen Spezifikationen die relevant sind um entsprechende Angeboten zu gestalten.

Nach einigen hin und her klicken habe ich nun auch mal zwei interessante deutschsprachige Websites gefunden, die sich mit diesem Thema befassen:

• MWBP Flip Cards
• WML – Tutorial

Es gibt garantiert noch zahlreiche weitere Angebote, doch ihr kennt das ja, erst im Laufe der Zeit findet man diese und kann sie halbwegs durchsieben. Falls ihr welche kennt, die man auf jedenfall mal besuchen sollte, dann schreibt sie ruhig in die Kommentare.

Und das Offensichtliche habe ich natürlich erstmal wieder vergessen, denn natürlich gibt es bei W3Schools eine entsprechende Sektion dafür!