HTML dokumenti - semantično pravilni, SEO pravilni

12 naročnikov

Živjo!

Eno vprašanje imam v zvezi s strukturo HTML dokumentov. Na CSS Tricks sem gledal strukturo lepega HTML5 dokumenta in mi je najbolj v oči padla struktura.

Sam sem bil namreč navajen začeti s h1 in nadaljevati s headingi po dokumentu, v tem primeru pa se h1 uporablja izključno za naslov članka, oz prispevka, kar se mi zdi pametno.

Sam namreč pišem dokumente takole:
- head
- body
-- header
--- h1 (logo)
--- navigacija
-- content
--- h2 (naslov)
--- h3 (rubrika)
--- p, img, (vsebina)
--- h4, h5, h6 (podnaslovi v vsebini)
-- sidebar
-- footer

V tem dokumentu pa me je presenetilo tole:
- head
- body
-- header
-- a id=logo (logo)
-- nav
-- section
--- article
---- h1 (naslov)
---- img, p (vsebina)
---- h2 (podnaslov)
-- aside
--- h3 (ime side boxa)
---- ul, dl, p ... (content)
--- -||- ... takih boksov je lahko več
-- footer
--- h4 (ime footer boxa)
---- ul, dl, p, ... (content)

Ko smo že pri HTML5, ko bodo kontejnerji (divi) takole lepo semantčini, da boš napisal <footer> bo res fino mar ne. Je kdo že uporabil HTML5 sintakso v živem projektu?

Ravno to sem hotel vprašati, pa me je vini prehitel. Sam sem do zdaj vedno poskušal uporabljati drugo varianto. Se pravi title, h1, vsebina in h3 za spremljavo.
H1 za vse naslove pa ne vem. Mnenja so različna in na spletu nisem našel pametnega odgovora zakaj da ali ne.

Na youtube je od googla video (nimam časa poiskat), kjer tip z googla razloži, da se lahko uporabi več h1 tagov na strnai, seveda pa mora to bit smisleno

Nikakor ne more biti semantično veljavno, da imaš vse naslove označene s h1. Kako naj potem človek (oz. bolje rečeno robot) vzpostavi hierarhijo med temi naslovi? Niso vsi glavni naslovi. Nekaj so podnaslovi, pa še podpodnaslovi, recimo. :-)

Kaj pa recimo blog, kjer je v bistvu vsak naslov članka enakovreden?

Hirearhija med naslovi bo vzpostavljena tudi na podlagi drugih tagov. <article>, <aside>, <footer>,...

Sistem bo že vedel, da je na neki strani vsebina v <article> pomembnejša od tiste ob strani (<aside>) ali v nogi.

kopriva, lahko je tudi to semantično pravilno, če dokument seveda smiselno ločiš v sekcije, razumeš kam ciljam?

Tudi jaz sem videl ta dokument, kjer google pravi, da je lahko vec H1 na strani in da ni neke hude posledice, dokler je logicno.
Pri single-clanku itak ni problema, imas z H1-H6 pokrite vse mozne podnaslove.

Davorin, to da v H1 das logotip je totalna izguba zelo pomembnega elementa.

http://www.youtube.com/watch?v=GIn5qJKU8VM

o h1

Razumem, kaj misliš, Vini ... V bistvu na to namiguje že AlesK. Vendar, če imaš v mislih isto rešitev kot AlesK, potem se ne strinjam, da je to dobra rešitev.

Kaj potem, če je sekcija article več vredna? Še vedno je znotraj te sekcije možno imeti naslove različnih hierarhij. Tako je tudi v realnosti in pri večini strani.

Ali si imel v mislih kaj drugega, Vini?

Jaz sem pri Zen Drupal temi opazil, da je pri vstopni strani z <h1> označeno ime strani (ime podjetja) v podstraneh pa se ime strani postavi v <bold> tag. Kar mi je smiselno.

Ena zadeva, ki pa me vseeno moti je pa uporaba <h2> tagov za npr naslove, kar pomeni, da je naslov elementa "Last posts" isto močan kot naslov bloga v tem seznamu. Vsebinsko pa je nepomemben.

IMHO bi morali uvesti "naslove" za oznake sklopov kot npr Comments, Last news...

BTW če kdo dela z Drupalom naj si pogleda Zen temo (drupal.org/project/zen), tam je tudi lepo univerzalno urejen html in css, da se vsebina vedno pokaže pred ostalimi elementi, torej:
- header (zgolj naslov strani)
- content
- top navigation
- sidebars (levi in desni)
- footer