• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Qualidator - Was tun um Seite aufzuwerten?

Status
Für weitere Antworten geschlossen.
Loon3y

Loon3y

Neues Mitglied
Seit gegrüßt,

viele, ich denke nicht jeder, wird ja diese Seite hier kennen: Qualidator - website quality validation & monitoring - Website testen

nein verratet mir doch mal, wie man auf 80% oder gar 90% oder mehr kommt ! Was da alles erfüllt werden muss, was für kleine Tips und Tricks es gibt? Klar ist ja das man validen und korrekten quellcode hat, layout und html trennt, keine zweckentfremdung der tags...aber was muss noch erfüllt werden? viel content? was besagt die "zugänglichkeit"?

Gruß
Loon3y
 
Wenn du deine Seite überprüfen lässt, werden doch Warnungen, Tipps und Hinweise angezeigt, dort ist jeweils auch beschrieben, was noch verbessert werden kann. Nicht immer ganz ausführlich, aber dafür gibt es ja noch eine Suchmaschine deiner Wahl.

Mit Zugänglichkeit ist die Barrierefreiheit gemeint.
 
_Thor_ schrieb:
Wenn du deine Seite überprüfen lässt, werden doch Warnungen, Tipps und Hinweise angezeigt, dort ist jeweils auch beschrieben, was noch verbessert werden kann. Nicht immer ganz ausführlich, aber dafür gibt es ja noch eine Suchmaschine deiner Wahl.

Mit Zugänglichkeit ist die Barrierefreiheit gemeint.
Zum Vergrößern anklicken....

Naja das ist mir klar, aber da stehen so sachen wie "keine frames benutzen", schriftgröße, links einfügen, Css-Layout, aber all das hab ich z.B. in meiner page.

Also woran kanns noch liegen das eine seite niedrig bewertet wird?
 
Fangen wir mal bei den Warnungen an:
  • An den Traffik Rank von Alexa kann man nur was machen, wenn man die Toolbar oder das Plugin installiert hat, was sehr schade ist.
  • Nicht wechselnder Seitentitel sollte doch schon für sich sprechen, oder? Jede Seite sollte einen eigenen Titel haben, der sich von den übrigen Seiten unterscheidet. Dein Titel auf jeder Seite ist "SKC 2007 - Die Kugel rollt".
  • Schriftvergrößerung: Da steht die Lösung sogar schon mit bei
    die Schriftgrössen nicht in Pixel, sondern in Prozent oder "em" zu definieren.
    Zum Vergrößern anklicken....
  • Neues Browserfenster: Sie wollen, dass pdf's und ähnliche Dokumente in einem eigenen Fenster oder Tab geöffnet werden, Doctype Transitional und target helfen da. Hier mal ein Ausschnitt aus der Antwort einer Mail, die ich zu diesem Thema an die Betreiber der Webseite geschrieben habe.
    Tatsächlich handelt es sich bei dem von Ihnen angesprochenen Themenbereich
    um einen Kompromiss und zwar um geht es hier um einen Usability-Kompromiss.
    Usability-Empfehlungen sagen aus, dass Office-Dokumente in einem neuen
    Fenster geöffnet werden sollten, da in Studien ersehen werden konnte, dass
    der User das Dokument nach dem Lesen schliesst und somit gegebenenfalls auch
    den Browser.

    Es ist natürlich schon so, dass die modernen Browser die Tabs beherrschen
    und der User somit selber bestimmen kann wie er das Dokument öffnet.
    Usability-Studien zeigen jedoch, dass immer noch ein grosser Teil der
    Internetuser (ungeübte, evtl. ältere User) den Umgang mit den Tabs nicht
    beherrscht und ein Fenster, das nicht ersichtlich ist auf dem Fenster
    schlichtweg übersehen.

    „Strict“ ist abgesehen vom fehlenden Target die beste DTD. Wir empfehlen
    „Transitional“ zu verwenden, allenfalls mit „Strict“ zu validieren und das Target zu ignorieren.
    Zum Vergrößern anklicken....
  • Spaghetti-Markup: Layout in eine separate CSS-Datei und auf inline-style verzichten.
  • Überschriftensemantik: Als erste Überschrift immer h1, dann h2, h3 usw. nicht mit h3 anfangen
  • Explizite Bezeichnung von Eingabefeldern und Auswahlmenüs: Lösung steht dort auch schon, <label> vor <input>
Das waren jetzt nur mal die Warnungen, wenn du dir die Texte dazu gründlich durchliest, findest du sehr schnell die Mängel und kannst sie beheben.
 
So dazu hätte ich noch ein paar fragen...

- wie kann ich es machen das der seitentitel wechselt? Ich include den kompletten kopfbereich mit den metas bis hin zur navigation. lediglich der contentbereich steht in den einzelnen dateien und das abschließende des html-teils.

- d.h. bei pdf`s und co. darf ich target=_blank benutzen bzw sollte?

- inline-style benutze ich nun nicht weiter, außer mal wenn ich jetzt etwas zentriert mal haben möchte wie beim <h3>. sollte ich dafür extra eine klasse im css anlegen?

hoffe mir können die fragen noch beantwortet werden, danke.

Gruß und gute Nacht
Loon3y
 
Loon3y schrieb:
- wie kann ich es machen das der seitentitel wechselt? Ich include den kompletten kopfbereich mit den metas bis hin zur navigation. lediglich der contentbereich steht in den einzelnen dateien und das abschließende des html-teils.
Zum Vergrößern anklicken....

Den Seitentitel als Variable auf jeder Seite setzen und im include die Variable setzen.

Loon3y schrieb:
- d.h. bei pdf`s und co. darf ich target=_blank benutzen bzw sollte?
Zum Vergrößern anklicken....
Du darfst es auch sonst verwenden, solange du z.B. als Doctype Transitional verwendest. Ob es immer angebracht ist, steht auf einem anderen Blatt.

Loon3y schrieb:
- inline-style benutze ich nun nicht weiter, außer mal wenn ich jetzt etwas zentriert mal haben möchte wie beim <h3>. sollte ich dafür extra eine klasse im css anlegen?
Zum Vergrößern anklicken....

Ich würde eine Klasse anlegen.
 
_Thor_ schrieb:
Den Seitentitel als Variable auf jeder Seite setzen und im include die Variable setzen.
Zum Vergrößern anklicken....

wie darf ich das verstehen?

meinte es so:

wenn ich auf index.php bin kommt im titel -> Welcome xyz ---- Home
wenn ich auf spiele.php bin kommt im titel -> Welcome xyz ---- Spiele

usw..ist das mit php möglich? google grad danach aber denke ich suche nach dem falschen schlagwort ^^
 
Anstatt
Code: 
<title>SKC 2007 - Die Kugel rollt</title>
schreibst du
Code: 
 <title><? echo $title ?></title>
und vor dem include setzt du den Titel der Seite mit
Code: 
<? $title = 'test'; ?>
 
_Thor_ schrieb:
Anstatt
Code: 
<title>SKC 2007 - Die Kugel rollt</title>
schreibst du
Code: 
 <title><? echo $title ?></title>
und vor dem include setzt du den Titel der Seite mit
Code: 
<? $title = 'test'; ?>
Zum Vergrößern anklicken....


Ok, viele dank.

eine frage bsteht noch, sind inline-styles auch, wenn ich bei <img src="......> die höhe und breite angebe damit er diese vorformatiert bzw den platz vorreserviert bevor er das bild lädt?
 
Nein, was den qualidator angeht, will er diese Angaben bei Bildern sogar haben, damit der Platz schon reserviert werden kann, dadurch wird die Seite schneller geladen.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben