Apropos: A List apart und das Thema barrierefreies Webdesign

tempa wrote this 00:53:

Die Suchmaschine ist wie eine virtuelle Stadt mit verschiedenen Zentren. Wie in der Einkaufspassage in der Großstadt ziehen große und kleine Scharen von Passanten durch. Einige Bummeln rein aus Vergnügen andere verfolgen konkrete Vorhaben. Hierbei kommen sie an Schaufenstern vorbei und nehmen eine Vielzahl von Eindrücken mit. Soweit zur Realität — übertragen wir dieses Verhalten in den virtuellen Raum des Internet: Die Straßen der Städte werden im Netz von den Suchmaschinen gebaut. Die Schaufenster der Suchmaschinen-Passagen sind die Textausschnitte aus Ihrer Website und die im im Quelltext eingebetteten Bilder, welche die Sucher per Suchbegriff aus dem Datenbankindex der Suchmaschine abrufen.

Kommen Kunden in den Laden — respektive auf die Site, ist Design, Text und der Grad der Eineindeutigkeit in den Aufforderungen entscheidend für den Erfolg der Site.

Neben dem Inhalt einer Seite selbst sind Suchmaschinen die Helfer schlechthin, um möglichst zahlreiche Gäste auf der eigenen Site begrüßen zu dürfen. Die Zahl der Besucher, die über die Suchmaschine auf Ihre Website stoßen, nennt man Konversionsrate. Je höher die Konversionsrate, desto größer auch die Zahl derer, die auf Ihrer Website das Gesuchte finden und Ihre Waren und Leistungen kaufen.

Suchmaschinen verarbeiten ausschließlich den Quelltext.

Schnell wird hierbei vergessen, dass Suchmaschinen nur den Quelltext einer Seite verarbeiten und davon primär die HTML-Teile verarbeiten. Es macht daher Sinn eine Seite mit den Augen einer Suchmaschine auf seine Lesbar- und vorallem Verwertbarkeit hin zu überprüfen. Diesem Thema widmet sich nun auch A List apart aktuell in einem Beitrag (Engl.).

Ein herrlicher Anlaß noch einmal an meinen Beitrag vom Mai 2005 😉 zum Thema zu erinnern: Barrierearmut: Optimieren mit Fang
Mit der Firefox-Erweiterung Fang können Sie jede Seite bequem über das Kontextmenü mit den Augen der Suchmaschine betrachten. Die Erweiterung für Ihren Firefox ist schnell und einfach installiert.

Die Optimierung auf Barrierearmut hilft gleichzeitig die Site schneller zu machen. Achten Sie bei der Seite auch auf Alt und Title bei Bildern, da Google Bilder nicht interpretieren kann und daher auf ALT-Texte angewiesen ist. Fehlen diese werden Bilder nach ihrem Dateinamen und dem umgebenden Text bewertet. Je weniger Grafiken, die dem reinen Layout dienen, in dem Quelltext eingebettet sind desto besser für die Bewertung des Inhaltes ihrer Seite. Diesbezüglich hat der Disney Store UK jetzt vor dem Weihnachtsgeschäft ganz frisch eine bittere Lehre ziehen müssen, als dieser kürzlich zu den veralteten Layouttabellen zurückkehrte und eine mehr als überflüssige Layoutgrafik namens „Image Spacer“ zum wichtigsten Begriff der Website vom Google-Index gekürt wurde.

Der weitere Vorteil mit CSS-Design ist, dass Textergebnisse mit verschiedenen Layouts schnell umgesetzt werden können und so der Erfolg auf allen Ebenen systematisch erreicht werden kann.

Herzlichen Dank an Robert Basic, der mit seinem Link zum Beitrag hilft, die Bedeutung barrierearmer Seiten bekannt zu machen. Man kann es gar nicht oft genug sagen.

Weiterhin möchte ich die Lektüre bei Google empfehlen: Richtlinien für Webmaster

ANZEIGE

Gute Websites — stark im Onlinemarketing, barrierearm und rasend schnell — erhalten Sie in der Templaterie (Deutschland) und von creisi productions (Schweiz)

Anmerkung: Barrierefreiheit ist eine Illusion, weswegen ich barrierearm dem Begriff barrierefrei vorziehe.

Wer weiß was? Sitefahndung oder das große Warum ein Fallback verwenden

tempa wrote this 14:23:

Eigentlich ist es gar nicht so schwer, eine Website so zu planen, dass der User frei bleibt in der Entscheidung, welche Optionen er für sein Ausgabegerät nutzt. Trotzdem wird bei so machem Unternehmen und so mancher Organisation die Website zum Ratespiel. Die folgende Webseite sollten die meisten Unternehmer kennen:

Ratespiel:
Welche Site ist das?

Page has eight links dash Mozilla Firefox Table with one column and sixteen rows Table with twenty-five columns and twelve rows Edit This page link Graphic slash homepage underline sixteen .jpg Link Link Link Table end Table with four columns and two rows Link Graphic slash efiling underline de.gif Link Graphic slash mypage.gif Link Graphic slash inta dash ohim.gif Link Graphic slash ctm underline mp underline de.gif Table end Table with two columns and one row Table end Table end

read more about Fang »

Nur für den Fall, dass einer der Meinung wäre, ich hätte, um es schwerer zu machen, etwas weggelassen. Nein, habe ich nicht.

Ich will ein wenig helfen:
Images disabled

Nagut, ein wenig mehr Hinweise … (mehr …)

Barrierearmut: Optimieren mit Fang

tempa wrote this 03:53:

Fang gibt es als Erweiterung für den Firefox (FF). (engl.) Seine Installation und Anwendung hat mich darin bestärkt Seiten bei der Entwicklung auch immer Fang einmal zu betrachten und mir vorzustellen, ob ich solch einen Text hören wollte. Im Folgenden habe ich zur Anschauung das Fang-Rendering für einen Ausschnitt dieser Seite herauskopiert:

Diese Seite im Fang-Plugin des FF

Page has eleven headings and forty-seven links templaterie blog dash Mozilla Firefox Edit alt plus 4 Suche button Heading level one Link templaterie blog alt plus 1 Das Blog rund um Webpublishing List of six items bullet Link Startseite bullet Link Archiv bullet Link Wer blogt da? bullet Link Webhandbuch left bracket T right bracket bullet Link Startseite left bracket T right bracket bullet Link Shop left bracket T right bracket List end alt plus 2 Freitag, twenty-seven . Mai two thousand five vertical bar twenty-two colon two h Autor slash in colon tempa Heading level two Link Links ohne Google dash Gedöns Link zero Kommentare So. Die Links sind nun wieder kurz und knackig. So gesehen, …

Ähnlich lesen auch Google-Bots die Seite. Schon bei dem Template war mir aufgefallen, dass die Zahl der Kommentare ohne weitere Erläuterung eine große Hürde darstellt.
(mehr …)

   

Recent Comments:

  • Silke schümann { Du warst auf dieser Seite: Step1 zur Archiv-Thumbgalerie via Custom fields Marke Eigenbau http://templaterie.de/blog/931/step1-zur-archiv-thumbgalerie-via-custom-fields-marke-eigenbau/ Hier war ich noch am Basteln. Ich fürchte meine PHP-Kenntnisse sind... } – Aug 26, 9:29 AM
  • Andreas { Hey, ich habe den Code wie oben benutzt und auch $dgal = get_posts('category=1′); on der richtigen Zeile eingesetzt nur bei mir läufts immernoch nicht. Kann... } – Aug 26, 3:20 AM
  • Fred { "wer Smarty lernt, kann tatsächlich gleich auch PHP mitmachen, ich hatte es eine zeitlang auch eingesetzt, aber jetzt mach ich es wieder auf meine art... } – Jan 06, 7:14 PM
  • Silke Schümann { Das klingt nach einem Syntaxfehler in der ersten Zeile. Anführungszeichen korrekt? Und das Plugin funktioniert nur innerhalb von Editland. Die index.php ausserhalb von Editland aufzurufen... } – Jun 18, 3:40 PM
  • Jörg { Hallo, ich habe die index.php im ersten Abschitt Nr. 3 beschrieben, angelegt. Beim Aufruf der Seite wird folgende Fehlermeldung angezeigt: Parse error: parse error, unexpected... } – Jun 18, 3:14 PM
  • Michael { Gern geschehen 😉 } – Mai 29, 2:31 PM
  • Silke Schümann { Jepp. Das war's: ES tut! Lösung ist nun in einem eigenen Beitrag: Step1 zur Archiv-Thumbgalerie via Custom fields Marke Eigenbau Fertig und betriebstüchtig! 🙂 } – Mai 29, 1:25 PM
  • Michael { Wie wäre es, wenn Du die Zeile $dgal = get_posts('category=1'); auslagerst und den Rest in eine Funktion packts, der Du $dgal übergibst. Das wäre auch... } – Mai 29, 12:45 PM
  • Silke Schümann { Ich ziehe diees Variante ebenfalls vor, dovh wenn ich Code übernehmen, dann ändere ich hierfür nicht extra. Es dürfte gehzpft wei gesprungen sein, welche man... } – Mai 29, 2:00 AM
  • Ulf { ich würde bei der Syntax für Schleifen konsequent die C-ähnliche Variante mit geschweiften klammern nehmen, nicht die alternative mit Doppelpunkt und "endwhile" bzw. "endforeach". } – Mai 29, 12:00 AM
  • Silke Schümann { Ich habe ich http://franchie.de die Thumbs in der Sidebar erfolgreich ausgelesen. Ansonsten ist die Test-Umgebung unter 1a-test dot de / blog Ich will diese Adresse... } – Mai 28, 11:37 PM