Jak uzywac naglowkow na stronie?

pytanie zadane 5 września 2017 w HTML i CSS przez xdmik23 Gaduła (3,000 p.)
zmienione kategorie 5 września 2017 przez HaKIM

Witam! Mam problem dotyczacy stosowania naglowków na stronie. Gdzie nie wejde tam pojawiają sie różne informacje na ten temat-jedne zrodla podaja,że znacznik h1 musi byc tylko 1 na podstronie,inne ze powinno byc ich kilka.I kolejna informacja dotyczy tego,ze naglowki powinny leciec od gory na dol hierarchicznie. Moglby mi ktoś napisać jaka jest prawda na ten temat?

komentarz 5 września 2017 przez xdmik23 Gaduła (3,000 p.)

ale mi chodzi o to ze zalozmy ze jesli na stronie mam naglowki,w ktorych nie ma slow kluczowych i sa one w roznych miejscach to chyba wskazane jest uzyc tego samego znacznika o roznych klasach,ale wterdy nie ma hierarchii bo przykladowo mam cos takiego:

<h1></h1>

<h2></h2>

<h2></h2>

<h2></h2>

<h2></h2>

<h3></h3>

<h2></h2>

<h2></h2>

<h2></h2>

<h3></h3>

2 odpowiedzi

odpowiedź 5 września 2017 przez Comandeer Guru (601,110 p.)

Napisałem spory poradnik odnośnie stosowania nagłówków.

komentarz 5 września 2017 przez xdmik23 Gaduła (3,000 p.)

i powiedzmy na przykladzie portfolio ktoś moze miec podstrone z oferta.I zalozmy ze zaprojektuje ja w taki sposob:

Naglowek: Zobacz moja oferte!

kilka kategorii np.: tworzenie stron,pozycjonowanie,doradztwo techniczne zawarte w naglowkach

I w kazdej kategorii lista uslug,ktore mysle ze wypadaloby dac w naglowkach

A na koniec:

naglowek: jesli jestes zainteresowany skorzystaniem z moich uslug skontaktuj sie ze mna

I jak na takim czyms poprawnie zastosowac naglowki?

komentarz 5 września 2017 przez Comandeer Guru (601,110 p.)

<h1>Zobacz moją ofertę</h1>
<h2>Tworzenie stron</h2>
<ul>
	<li>Usługa</li>
	<li>Usługa</li>
</ul>
<h2>Pozycjonowanie</h2>
<ul>
	<li>Usługa</li>
	<li>Usługa</li>
</ul>
<h2>Doradztwo techniczne</h2>
<ul>
	<li>Usługa</li>
	<li>Usługa</li>
</ul>
<p>Jeśli jesteś zainteresowany skorzystaniem z moich usług,</p>
<h2>skontaktuj się</h2>

Coś takiego. Oczywiście każdy fragment z nagłówkiem zasługuje na swoją sekcję. Natomiast długie zdania nie nadają się na nagłówki za bardzo.

Jeśli natomiast wymieniane usługi są z opisem, to może coś takiego (zaznaczę tym razem też granice sekcji i innych znaczników):

<body>
	<header>
		<h1>Zobacz moją ofertę</h1>
	</header>
	<main>
		<article>
			<h2>Tworzenie stron</h2>

			<section>
				<h3>Usługa</h3>
				<p>Opis</p>
			</section>
			<section>
				<h3>Usługa</h3>
				<p>Opis</p>
			</section>
		</article>

		<article>
			<h2>Pozycjonowanie</h2>

			<section>
				<h3>Usługa</h3>
				<p>Opis</p>
			</section>
			<section>
				<h3>Usługa</h3>
				<p>Opis</p>
			</section>
		</article>

		<article>
			<h2>Doradztwo techniczne</h2>

			<section>
				<h3>Usługa</h3>
				<p>Opis</p>
			</section>
			<section>
				<h3>Usługa</h3>
				<p>Opis</p>
			</section>
		</article>

		<article>
			<header>
				<p>Jeśli jesteś zainteresowany skorzystaniem z moich usług,</p>
				<h2>skontaktuj się</h2>
			</header>
		</article>
	</main>
</body>

Ogólnie to pisałem dość sporo o semantycznym HTML-u.

odpowiedź 5 września 2017 przez Michał Kazula Pasjonat (19,540 p.)

Tworzyłeś kiedyś spis treści w edytorze tekstu?

Aby spis treści był poprawny należy używać nagłówków. I tak kolejno.

H1 to pierwszy segment.

H2 to drugi.

H3 to trzeci.

Analogicznie jak tworzą się wcięcia w spisie treści.

<h1>Nazwa działu nr 1</h1>
<h2>Podrozdział nr 1 do działu nr 1</h2>
<h2>Podrozdział nr 2 do działu nr 1</h2>
<h3>Nazwa zagadnienia w podrozdziale nr 2 działu nr 1</h3>
<h2>Podrozdział nr 3 do działu nr 1</h2>
<h1>Nazwa działu nr 2</h1>

komentarz 5 września 2017 przez xdmik23 Gaduła (3,000 p.)

czyli wynika z tego ze mozna uzywac h1 do woli o ile czyni sie to zgodnie z przeznaczeniem. Nie wiem tylko dlaczego niektore strony podaja inaczej.

komentarz 5 września 2017 przez Comandeer Guru (601,110 p.)

Bo nie można używać. h1 to nagłówek najwyższego poziomu przeznaczony do oznaczania tytułu danej strony. Tytuł książki w spisie treści też jest jeden.

komentarz 5 września 2017 przez xdmik23 Gaduła (3,000 p.)

jednak troche niepokoi mnie to,ze ten naglowek ma zawierac slowa kluczowe pomocne w pozycjonowaniu. A co jeśli tytulem strony jest tekst typu: Witaj na moim portfolio! czy Skontaktuj sie ze mna!

Tego typu tytuly raczej nie maja znaczenia w pozycjonowania.

komentarz 5 września 2017 przez Tomek Sochacki Ekspert (227,510 p.)

jednak troche niepokoi mnie to,ze ten naglowek ma zawierac slowa kluczowe pomocne w pozycjonowaniu. A co jeśli tytulem strony jest tekst typu: Witaj na moim portfolio! czy Skontaktuj sie ze mna!

Tego typu tytuly raczej nie maja znaczenia w pozycjonowania.

Nie wierz w bajki, że zastosowanie dobrego html wpłynie istotnie na pozycjonowanie. Wszelkie sztuczki pseudo pozycjonerów to nie html ale wiele innych mniej lub bardziej etycznych metod, które de facto czasami kończą się większymi problemami niż faktycznym wypozycjonowaniem strony.

komentarz 5 września 2017 przez xdmik23 Gaduła (3,000 p.)

rozumiiem,ale mi nawet nie chodzi o pozycjonowanie tylko zrozumienie jak tego uzywac zgodnie ze standardami.

komentarz 5 września 2017 przez xdmik23 Gaduła (3,000 p.)

a wlasnie czytalem ze naglowek h1 powinien zawierac te slowa kluczowe i jak to rozwiazac w przykladzie podanym przeze mnie, a takich stron raczej jest mnostwo,bo raczej malo kto tworzy strony,ktore mozna tak latwo opatrzyc naglowkami h1 gdzie sa swietne slowa kluczowe

1	komentarz 5 września 2017 przez Comandeer Guru (601,110 p.) Jeśli chcesz używać HTML zgodnie ze standardem, zapomnij o pozycjonowaniu. Tyle.

komentarz 5 września 2017 przez xdmik23 Gaduła (3,000 p.)

czyli mam rozumiec,ze stad sa rozne informacje na stronach na temat naglowki-jedni pisza o uzywaniu naglowkow pod pozycjonowanie inni pod standardy?

komentarz 5 września 2017 przez Comandeer Guru (601,110 p.)

Niekoniecznie, istniał jeszcze przez długi czas problem z pewnym zapisem ze specyfikacji HTML, który był martwy, ale wszyscy usilnie starali się tego nie zauważać.