Nagłówki i wyróżnienia

Nagłówki - heading

Nagłówki można porównać z tytułami i podtytułami artykułów w gazecie. Roboty sieciowe, tak jak i Ty, czytają tytuły artykułów :).

Nagłówki w kodzie HTML oznaczane są następująco:
<h1></h1>
<h2></h2>
<h3></h3>
itd.

Im większa cyfra, tym mniejsze znaczenie nagłówka.

Zaczynamy od nagłówka <h1>. Określa on tytuł artykułu, mówi czytelnikowi, o czym będzie czytał. Te same informacje uzyskuje robot wyszukiwarki. W nagłówku <h1> (w innych również) powinieneś umieścić słowa kluczowe. Pamiętaj, aby zrobić to sensownie - nagłówki czytają także ludzie. Spraw, aby zainteresowały one i czytelnika i dały potrzebne informacje robotowi. Nie upychaj w nagłówku samych słów kluczowych.

Pozostałe nagłówki stanowią tytuły poszczególnych części artykułu. Do nich również zastosuj powyższe zasady.

Posłużymy się teraz naszą przykładową stroną. Nagłówki dla niej mogą wyglądać tak.

<h1>Krakow, perła polskich miast</h1>
<h2>Najciekawsze zabytki Krakowa</h2>
<h5>tekst wprowadzający</h5>
<p>treść artykułu</p>
<h2>Tanie noclegi w Krakowie</h2>
<h3>Najtansze hotele</h3>
<p>treść</p>
<h3>Hostele - tani nocleg na każdą kieszeń</h3>
<p>treść</p>
<h3>Kwatery prywatne w Krakowie</h3>
<p>treść</p>

Prawda, że to łatwe?

Wyróżnienia

Wielkość, rodzaj, kolory i style czcionek mają znaczenie dla wyszukiwarek. Język (X)HTML operuje dwoma podstawowymi znacznikami do wyróżniania tekstu:

• Znaczniki formatujące
  Te znaczniki powodują zmianę wyglądu tekstu. Gwarantują nam uzyskanie pogrubienia, pochylenia, podkreślenia, przekreślenia itp.
  Roboty wyszukiwarek nie otrzymują jednak żadnej informacji o charakterze tego tekstu.
  Do znaczników formatujących należą np.:
  
  <b>pogrubienie</b>
<i>pochylenie</i>
<u>podkreślenie</u>

• Znaczniki semantyczne
  Powinny nadać tekstowi pożądany format, ale nie jest to regułą. Niektóre przeglądarki nie interpretują prawidłowo tych znaczników. Nie nadają im pożądanego wyglądu.
  Znaczniki semantyczne mają jednak ważniejsze zadanie. Informują one o charakterze tekstu. Dzięki temu np. osoba niewidoma, korzystająca z syntezatora mowy, otrzyma informację, że właśnie odczytywany jest cytat, że użyto akronimu, czy skrótu.
  Znaczniki te podają również informację robotom wyszukiwarek, które przeglądają tekst strony jedynie w trybie tekstowym. Dzięki użyciu w odpowiednich miejscach znaczników semantycznych, strona będzie więc lepiej zaindeksowana.
  Przykłady znaczników semantycznych:
  
  <strong></strong> - pogrubienie - informacja o ważności tekstu objętego znacznikiem,
  <cite></cite> - pochylenie - w tym tagu umieszczamy np. autora cytatu,
  <q></q> - cudzysłów - tu umieszczamy cytaty,
  <code></code> - stała szerokość znaku - w tym tagu umieszczamy kod komputerowy.

Kiedy stosować znaczniki formatujące,
a kiedy semantyczne?

Znaczniki formatujące użyjemy, gdy zależy nam na osiągnięciu zamierzonego efektu wizualnego. Szczególnie dla treści, która ma być zauważona przez czytelnika mimo, iż nie wnosi szczególnych informacji.

Znaczniki semantyczne zastosujemy, gdy chcemy wskazać, że tekst w nich zawarty ma jakieś specjalne znaczenie (jest to cytat, kod komputerowy, akronim itp.).

Pamiętaj, że w większości wypadków, to co chcesz wyróżnić dla czytelnika, będzie rónież ważne dla robotów. Staraj się więc używać głównie znaczników semanycznych.

Nie popadaj w przesadę ;). Wyróżniaj to, co warte jest wyróżnienia. Przepełniony ozdobnikami tekst może zniechęcić czytelnika i dać fałszywy obraz robotom wyszukiwarek.

Popracuj teraz nad nagłówkami i wyróżnieniami na Twojej stronie. Następnie dowiedz się jak tworzyć treść i opisać obrazki.

Podziel się tym artykułem z innymi:

Poznaj tajniki wyszukiwarek!!!

 Zapisz się na DARMOWY kurs:

"Wszystko co musisz wiedzieć o wyszukiwarkach"

© 2007-2008 Rafał Tochman | Wszelkie prawa zastrzeżone | Protected by BOWI Group | Polityka Prywatności |
szukam pracy polskie programy *Foto Mapa*