Osvěta

Dobrý den,

jelikož jsem na tomto fóru narazil již na několik flamů, následujícím textem bych chtěl uvést na pravou míru několik polopravd a rozšířených omylů.
Celé léto, jak je mým (dobrým?) zvykem jsem pročítal knihy a materiály (tentokrát o HTML a spol.). Troufám si tvrdit, že jsem něco malinko pochopil a ujasnil si některé věci.
Proto sem chci několik řádků napsat. Možná se budou někomu hodit a začátečníkům pomohou ujasnit si některé věci.
Takovým posledním popíchnutím, abych něco napsal bylo plno mystifikací na SEO fóru http://forum.seo-servis.cz/.

1) h1, jeden nebo více?
h1 je HTML značka pro hlavní nadpis v HTML dokumentu. Ve většině případů se hodí pouze jeden hlavní nadpis a ostatní jsou přebytečné. Avšak v některých případech mají dvě značky h1 (či více) své opodstatnění.
Uvedu příklad:

<h1>Jan Brázda – zahradní bazény</h1>
<h1>Eva Pavlíková – zahradní architektura</h1>

Nevím, jestli jsem uvedl nejšťastnější příklad, ale jedná se o dva lidi, kteří vlastní malou firmu, ale každý se věnuje trochu něčemu jinému. Jedny stránky jim však bohatě stačí.
A jak je to z hlediska SEO (Optimalizace pro vyhledávače)?
Může nám to tedy ublížit? Má odpověď zní, že ne příliš. Vyhledávače za vícenásobnou značku h1 nepenalizují. Pokud narazí na dvě h1, sníží trochu důležitost toho druhého h1.

2) b versus strong
<b> - značka pro tučný text, mající pouze dekorativní účel (ne však zcela úplně; viz dále - vektory)
<strong> - označuje text mající větší důležitost

Nejlepší bude, osvětlit to opět na příkladech:

<b>E-mail:</b> pepa@zdepa.cz

Použití značky strong by zde bylo trochu postavené na hlavu. Důležitý je přeci samotný e-mail, ne slovo, které na něj upozorňuje. Značka b zde tedy má dekorativní účel pro vyšší přehlednost.

Mezi naše služby patří <strong>tvorba www</strong>, <strong>malování pokojů</strong> a <strong>výroba cukroví</strong>.

Podstatná slova byla zvýrazněna pomocí značky strong.

A co na to vyhledávače. Těm to je jedno. Tyto značky neodlišují (nebo moc málo) a o penalizaci tedy nemůže být ani řeč.

3) Tučný text v (X)HTML jedině přes CSS?
Dnešní trend tvorby www nám praví, že forma má být striktně oddělena od obsahu. Zkrátka informační hodnota (text, případně nějaké obrázky), to je ten obsah, má být oddělen od vzhledu (pozadí, výsledný layout a další ozdobičky), to je ta forma. Ta se má potom definovat pouze za pomoci kaskádových stylů.
Někteří tvůrci www si to však špatně vyložili a myslí si, že i značku b by měli definovat přes CSS.
Výše uvedený příklad by tak třeba vypadal takto:

HTML:
<span class=”tucne”>E-mail:</span> pepa@zdepa.cz

CSS:
.tucne {font-weight: bold;}


Většinou však použijí tuto konstrukci:
<strong>E-mail:</strong> pepa@zdepa.cz

Obě jsou nesprávné.
První vypadá hrozně a činí HTML kód nepřehledným.
Druhá je ze sémantického hlediska špatná. (Sémantika, zjednodušeně řečeno, nám určuje, jak se má daný jazyk správně zapisovat.)

Pokud se vrátím k prvnímu příkladu, proč tedy nepoužít značku b? Vždyť nám ve specifikaci XHTML zůstala. Argumenty typu, “Ve specifikaci XHTML 2 už značka b nebude, tak proč ji používat, zvykejme si.”, jsou hloupé. Přeci se nebudu zabývat tím, co (MOŽNÁ) bude, ale tím, co je teď a co mám k dispozici.

Nakonec jsem si nechal vektory. Vektory ve fyzice jsou veličiny, které mají kromě své velikosti i svůj směr (například rychlost, označujeme ji písmenem v).

Označujeme je šipkou nad příslušným písmenem nebo ztučněním toho písmena.

Jako dělaná je na to značka b. Co kdybych měl ale toto ztučnění nadefinováno pomocí CSS nebo co když CSS nepoužívám? Jak to udělat? Pomocí strong? Kdepak, označení vektoru nemá větší důležitost, než označení jeho velikosti.
A pokud chci třeba studentům ukázat nějaké příklady, pohodlné je to například přes "www".
Bez CSS se obejdu a pokud chci zachovat sémantiku, použiji pro označení vektorů značku b. Nevím totiž co by říkali, kdyby vektory neměli označeny. Asi by se na ty příklady vyflákli. :-)



mantisa, v. k.


P. S.: Rád si poslechnu Váš názor, třeba bych ocenil, kdyby mi někdo rozšířil obzory o hlasových čtečkám a tazích <b> a <strong>.
Věcná a obohacující diskuse vítána, avšak pokud se to tu zvrhne ve flame, bude téma zamčeno. Ostatně, moderátoři to nejspiš udělají rychleji.

Tento příspěvěk nemá být zápalnou šňůrou k flamu. Pouze jsem se snažil tyto problémy sepsat dohromady. Myslím si, že pro začátečníky by to mohlo být užitečnější, než se prokousávat řadou flamů.

Railbot

Máš pravdu,

nenapsal jsem to moc dobře, opraveno, moje chyba, omlouvám se.

Díky za upozornění.

tiso

samozřejmě, že i toto je možné, neříkám, že se kontakty mohou zapisovat pouze způsobem, který jsem uvedl, avšak pokud je na stránce uveden jako kontakt pouze e-mail, je mnou uvedený zápis časté řešení

Corwin

díky, samozřejmě, že věcí je víc, které by bylo třeba vyjasnit, ale zaměřil jsem se na ty nejčastější

další články možná přibudou časem

Dero
Manq


dík, zajímavý postřeh s tím e-mailem