Nagłówek H1
Nagłówek H1 to główny nagłówek strony lub dokumentu w HTML, oznaczany elementem `
`, który opisuje nadrzędny temat treści i stanowi najwyższy poziom w hierarchii nagłówków. W praktyce pełni rolę „tytułu treści” widocznego dla użytkownika i jednocześnie sygnału strukturalnego dla przeglądarek, technologii asystujących oraz systemów wyszukiwania.
Nagłówki HTML (H1–H6) służą do budowania logicznej struktury dokumentu: H1 określa temat główny, a H2–H6 dzielą treść na coraz bardziej szczegółowe sekcje. Dobrze zaprojektowany H1 pomaga użytkownikom szybko zrozumieć, „o czym jest strona”, ułatwia skanowanie treści oraz wspiera nawigację po dokumencie (np. w czytnikach ekranu, które potrafią wyświetlać listę nagłówków). Przykład: na stronie poradnikowej H1 może brzmieć „Jak wymienić filtr powietrza w samochodzie”, a kolejne sekcje mogą mieć H2 typu „Narzędzia”, „Kroki wymiany”, „Najczęstsze błędy”.
W kontekście wyszukiwarek H1 jest jednym z elementów, które pomagają zrozumieć temat i organizację treści podczas crawlowania (odczytywania strony przez roboty) oraz indeksowania (analizy i zapisywania informacji o stronie w indeksie). Sam H1 nie jest „magiczny” ani nie działa w izolacji: jego znaczenie wynika z tego, czy jest spójny z resztą sygnałów na stronie (np. tytułem w `
`, treścią, nagłówkami niższego rzędu, linkami wewnętrznymi) oraz czy realnie opisuje zawartość. W procesie <strong>rankingowania</strong> (ustalania kolejności wyników) wyszukiwarki oceniają wiele czynników; H1 może wspierać interpretację tematu, ale nie zastąpi jakości treści, dopasowania do intencji użytkownika ani autorytetu strony.</p>
<p>Warto odróżnić H1 od innych „tytułów”, które często są mylone. Element `<title>` (tytuł dokumentu) jest zwykle widoczny w karcie przeglądarki i bywa używany jako tytuł wyniku w SERP, natomiast H1 to nagłówek w treści strony. Z kolei „nagłówek strony” w potocznym sensie (header layout, np. pasek z logo i menu) może, ale nie musi zawierać H1. Dodatkowo w systemach CMS H1 bywa generowany automatycznie z tytułu wpisu, co jest wygodne, ale wymaga kontroli: tytuł redakcyjny, tytuł SEO w `<title>` i H1 mogą być podobne, lecz nie muszą być identyczne, jeśli służą różnym celom (np. skrócenie H1 dla czytelności, a doprecyzowanie `<title>` dla kontekstu).</p>
<ul>
<li><strong>Kluczowe właściwości</strong></li>
<li><strong>Najwyższy poziom hierarchii nagłówków</strong> w HTML: H1 powinien opisywać temat nadrzędny, a H2–H6 porządkować podsekcje (np. H2 „Specyfikacja”, H3 „Wymiary”).</li>
<li><strong>Powinien być jednoznaczny i opisowy</strong>: dobry H1 streszcza temat wprost („Cennik usług księgowych”), zamiast ogólników („Witamy”).</li>
<li><strong>Spójność z treścią i metadanymi</strong>: H1 powinien odpowiadać temu, co użytkownik znajdzie na stronie oraz współgrać z `<title>` i główną treścią, bez sztucznego upychania słów kluczowych.</li>
<li><strong>Czytelność dla użytkownika</strong>: H1 jest elementem treści, więc powinien brzmieć naturalnie, być zwięzły i zrozumiały w kontekście strony (np. „Instrukcja konfiguracji SSO” zamiast „SSO SAML OAuth konfiguracja instrukcja”).</li>
<li><strong>Rola semantyczna, nie wizualna</strong>: wygląd (rozmiar, krój) wynika z CSS; H1 nie musi być największym tekstem na stronie, ale powinien pozostać logicznie „nagłówkiem głównym”.</li>
</ul>
<ul>
<li><strong>Typowe konteksty użycia</strong></li>
<li><strong>Strony artykułów i poradników</strong>: H1 jako tytuł artykułu, a H2/H3 jako śródtytuły porządkujące rozdziały.</li>
<li><strong>Strony produktowe i kategorie</strong>: H1 jako nazwa produktu/kategorii („Buty do biegania męskie”), z sekcjami H2 typu „Opis”, „Specyfikacja”, „Opinie”.</li>
<li><strong>Strony usługowe i landing pages</strong>: H1 jako główna obietnica informacyjna („Audyt dostępności WCAG dla serwisów WWW”), z dalszym podziałem na zakres, proces, FAQ.</li>
<li><strong>Aplikacje webowe i dokumentacja techniczna</strong>: H1 jako tytuł widoku lub rozdziału dokumentacji („API: Uwierzytelnianie”), wspierający nawigację po długich treściach.</li>
</ul>
<ul>
<li><strong>Częste nieporozumienia</strong></li>
<li><strong>„Na stronie musi być dokładnie jeden H1, inaczej SEO nie działa”</strong>: w praktyce kluczowa jest poprawna struktura i czytelność; wiele stron stosuje jeden H1 jako dobrą konwencję, ale ważniejsze jest, by nagłówki odzwierciedlały logiczny układ treści i nie wprowadzały chaosu.</li>
<li><strong>„H1 to to samo co `<title>`”</strong>: to różne elementy o różnych funkcjach; `<title>` jest metadanym dokumentu, a H1 jest nagłówkiem w treści strony.</li>
<li><strong>„Im więcej słów kluczowych w H1, tym lepiej”</strong>: nadmierne nasycenie frazami obniża czytelność i może pogorszyć dopasowanie do intencji użytkownika; H1 ma przede wszystkim opisywać temat.</li>
<li><strong>„H1 jest tylko dla wyszukiwarki”</strong>: H1 ma znaczenie przede wszystkim dla użytkownika i struktury dokumentu; korzyści dla wyszukiwania wynikają pośrednio z lepszej semantyki i zrozumiałości treści.</li>
<li><strong>„Wystarczy zmienić H1, żeby poprawić pozycje”</strong>: H1 jest jednym z wielu sygnałów; bez poprawy jakości treści, architektury informacji, linkowania wewnętrznego i dopasowania do zapytań zmiana H1 zwykle ma ograniczony efekt.</li>
</ul>
</div><!-- .entry-content -->
</div>
</article><!-- #post-746 -->
</div>
</div><!-- #main -->
</div>
</div><!-- #primary -->
</main><!-- #inner-wrap -->
<footer id="colophon" class="site-footer" role="contentinfo">
<div class="site-footer-wrap">
<div class="site-top-footer-wrap site-footer-row-container site-footer-focus-item site-footer-row-layout-standard site-footer-row-tablet-layout-default site-footer-row-mobile-layout-default" data-section="kadence_customizer_footer_top">
<div class="site-footer-row-container-inner">
<div class="site-container">
<div class="site-top-footer-inner-wrap site-footer-row site-footer-row-columns-2 site-footer-row-column-layout-left-golden site-footer-row-tablet-column-layout-default site-footer-row-mobile-column-layout-row ft-ro-dir-row ft-ro-collapse-normal ft-ro-t-dir-default ft-ro-m-dir-default ft-ro-lstyle-plain">
<div class="site-footer-top-section-1 site-footer-section footer-section-inner-items-1">
<div class="footer-widget-area widget-area site-footer-focus-item footer-navigation-wrap content-align-center content-tablet-align-default content-mobile-align-default content-valign-default content-tablet-valign-default content-mobile-valign-default footer-navigation-layout-stretch-false" data-section="kadence_customizer_footer_navigation">
<div class="footer-widget-area-inner footer-navigation-inner">
<nav id="footer-navigation" class="footer-navigation" role="navigation" aria-label="Stopka">
<div class="footer-menu-container">
<ul id="footer-menu" class="menu"><li id="menu-item-24" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24"><a href="https://swg.edu.pl/regulamin/">Regulamin</a></li>
<li id="menu-item-25" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25"><a href="https://swg.edu.pl/polityka-prywatnosci/">Polityka prywatności</a></li>
<li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="https://swg.edu.pl/kontakt/">Kontakt</a></li>
<li id="menu-item-64" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64"><a href="https://swg.edu.pl/o-projekcie/">O projekcie</a></li>
</ul> </div>
</nav><!-- #footer-navigation -->
</div>
</div><!-- data-section="footer_navigation" -->
</div>
<div class="site-footer-top-section-2 site-footer-section footer-section-inner-items-1">
<div class="footer-widget-area widget-area site-footer-focus-item footer-widget1 content-align-default content-tablet-align-default content-mobile-align-default content-valign-default content-tablet-valign-default content-mobile-valign-default" data-section="sidebar-widgets-footer1">
<div class="footer-widget-area-inner site-info-inner">
<section id="block-9" class="widget widget_block">
<h2 class="wp-block-heading">Dane firmy</h2>
</section><section id="block-10" class="widget widget_block widget_text">
<p class="wp-block-paragraph">Pruciak Capital Przemysław Pruciak</p>
</section><section id="block-11" class="widget widget_block widget_text">
<p class="wp-block-paragraph">64-920 Piła al. Jana Pawła II 7/10</p>
</section><section id="block-12" class="widget widget_block widget_text">
<p class="wp-block-paragraph"><strong>NIP:</strong> 7642705846</p>
</section><section id="block-13" class="widget widget_block widget_text">
<p class="wp-block-paragraph"><strong>REGON:</strong> 389597309</p>
</section> </div>
</div><!-- .footer-widget1 -->
</div>
</div>
</div>
</div>
</div>
<div class="site-bottom-footer-wrap site-footer-row-container site-footer-focus-item site-footer-row-layout-standard site-footer-row-tablet-layout-default site-footer-row-mobile-layout-default" data-section="kadence_customizer_footer_bottom">
<div class="site-footer-row-container-inner">
<div class="site-container">
<div class="site-bottom-footer-inner-wrap site-footer-row site-footer-row-columns-1 site-footer-row-column-layout-row site-footer-row-tablet-column-layout-default site-footer-row-mobile-column-layout-row ft-ro-dir-row ft-ro-collapse-normal ft-ro-t-dir-default ft-ro-m-dir-default ft-ro-lstyle-plain">
<div class="site-footer-bottom-section-1 site-footer-section footer-section-inner-items-1">
<div class="footer-widget-area site-info site-footer-focus-item content-align-default content-tablet-align-default content-mobile-align-default content-valign-default content-tablet-valign-default content-mobile-valign-default" data-section="kadence_customizer_footer_html">
<div class="footer-widget-area-inner site-info-inner">
<div class="footer-html inner-link-style-normal"><div class="footer-html-inner"><p>© 2026 Szkoła Wojny Gospodarczej</p>
</div></div> </div>
</div><!-- .site-info -->
</div>
</div>
</div>
</div>
</div>
</div>
</footer><!-- #colophon -->
</div><!-- #wrapper -->
<script>document.documentElement.style.setProperty('--scrollbar-offset', window.innerWidth - document.documentElement.clientWidth + 'px' );</script>
<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/kadence/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<div id="mobile-drawer" class="popup-drawer popup-drawer-layout-sidepanel popup-drawer-animation-fade popup-drawer-side-right" data-drawer-target-string="#mobile-drawer"
>
<div class="drawer-overlay" data-drawer-target-string="#mobile-drawer"></div>
<div class="drawer-inner">
<div class="drawer-header">
<button class="menu-toggle-close drawer-toggle" aria-label="Zamknij menu" data-toggle-target="#mobile-drawer" data-toggle-body-class="showing-popup-drawer-from-right" aria-expanded="false" data-set-focus=".menu-toggle-open"
>
<span class="toggle-close-bar"></span>
<span class="toggle-close-bar"></span>
</button>
</div>
<div class="drawer-content mobile-drawer-content content-align-left content-valign-top">
<div class="site-header-item site-header-focus-item site-header-item-mobile-navigation mobile-navigation-layout-stretch-false" data-section="kadence_customizer_mobile_navigation">
<nav id="mobile-site-navigation" class="mobile-navigation drawer-navigation drawer-navigation-parent-toggle-false" role="navigation" aria-label="Główny telefon komórkowy">
<div class="mobile-menu-container drawer-menu-container">
<ul id="mobile-menu" class="menu has-collapse-sub-nav"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-62"><a href="https://swg.edu.pl/dlaczego-warto/">Dlaczego warto?</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63"><a href="https://swg.edu.pl/oferta/">Oferta</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-16"><a href="https://swg.edu.pl/blog/">Artykuły</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-74"><a href="https://swg.edu.pl/encyklopedia/">Encyklopedia</a></li>
</ul> </div>
</nav><!-- #site-navigation -->
</div><!-- data-section="mobile_navigation" -->
</div>
</div>
</div>
<script id="kadence-navigation-js-extra">
var kadenceConfig = {"screenReader":{"expand":"Menu podrz\u0119dne","expandOf":"Menu podrz\u0119dne z","collapse":"Menu podrz\u0119dne","collapseOf":"Menu podrz\u0119dne z"},"breakPoints":{"desktop":"1024","tablet":768},"scrollOffset":"0"};
//# sourceURL=kadence-navigation-js-extra
</script>
<script id="kadence-navigation-js" src="https://swg.edu.pl/wp-content/themes/kadence/assets/js/navigation.min.js?ver=1.4.2" async></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://swg.edu.pl/wp-includes/js/wp-emoji-release.min.js?ver=c3d981ef"}}
</script>
<script type="module">
/*! This file is auto-generated */
var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
//# sourceURL=https://swg.edu.pl/wp-includes/js/wp-emoji-loader.min.js
</script>
</body>
</html>
