Určitě chtěl a rád :)
Nadpisy jsou velmi užitečné pro vyhledávače, pomáhají jim pochopit obsah stránek. Jsou také nezbytné pro uživatele hlasových čteček (nevidomí, lidé se zbytky zraku aj.), kteří se mohou po webu pohybovat pomocí nadpisů. Kupříkladu v JAWS nevidomý zmáčkne klávesu
h a přejde na následující nadpis, zmáčkne
2 a přejde na h2 atp. Jeden nebo oba z těchto faktů o nadpisech je zřejmě i důvod, proč se elvar v úvodu dotazuje na "korektnost" použití h1.
V HTML4 máme dva přístupy použití nadpisu h1. Jeden zastává použít název webu v jednom h1 na všech jeho stránkách a druhý použití na každé stránce webu jiný h1. Tato rozpolcenost je dána tím, že
WCAG nezakazuje jeden z těchto přístupů. Jistěže nezakazuje či nedovoluje, W3R REC je dokument s doporučeními jak udělat web přístupnější, nejde o pravidla (specifikaci, chceš-li :)
Osobně se přikláním k tomu mít na každé stránce HTML4 dokumentu jiný h1, který opravdu úzce souvisí s obsahem pod ním. Samotný název stránky má místo v tagu
, který je z hlediska SEO stejně zatím nejsilnější, ačkoliv si ho mnozí pseudo-optimalizátoři pletou s kompostem na klíčová slova. Navíc používáme různé otevřené redakční systémy, které se nám do struktury nadpisů často dost pletou a ne každý to umí vyřešit.<div class="padding-5-0"></div><div class="padding-5-0"></div>V HTML5 se strukura dokumentu tvoří jinak. S příchodem HTML5 se všechny <a href="http://www.h1debate.com/" rel='nofollow' title="http://www.h1debate.com/">debaty o h1</a> a nejistoty jak ho použít znatelně rozptýlily. Skupina W3C se poučila z historie a tvorby nadpisu v XHTML2, kde se h uzavřel do párového tagu <section>. Pokud se chtěl udělat h2, tak se h uzavřel do dvou tagů, atd. Specifikace HTML5 stanovuje definování oblastí uvedením nových elementů <head>, <nav>, <article>, <section>, <aside> a <footer>. Každý z těchto elementů může mít svůj h1. Doporučuje se v každé sekci začít s h1 (ale je zachována i zpětná kompatibilita, takže můžeme používat h1 až h6, jak jsme na to zvyklí), což má jednu velkou výhodu pro ty, kteří na své stránky vkládají obsah z jiných zdrojů (rss feedy, raw xml apod), které mají už svůj h1 definován.<div class="padding-5-0"></div><div class="padding-5-0"></div>Doporučuji podívat se na video <a href="http://www.youtube.com/watch?v=AmUPhEVWu_E" rel='nofollow' title="http://www.youtube.com/watch?v=AmUPhEVWu_E">Důležitost HTML nadpisů pro přístupnost <div class="padding-5-0"></div></a> od nevidomého web vývojáře, jak se uživatelé čteček pohybují po webu pomocí nadpisů.<div class="padding-5-0"></div><div class="padding-5-0"></div>Pár obrázků:<div class="padding-5-0"></div><img src="http://www.corrosiveonline.co.uk/images/tips_images/html5/html5-markup.jpg" alt=" " /><div class="padding-5-0"></div><img src="http://seogadget.co.uk/wp-content/uploads/2009/12/header-nav-example.gif" alt=" " /><div class="padding-5-0"></div><div class="padding-5-0"></div><div class="padding-5-0"></div>Z toho co jsem zde napsal by mělo být zřejmé, že ohledně otázky použití vícečetných h1 záleží rovněž na typu HTML dokumentu. Ohledné tvého "má to co dělat pouze se sémantikou kódu", tak souhlasím, že sémantická značka <h1> má <span style="font-weight:bold;">význam</span> nadpisu první úrovně, nic jiného ale nedefinuje. Čili zda je struktura konkrétního webu vhodná pro vícečetný výskyt h1 se opravdu liší případ od případu, jak správně zmínil Plaváček. Pro zájemce o další informace, myslím si, že více informací lze načerpat spíš než ze SEO příruček tak z User Experience studií.<div class="padding-5-0"></div><div class="padding-5-0"></div>Doufám, že můj příspěvek někomu pomohl.
</div>
<div class="date show-xs">
21. 8. 2011 14:38:25
</div>
<div class="bottom">
<div class="hint-wrapper">
<div class="hint">
<a href="https://webtrh.cz/diskuse/h1-a-logo-stranky/#reply653486">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="2.17 2.17 19.66 19.66"><path d="M18.3643 15.5353L16.95 14.1211L18.3643 12.7069C20.3169 10.7543 20.3169 7.58847 18.3643 5.63585C16.4116 3.68323 13.2458 3.68323 11.2932 5.63585L9.87898 7.05007L8.46477 5.63585L9.87898 4.22164C12.6127 1.48797 17.0448 1.48797 19.7785 4.22164C22.5121 6.95531 22.5121 11.3875 19.7785 14.1211L18.3643 15.5353ZM15.5358 18.3638L14.1216 19.778C11.388 22.5117 6.9558 22.5117 4.22213 19.778C1.48846 17.0443 1.48846 12.6122 4.22213 9.87849L5.63634 8.46428L7.05055 9.87849L5.63634 11.2927C3.68372 13.2453 3.68372 16.4112 5.63634 18.3638C7.58896 20.3164 10.7548 20.3164 12.7074 18.3638L14.1216 16.9496L15.5358 18.3638ZM14.8287 7.75717L16.2429 9.17139L9.17187 16.2425L7.75766 14.8282L14.8287 7.75717Z"></path></svg>
</a>
<div class="text">
https://webtrh.cz/diskuse/h1-a-logo-stranky/#reply653486
</div>
</div>
</div>
</div>
</div>
<div class="thread-reply " id="reply653485">
<div class="top">
<a href="https://webtrh.cz/profil/zigon/" class="user">
<div class="left-part">
<div class="avatar" style="background-image: url('https://webtrh.cz/wp-content/themes/w/assets/img/avatar.jpg');"></div>
<div class="name">
zigon
</div>
</div>
<div class="right-part">
<div class="verified">
<img src="https://webtrh.cz/wp-content/themes/w/assets/img/unverified.svg" alt="verified">
</div>
<div class="rating">
<img src="https://webtrh.cz/wp-content/themes/w/assets/img/icons/rating-unknown.svg" alt="rating uzivatele">
</div>
</div>
</a>
<div class="date">
27. 8. 2011 12:15:15
</div>
</div>
<div class="message article">
Skvělý článek děkuji.
</div>
<div class="date show-xs">
27. 8. 2011 12:15:15
</div>
<div class="bottom">
<div class="hint-wrapper">
<div class="hint">
<a href="https://webtrh.cz/diskuse/h1-a-logo-stranky/#reply653485">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="2.17 2.17 19.66 19.66"><path d="M18.3643 15.5353L16.95 14.1211L18.3643 12.7069C20.3169 10.7543 20.3169 7.58847 18.3643 5.63585C16.4116 3.68323 13.2458 3.68323 11.2932 5.63585L9.87898 7.05007L8.46477 5.63585L9.87898 4.22164C12.6127 1.48797 17.0448 1.48797 19.7785 4.22164C22.5121 6.95531 22.5121 11.3875 19.7785 14.1211L18.3643 15.5353ZM15.5358 18.3638L14.1216 19.778C11.388 22.5117 6.9558 22.5117 4.22213 19.778C1.48846 17.0443 1.48846 12.6122 4.22213 9.87849L5.63634 8.46428L7.05055 9.87849L5.63634 11.2927C3.68372 13.2453 3.68372 16.4112 5.63634 18.3638C7.58896 20.3164 10.7548 20.3164 12.7074 18.3638L14.1216 16.9496L15.5358 18.3638ZM14.8287 7.75717L16.2429 9.17139L9.17187 16.2425L7.75766 14.8282L14.8287 7.75717Z"></path></svg>
</a>
<div class="text">
https://webtrh.cz/diskuse/h1-a-logo-stranky/#reply653485
</div>
</div>
</div>
</div>
</div>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-9517592386007255"
data-ad-slot="8430843800"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="padding-15-0"></div>
<div class="box padding-25" id="reply">
<div class="warning-message">
Pro odpověď se přihlašte.
</div>
<div class="padding-5-0"></div>
<a href="/prihlasit/?return_url=https%3A%2F%2Fwebtrh.cz%2Fdiskuse%2Fh1-a-logo-stranky%2F" class="button">
<span>
Přihlásit
</span>
</a>
</div>
</div>
<div class="col-sm-4 padding-15-0">
<div class="box bottom-offset padding" data-name="prodej">
<h2 class="h3">
<img src="https://webtrh.cz/wp-content/themes/w/assets/img/icons/coins-line.svg" alt="user">
<div class="title-wrapper">
Prodej
<a href="/prodej/" class="button medium gray icon-right icon-tiny">
<span>
Více
<svg xmlns="http://www.w3.org/2000/svg" viewBox="8.22 5.64 7.78 12.73"><path d="M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z"></path></svg> </span>
</a>
</div>
</h2>
<div class="padding-5-0"></div>
<div class="standard-box">
<a href="https://webtrh.cz/prodej/adult-inzerce-pro-pracujici-divky/">
Adult Inzerce – pro pracující dívky </a>
<div class="info flex justify-space-between">
<div>
9 900 Kč </div>
<div>
0 příhozů </div>
</div>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/prodej/kreativni-omalovanky-prodej-digitalnich-produktu/">
Kreativní Omalovánky – prodej digitálních produktů </a>
<div class="info flex justify-space-between">
<div>
20 000 Kč </div>
<div>
0 příhozů </div>
</div>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/prodej/watchonlinebuy-com-vas-kompletni-online-obchod-pripraven-k-pouziti/">
WatchOnlineBuy.com – Váš kompletní online obchod připraven k použití </a>
<div class="info flex justify-space-between">
<div>
200 € </div>
<div>
0 příhozů </div>
</div>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/prodej/%f0%9f%92%b8-srovnavac-pujcek-abpujcky-cz/">
💸 Srovnavač půjček abpujcky.cz </a>
<div class="info flex justify-space-between">
<div>
50 000 Kč </div>
<div>
0 příhozů </div>
</div>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/prodej/p-databaze-vsech-domen-vsechny-tld-s-automaticky-aktualizovanym-whois-2/">
P: databáze všech domén (všechny TLD) s automaticky aktualizovaným WHOIS </a>
<div class="info flex justify-space-between">
<div>
1 000 Kč </div>
<div>
0 příhozů </div>
</div>
</div>
</div>
<div class="box bottom-offset padding" data-name="poptavky">
<h2 class="h3">
<img src="https://webtrh.cz/wp-content/themes/w/assets/img/icons/send-plane-line.svg" alt="user">
<div class="title-wrapper">
Poptávky
<a href="/poptavky/" class="button medium gray icon-right icon-tiny">
<span>
Více
<svg xmlns="http://www.w3.org/2000/svg" viewBox="8.22 5.64 7.78 12.73"><path d="M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z"></path></svg> </span>
</a>
</div>
</h2>
<div class="padding-5-0"></div>
<div class="standard-box">
<a href="https://webtrh.cz/poptavka/software-pro-taxikare/">
Software pro taxikáře </a>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/poptavka/poptavam-zprovozneni-gitlab-pipeline/">
Poptávám zprovoznění GitLab pipeline </a>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/poptavka/nastaveni-fb-reklamy/">
Nastavení FB reklamy </a>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/poptavka/marketing-pro-projekcni-kancelar/">
Marketing pro projekční kancelář </a>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/poptavka/it-nastaveni-prevody-a-nastaveni-crm/">
IT nastavení, převody a nastavení CRM </a>
</div>
</div>
<div class="box bottom-offset padding" data-name="prace">
<h2 class="h3">
<img src="https://webtrh.cz/wp-content/themes/w/assets/img/icons/suitcase-line.svg" alt="user">
<div class="title-wrapper">
Pracovní nabídky
<a href="/nabidky-prace/" class="button medium gray icon-right icon-tiny">
<span>
Více
<svg xmlns="http://www.w3.org/2000/svg" viewBox="8.22 5.64 7.78 12.73"><path d="M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z"></path></svg> </span>
</a>
</div>
</h2>
<div class="padding-5-0"></div>
<div class="job-small-box singular">
<a href="https://webtrh.cz/prace/hledame-react-native-vyvojare-na-externi-spolupraci/">
<div class="title">
Hledáme React Native vývojáře na externí spolupráci </div>
<div class="bottom">
<div class="meta">
Práce z domu, Praha </div>
</div>
</a>
</div>
<div class="job-small-box singular">
<a href="https://webtrh.cz/prace/python-developer-4/">
<div class="title">
Python developer </div>
<div class="bottom">
<div class="meta">
Praha </div>
<div class="salary">
130 000 - 150 000 Kč </div>
</div>
</a>
</div>
<div class="job-small-box singular">
<a href="https://webtrh.cz/prace/business-analyst-3/">
<div class="title">
Business Analyst </div>
<div class="bottom">
<div class="meta">
Práce z domu, Praha </div>
</div>
</a>
</div>
<div class="job-small-box singular">
<a href="https://webtrh.cz/prace/it-analyst-3/">
<div class="title">
IT Analyst </div>
<div class="bottom">
<div class="meta">
Plzeň </div>
</div>
</a>
</div>
<div class="job-small-box singular">
<a href="https://webtrh.cz/prace/vyvojar-nms-systemu/">
<div class="title">
Vývojář NMS systémů </div>
<div class="bottom">
</div>
</a>
</div>
</div>
<div class="box bottom-offset padding" data-name="nabidky">
<h2 class="h3">
<img src="https://webtrh.cz/wp-content/themes/w/assets/img/icons/shake-hands-line.svg" alt="user">
<div class="title-wrapper">
Nabídky
<a href="/nabidky/" class="button medium gray icon-right icon-tiny">
<span>
Více
<svg xmlns="http://www.w3.org/2000/svg" viewBox="8.22 5.64 7.78 12.73"><path d="M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z"></path></svg> </span>
</a>
</div>
</h2>
<div class="padding-5-0"></div>
<div class="standard-box">
<a href="https://webtrh.cz/nabidka/facebook-skupiny/">
Facebook skupiny </a>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/nabidka/%e2%ad%90%ef%b8%8f-kokesdesign-cz-logo-design-na-miru-%e2%ad%90%ef%b8%8f/">
⭐️ KOKESDESIGN.CZ | LOGO DESIGN NA MÍRU ⭐️ </a>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/nabidka/wordpress-web-na-miru-od-1000-kc/">
WORDPRESS web na míru od 1000 Kč </a>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/nabidka/ux-ui-designer-tvorba-designu-webu-e-shopu-a-aplikaci-na-miru-vip-2/">
✅🔥 VIP UX/UI designér 🔥✅ – *SENIOR* Tvorba designu webů, portálů, e-shopů a aplikací na míru. ⭐️ </a>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/nabidka/kvalitni-seo-za-nizke-ceny-pr-minisites-linkbuilding-aj-166/">
Kvalitní SEO za nízké ceny: PR, minisites, linkbuilding aj. </a>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="padding-30-0"></div>
</main>
<!-- ******************* CONTENT END ******************* -->
<!-- ******************* FOOTER ******************* -->
<footer>
<div class="container-fluid foot">
<div class="container padding-60-0">
<div class="row">
<div class="col-sm-3 padding-20-0">
<a href="https://webtrh.cz" class="logo">
<img src="https://webtrh.cz/wp-content/themes/w/assets/img/logo.svg?saasx" alt="webtrh logo">
</a>
<div class="padding-10-0 article">
<p>
Potřebujete <b>vyřešit problém</b>, nebo pomoci se zadáváním inzerce?
</p>
</div>
<a href="https://portal.webtrh.cz/zalozeni-pozadavku/" class="button">
<span>
Podpora
</span>
</a>
</div>
<div class="col-sm-3 padding-20-0">
<div class="footer-title">
Sekce
</div>
<ul>
<li>
<a href="/prodej/">
Prodej
</a>
</li>
<li>
<a href="/nabidky-prace/">
Práce
</a>
</li>
<li>
<a href="/poptavky/">
Poptávky
</a>
</li>
<li>
<a href="/nabidky/">
Nabídky
</a>
</li>
<li>
<a href="/akademie/">
Akademie
</a>
</li>
<li>
<a href="/magazin/">
Magazín
</a>
</li>
</ul>
</div>
<div class="col-sm-3 padding-20-0">
<div class="footer-title">
Informace
</div>
<ul>
<li>
<a href="/o-nas/" rel="nofollow">
O nás
</a>
</li>
<li>
<a href="/podminky-uzivani/" rel="nofollow">
Podmínky
</a>
</li>
<li>
<a href="/gdpr/" rel="nofollow">
GDPR
</a>
</li>
<li>
<a href="/pravidla-a-kodex/" rel="nofollow">
Pravidla
</a>
</li>
<li>
<a href="/co-je-sluzba/" rel="nofollow">
Co je služba?
</a>
</li>
<li>
<a href="/cenik/" rel="nofollow">
Ceník
</a>
</li>
<li>
<a href="/affiliate/" rel="nofollow">
Affiliate
</a>
</li>
<li>
<a href="https://portal.webtrh.cz/zalozeni-pozadavku/" rel="nofollow">
Kontakt
</a>
</li>
</ul>
</div>
<div class="col-sm-3 padding-20-0">
<div class="footer-title">
Sledujte nás
</div>
<div class="socials">
<a href="https://www.facebook.com/webtrh/" target="_blank">
<img src="/wp-content/themes/w/assets/img/facebook-f.svg" alt="facebook">
</a>
<a href="https://www.youtube.com/@webtrh-cz" target="_blank">
<img src="/wp-content/themes/w/assets/img/youtube.svg" alt="youtube">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid partners">
<div class="container padding-20-0">
<div class="row">
<div class="col-sm-12">
<ul>
<li class="partner-link">
<a href="https://sidlofirmypraha5.cz/sluzby/zalozeni-firmy" target="_blank">
Založení s.r.o.
<span class="description">
- nejlevnější založení firem
</span>
</a>
</li>
<li class="partner-link">
<a href="https://thinkeasy.cz/?utm_source=webtrh&utm_medium=backlink&utm_campaign=webtrh" target="_blank">
Think Easy
<span class="description">
- Vývoj software a aplikací
</span>
</a>
</li>
<li class="partner-link">
<a href="https://peach-dev.cz/?utm_source=webtrh&utm_medium=footer&utm_campaign=webtrh" target="_blank">
peach-dev
<span class="description">
- Tvorba mobilních a webových aplikací
</span>
</a>
</li>
<li class="partner-link">
<a href="https://www.top.cz/" target="_blank">
TOP.CZ
<span class="description">
- PR články a odkazy
</span>
</a>
</li>
<li class="partner-link">
<a href="https://www.exitshop.cz/" target="_blank">
Exitshop.cz
<span class="description">
- E-shopové řešení 2.0
</span>
</a>
</li>
<li class="partner-link">
<a href="https://fofrindex.cz/" target="_blank">
FOFRindex.cz
<span class="description">
- rychlejší indexace stránek
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container-fluid copy">
<div class="container">
<div class="row padding-10-0">
<div class="col-sm-6 padding-10-0">
2006 - 2024 (c) Všechna práva vyhrazena, webtrh.cz </div>
<div class="col-sm-6 padding-10-0 text-right text-left-xs">
<div class="love">
Created with
<a href="https://www.nettermedia.cz/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M16.5 3C19.5376 3 22 5.5 22 9C22 16 14.5 20 12 21.5C9.5 20 2 16 2 9C2 5.5 4.5 3 7.5 3C9.35997 3 11 4 12 5C13 4 14.64 3 16.5 3ZM12.9339 18.6038C13.8155 18.0485 14.61 17.4955 15.3549 16.9029C18.3337 14.533 20 11.9435 20 9C20 6.64076 18.463 5 16.5 5C15.4241 5 14.2593 5.56911 13.4142 6.41421L12 7.82843L10.5858 6.41421C9.74068 5.56911 8.5759 5 7.5 5C5.55906 5 4 6.6565 4 9C4 11.9435 5.66627 14.533 8.64514 16.9029C9.39 17.4955 10.1845 18.0485 11.0661 18.6038C11.3646 18.7919 11.6611 18.9729 12 19.1752C12.3389 18.9729 12.6354 18.7919 12.9339 18.6038Z"></path>
</svg>
</a>
and WordPress.
</div>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
var ajaxurl = 'https://webtrh.cz/wp-admin/admin-ajax.php';
</script>
<!-- ******************* FOOTER END ******************* -->
</body>
</html>
