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" 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/pacamls-cz-ultrapremiova-prirodni-krmiva-pro-psy-a-kocky/">
Pacamls.cz – ultraprémiová přírodní krmiva pro psy a kočky </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/ziskovy-jednoproduktovy-e-shop-idealni-na-vanocni-sezonu/">
Ziskový jednoproduktový e-shop. Ideální na Vánoční sezónu. </a>
<div class="info flex justify-space-between">
<div>
49 000 Kč </div>
<div>
0 příhozů </div>
</div>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/prodej/buvu-balik-26-evropskych-domen-ochranna-znamka-euipo/">
BUVU – balík 26 evropských domén + ochranná známka EUIPO </a>
<div class="info flex justify-space-between">
<div>
1 Kč </div>
<div>
0 příhozů </div>
</div>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/prodej/rajzviratek-virtualni-hrbitov-plny-skript/">
RájZvířátek | Virtuální Hřbitov | Plný Skript </a>
<div class="info flex justify-space-between">
<div>
4 900 Kč </div>
<div>
0 příhozů </div>
</div>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/prodej/%f0%9f%8e%acpartyvideo-cz-idealni-start-do-sezony-vecirku-a-plesu/">
🎬PartyVideo.cz – ideální start do sezóny večírků a plesů! </a>
<div class="info flex justify-space-between">
<div>
9 900 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/hodove-povoleni/">
Hodove povoleni </a>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/poptavka/hledame-zkuseneho-flutter-vyvojare-na-dlouhodobou-spolupraci/">
Hledáme zkušeného Flutter vývojáře na dlouhodobou spolupráci </a>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/poptavka/brain-rot-mobile-games-hledam-vyvojare-vyvojarku/">
Brain Rot Mobile Games – hledám vývojáře/vývojářku </a>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/poptavka/koupim-krabicove-adobe-cs6-s-funkcnim-instalacnim-klicem/">
Koupím krabicové Adobe CS6, s funkčním instalačním klíčem. </a>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/poptavka/hledame-zkuseneho-vyvojare-qt-qml-a-c-hardware-crypto-penezenka/">
Hledáme zkušeného vývojáře Qt/QML a C++ – hardware crypto peněženka </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/fullstack-dev-java-react/">
<div class="title">
Fullstack Dev Java/React </div>
<div class="bottom">
<div class="meta">
Praha </div>
</div>
</a>
</div>
<div class="job-small-box singular">
<a href="https://webtrh.cz/prace/it-technik-5/">
<div class="title">
IT technik </div>
<div class="bottom">
<div class="meta">
Praha </div>
</div>
</a>
</div>
<div class="job-small-box singular">
<a href="https://webtrh.cz/prace/shopify-developer/">
<div class="title">
Shopify Developer </div>
<div class="bottom">
<div class="meta">
Práce z domu </div>
</div>
</a>
</div>
<div class="job-small-box singular">
<a href="https://webtrh.cz/prace/it-analytik-8/">
<div class="title">
IT Analytik </div>
<div class="bottom">
<div class="meta">
Praha </div>
</div>
</a>
</div>
<div class="job-small-box singular">
<a href="https://webtrh.cz/prace/hledame-senior-medior-front-end-drupal-developera-pro-projektovou-spolupraci/">
<div class="title">
Hledáme Senior/Medior Front-end Drupal Developera pro projektovou spolupráci </div>
<div class="bottom">
<div class="meta">
Práce z domu </div>
<div class="salary">
50 000 - 100 000 Kč </div>
</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/%f0%9f%94%a7-jednoduchy-web-na-pockani-bez-kecu-hotovy-do-par-hodin%f0%9f%92%b8/">
🔧 Jednoduchý web na počkání – bez keců, hotový do pár hodin💸 </a>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/nabidka/linkbuilderka-cz-tvorba-kvalitnich-zpetnych-odkazu-78/">
✅ LINKBUILDERKA.CZ – Tvorba kvalitních zpětných odkazů </a>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/nabidka/proslavim-vas-ci-vasi-znacku-stejne-tak-jako-meho-klienta-%f0%9f%92%b9%f0%9f%8e%a5-a-zacnete-realne-prodavat-%e2%98%91%ef%b8%8f/">
Proslavím Vás či Vaši značku stejně tak, jako mého klienta 💹🎥 A začnete reálně prodávat ☑️ </a>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/nabidka/zacni-svuj-vlastni-print-on-demand-byznys-s-personalizovanymi-canvasy-kompletni-navod-sablony-a-seznam-dodavatelu/">
Začni svůj vlastní Print on Demand byznys s personalizovanými canvasy | Kompletní návod, šablony a seznam dodavatelů </a>
</div>
<div class="standard-box">
<a href="https://webtrh.cz/nabidka/b2b-lead-gen-ktery-dorucuje-stavim-funnel-ads-system-pro-firmy-co-chteji-rust/">
B2B Lead Gen, který doručuje — stavím funnel + ads systém pro firmy, co chtějí růst </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="/pravni-zastoupeni/">
Právní zastoupení
</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://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.test-pneumatik.cz/" target="_blank">
Test-pneumatik.cz
<span class="description">
- tisíce recenzí pneumatik
</span>
</a>
</li>
<li class="partner-link">
<a href="https://www.top.cz/" target="_blank">
TOP.CZ
<span class="description">
- PR články na míru
</span>
</a>
</li>
<li class="partner-link">
<a href="https://www.exitshop.cz/" target="_blank">
Exitshop.cz
<span class="description">
- Váš e-shop 2.0
</span>
</a>
</li>
<li class="partner-link">
<a href="https://www.5nej.cz" target="_blank">
5NEJ.CZ
<span class="description">
- Recenze a srovnání online služeb
</span>
</a>
</li>
<li class="partner-link">
<a href="https://www.slunecno.cz/pocasi-na-web" target="_blank">
Počasí na web
<span class="description">
- předpověď počasí na webové stránky
</span>
</a>
</li>
<li class="partner-link">
<a href="https://spravappc.cz/?utm_source=webtrh&utm_medium=backlink&utm_campaign=webtrh" target="_blank">
SprávaPPC.cz
<span class="description">
- Digitální marketingové služby
</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 - 2025 (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="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/w\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="text/javascript">
var ajaxurl = 'https://webtrh.cz/wp-admin/admin-ajax.php';
</script>
<!-- ******************* FOOTER END ******************* -->
</body>
</html>
