Nick: Reihenfolge der Kopfdaten im Header

Hallo,

gibt es - zum Beispiel vom W3C - eine Empfehlung oder gar einen Standard, aus der/dem hervorgeht, in welcher Reihenfolge die Kopfdaten im Header (<head></head>) eines (X)HTML-Dokuments aufgeführt werden sollten?

Da wären zum einen die diversen Meta-Angaben, zum anderen das title-Element oder auch der <link>-Tag zum Einbinden einer externen CSS-Datei.

Spielt die Reihenfolge im Hinblick auf die Suchmaschinenoptimierung eine Rolle?

Schönes Wochenende!

Beste Grüße
Nick

  1. Hi,

    Da wären zum einen die diversen Meta-Angaben, zum anderen das title-Element oder auch der <link>-Tag zum Einbinden einer externen CSS-Datei.

    Die META-Angabe zur Zeichenkodierung als erstes zu machen, wird gemeinhin empfohlen - insb. vor dem TITLE, wenn dieser Sonderzeichen enthalten kann.
    Scripte, die nicht im Head eingebunden werden müssen, sollten nach aktuellen Performance-Richtlinien vor dem Ende von BODY untergebracht werden.

    Davon abgesehen ist es eigentlich reichlich egal.

    Spielt die Reihenfolge im Hinblick auf die Suchmaschinenoptimierung eine Rolle?

    Vermutlich kaum. SEO ist eh 99% Voodoo - schiele nicht allzu sehr darauf, sondern mache deine Seite für den menschlichen Nutzer bestmöglich nutzbar.

    MfG ChrisB

    --
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
    1. Hallo ChrisB,

      vielen Dank für deine Antwort.

      Die META-Angabe zur Zeichenkodierung als erstes zu machen, wird gemeinhin empfohlen - insb. vor dem TITLE, wenn dieser Sonderzeichen enthalten kann.
      Scripte, die nicht im Head eingebunden werden müssen, sollten nach aktuellen Performance-Richtlinien vor dem Ende von BODY untergebracht werden.

      Solche Skripte also unmittelbar vor </body> packen?

      Würdest du eine externe CSS-Datei vor oder nach dem Title einbinden?

      Vermutlich kaum. SEO ist eh 99% Voodoo - schiele nicht allzu sehr darauf, sondern mache deine Seite für den menschlichen Nutzer bestmöglich nutzbar.

      Ja, man muss wirklich aufpassen, dass man es nicht nur noch den Suchmaschinen recht macht. ^^

      Noch einen schönen Sonntag!

      Beste Grüße
      Nick

      1. Hi,

        Solche Skripte also unmittelbar vor </body> packen?

        Wenn es reicht, dass sie erst dann ausgeführt werden, ja.
        Andernfalls blockiert ein Script nämlich den weiteren Seitenaufbau, so lange bis es fertig geladen ist. (Das muss so sein, damit bspw. document.write direkt das Dokument an der Stelle manipulieren kann, wo das Script eingebunden ist.)

        HTML5 bringt Möglichkeiten, dieses Verhalten zu beeinflussen, bspw. das defer-Attribut.

        Würdest du eine externe CSS-Datei vor oder nach dem Title einbinden?

        Nach. Allerdings macht das nicht so viel Unterschied.

        MfG ChrisB

        --
        RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
        1. Hallo ChrisB,

          vielen Dank für die schnelle Antwort.

          Wenn es reicht, dass sie erst dann ausgeführt werden, ja.
          Andernfalls blockiert ein Script nämlich den weiteren Seitenaufbau, so lange bis es fertig geladen ist. (Das muss so sein, damit bspw. document.write direkt das Dokument an der Stelle manipulieren kann, wo das Script eingebunden ist.)

          HTML5 bringt Möglichkeiten, dieses Verhalten zu beeinflussen, bspw. das defer-Attribut.

          Gut zu wissen.

          Nach. Allerdings macht das nicht so viel Unterschied.

          In Ordnung, vielen Dank und noch einen schönen Abend.

          Beste Grüße
          Nick

    2. Nkuba!

      Da wären zum einen die diversen Meta-Angaben, zum anderen das title-Element oder auch der <link>-Tag zum Einbinden einer externen CSS-Datei.

      Die META-Angabe zur Zeichenkodierung als erstes zu machen, wird gemeinhin empfohlen - insb. vor dem TITLE, wenn dieser Sonderzeichen enthalten kann.
      Scripte, die nicht im Head eingebunden werden müssen, sollten nach aktuellen Performance-Richtlinien vor dem Ende von BODY untergebracht werden.

      Stimme zu, mit einer kleinen Ergänzung: Falls Du das meta-Tag verwendest, das den IE8 in den Kompatibilitäts-Modus versetzt (~~~html <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

        
      Viele Grüße vom Længlich  
      
      -- 
      Mein aktueller Gruß ist:  
      Ejagham (Kamerun, Nigeria)
      
      1. Hallo Længlich,

        ... Falls Du das meta-Tag verwendest, das den IE8 in den Kompatibilitäts-Modus versetzt

        wer das verwendet, hat andere Sorgen als die Reihenfolge der Kopfdaten im Header.

        Gruß, Jürgen

        1. @@JürgenB:

          nuqneH

          ... Falls Du das meta-Tag verwendest, das den IE8 in den Kompatibilitäts-Modus versetzt

          wer das verwendet, hat andere Sorgen als die Reihenfolge der Kopfdaten im Header.

          Du meinst Sorgen _weniger_?

          Es gibt unzählige Dinge in CSS, die IE 8 noch nicht beherrscht. Mit CSS-Expressions kann man sie leicht für IEs implementieren; der 8er ist dazu aber in den 7er-Modus zu schicken.

          Qapla'

          --
          Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
          (Mark Twain)
      2. @@Længlich:

        nuqneH

        Die META-Angabe zur Zeichenkodierung als erstes zu machen, wird gemeinhin empfohlen - insb. vor dem TITLE, wenn dieser Sonderzeichen enthalten kann.
        Stimme zu, mit einer kleinen Ergänzung: Falls Du das meta-Tag verwendest, das den IE8 in den Kompatibilitäts-Modus versetzt (~~~html

        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

          
        ?? Wie kommst du darauf?  
          
        Qapla'
        
        -- 
        Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.  
        (Mark Twain)
        
        1. N'amahoro!

          [Unfug]

          ?? Wie kommst du darauf?

          Durch Überlesen des letzten Teilsatzes in “The X-UA-compatible header is not case sensitive; however, it must appear in the Web page's header (the HEAD section) before all other elements, except for the title element and other meta elements.” in der MSDN. Danke für die Korrektur.
          Wenn ich das richtig interpretiere, muß es aber trotzdem noch vor evetuellen <link>-, <style>- oder <script>-Elementen stehen. IMHO auch verständlich, denn wenn der Browser sich an diese heranwagt, sollte er sich vorher schon für einen Modus entschieden haben.

          Viele Grüße vom Længlich

          --
          Mein aktueller Gruß ist:
          Kirundi (Burundi)