www.SAMURAJ-cz.com 

15.12.2017 Radana a Radan Translate to English by Google     VÍTEJTE V MÉM SVĚTĚ

Články

Tvorba moderního webu - syntaxe, sémantika, CSS, SEO, přístupnost, použitelnost

Úterý, 30.05.2006 13:44 | Samuraj - Petr Bouška |
Hodně lidí, kteří začínají tvořit webové stránky, tak začnou tím, že se naučí pár tagů HTML tak, aby se v prohlížeči zobrazilo to, co chtěli vytvořit. Většinou se nezajímají o nějakou specifikaci HTML a natož, aby jejich kód byl podle ní validní, nebo o správný způsob vytvoření nějakého prvku. Je to škoda, neboť není tak složité dodržet správný a moderní způsob zápisu a plyne z toho i řada výhod. Horší už je, že se občas setkáme s webem, vytvořeným "profesionály", a ani on nedodržuje správná pravidla. V textu se pokusím odpovědět na otázku: "Proč dodržovat tyto metody?" a shrnout základní pravidla správného návrhu webu. Řeč bude tedy o termínech jako: syntaxe, sémantika, optimalizace pro vyhledávače, CSS, přístupnost a použitelnost.

Proč dodržet zásady správného návrhu webu?

Hned na začátku se pokusím vyzdvihnout výhody plynoucí ze správného psaní stránek. Bodově se jedná asi o toto:

  • správné zobrazení stránky
  • dobré indexování vyhledávači
  • možnost zobrazení na rozličných zařízeních
  • možnost použití stránek hendikepovanými uživateli
  • tvorba je jednodušší
  • jednodušší jsou změny a úpravy
  • uživatelé se budou na web vracet

Samozřejmě, že dodržení těchto pravidel neslouží pouze k uspokojení tvůrce webu. To, zda je kód stránky napsaný správně, zaujme pouze odborníka. Pro normálního uživatele je důležité, aby se stránka dobře zobrazila. Ale právě správně zapsaný kód nám pomůže v správném zobrazení stránky a to v různých prohlížečích. Bohužel jsou zde problémy, kdy se například správný zápis zobrazí v Internet Exploreru nesprávně.

Když máme správně sémanticky napsaný web s využitím CSS, tak se na starších či mobilních zařízeních zobrazí bez stylů a při tom použitelně. Navíc vyhledávací robot bude našemu webu "rozumět" a proto jej dobře indexovat.

Při správném zápisu a oddělení obsahu a formátování, napíšeme mnohem méně kódu do HTML stránky a formátování bude jednotné. Také jednou úpravou CSS můžeme dosáhnout změny na všech prvcích. Jednoduše se dá měnit i celý layout (rozvržení) webu.

Samozřejmě, pro to, aby uživatelé často navštěvovali náš web, je hlavní jeho obsah. Ale nemalou roli hraje i to, jak se na webu bude uživatel cítit. Jestli rychle najde to, co hledá. Jestli bude zobrazení příjemné a přehledné.

Hlavní zásady tvorby webu

Co bychom měli dodržet při psaní webu:

Jaké by stránky měli být:

Správná syntaxe – validní kód

  • uvést korektní DOCTYPE
  • určit jazyk obsahu
  • používat pouze správné tagy a správné vnořování (řazení)

Pojem syntaxe znamená "skladba; nauka o vzájemných vztazích skladebných prvků jazyka; pravidla pro vytváření přípustné kombinace symbolů". A hovoří o tom "jak se to zapisuje", tedy popisuje jednotlivé elementy a atributy, řekněme jednoduše příkazy jazyka.

Validní kód označuje platný kód, který odpovídá dané syntaxi. Validace je způsob, jakým můžeme ověřit, zda náš kód odpovídá specifikaci a tudíž je správný. Validaci webové stránky můžeme provést pomocí různých validátorů na webu. Existují validátory pro HTML a CSS, ale také pro Feedy, odkazy, WAI (přístupnost) a další. Jako základ můžeme využít validátory organizace W3C, např. validator.w3.org. Pokud používáte prohlížeč Firefox, tak si můžete nainstalovat rozšíření HTML Validator, což je off line validátor (využívá W3C Tidy validátor) a pokud zobrazíte zdrojový kód stránky, tak provede základní kontrolu. Dalším velice užitečným rozšířením pro všechny tvůrce webu je Web Developer, který obsahuje ohromné množství výborných nástrojů a mimo jiné odkazy na řadu validátorů.

Co se týče specifikace, tak bych doporučil použít HTML 4.01 Strict nebo XHTML 1.0 Strict. Dnes máme na výběr (ostatní verze jsou zastaralé) buď specifikaci HTML 4.01 nebo XHTML 1.0, i když mezi nimi (verze Strict) není velký rozdíl (XHTML se více blíží ke XML). HTML 4.01 může být typu Frameset, ale používání rámů je dnes již dlouho historie (a doufám, že je nikdo nepoužívá), dále Transitional (přechod ze starší verze) nebo Strict (přísné dodržení specifikace). Pokud tvoříme nové stránky, tak není problém dodržet specifikaci Strict a nemá cenu používat verzi Transitional, ta slouží pouze při přetváření staršího webu (podporuje některé tagy, které byly zrušeny). U XHTML máme Transitional a Strict. Ještě existuje nepříliš používaná verze XHTML 1.1 (ač je to zvláštní, tak XHTML 1.0 je novější, neboť byla tato verze revidována).

Na začátku dokumentu je vždy třeba uvést DOCTYPE, ten určuje podle jaké specifikace je daná stránka napsána a říká prohlížeči jakou množinu tagů má použít. Stránka se vám zobrazí, i když tento DOCTYPE neuvedete, ale plyne z toho řada problémů. Prohlížeč použije nějakou výchozí specifikaci a např. Internet Explorer zobrazuje stránku v tzv. "Quirck modu", kdy dělá velkou řadu chyb oproti specifikaci (IE do verze 5.5 zobrazuje stránku vždy v Quirck modu, až od verze 6 se při uvedení DOCTYPE použije správný režim).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Po tom co si určíme, jakou specifikaci použijeme, tak samozřejmě musíme používat množinu tagů z této specifikace a u některých tagů správné atributy. Také je třeba dodržet správné vnořování, například do řádkového (inline) elementu se nesmí vnořit blokový element. V žádném dokumentu (HTML, XHTML, XML) není povoleno křížení elementů, tzn. překrytí začátku nebo konce tagu, př. <strong><em>text</strong></em>, správně <strong><em>text</em></strong>. Všechny tyto věci nám kontroluje validátor, takže při časté kontrole vyvíjené stránky se nebudeme dopouštět chyb a naučíme se správný zápis.

Správná sémantika

  • sémantická správnost – užívání tagů h1, h2, p, code, abbr ...
  • k obrázkům uvádět alternativní text (obrázky, které nemají obsahovou hodnotu, vkládat pomocí CSS)

Pojem sémantika znamená "nauka o významu jazykových jednotek". A vyjadřuje "co to znamená", tedy popisuje, jaký význam mají jednotlivé příkazy.

Správná sémantika je vedle dobré syntaxe asi druhá nejdůležitější věc na webu. Jde o to, abychom používali tagy pro správný účel. Takže například když píšu nadpis, tak jej uzavřu do tagu h1, h2 ... (podle úrovně), pro ukázku kódu použiji tag code. Nebo v globálnějším pohledu, pro rozmístění stránky – vytvoření layoutu, nepoužiji tabulky (jak se v dřívějších dobách, a bohužel někde i dodnes, používalo), ale sémanticky neutrální elementydiv a pro vytvoření menu použiji netříděný seznam.

V dnešní době se řada autorů dopouští chyby v opačném směru, snaží se vše stylovat pomocí CSS (to by bylo ještě dobře) a pro všechny prvky používá pouze div a span s třídou, což je opět špatně (například tvořit nadpis pomocí divu). Podrobně o layoutu, menu apod. bude další článek.

Musím říct, že správné užívání sémantiky není jednoduché. Já mám třeba problémy rozlišit použití značek abbr a acronym, které jsou podobné. Nebo zvolit správnou sémantickou reprezentaci pro určitý objekt, jako třeba netříděný seznam pro menu nebo tříděný seznam pro komentáře.

Ukázka obsahu dokumentu se sémantickými značkami:

<h1>Hlavní nadpis</h1>
<h2>První část</h2>
<p>Odstavec, který obsahuje <strong>důležité informace</strong>.
   <abbr title="By The Way - mimochodem">BTW</abbr>, také tu máme nějakou zkratku.</p>
<p>Můžeme popsat <code>příkaz</code>, třeba tímto obrázkem:
   <img alt="zobrazení příkazu" src="obr.gif"></p>

Oddělení obsahu a formátování

  • obsah pouze s doplněním sémantického významu
  • formátování pomocí CSS v samostatném souboru

Jazyk HTML byl vytvořen pro zápis obsahu – informací. Časem přišla potřeba "hezkého" zobrazení, tak byly přidány tagy pro formátování výstupu. Ovšem zápis obsahu i formátování do jednoho souboru má mnoho nevýhod. Je nejednotný, když chceme změnit zobrazení např. všech nadpisů, musíme měnit kód u každého nadpisu. Pro automatické nástroje, které zjišťují význam dokumentu (např. čtečky pro nevidomé), je nepřehledný (formátování přináší zmatek). Jsou problémy s výstupem na rozdílná zobrazovací zařízení, např. obrazovka a tiskárna. Proto byly tyto formátovací tagyHTML ve verzi 4 odstraněny a formátování by se mělo provádět pomocí CSSCascade Style Sheet, nejlépe v samostatném souboru. Správné použití CSS odstraňuje všechny dříve popsané nevýhody.

Definice CSS stylů se dají vkládat přímo do HTML stránky nebo dokonce uplatnit přímo na element pomocí atributu style. Správně se však doporučuje uvádět definice stylů v externím souboru a přímé stylování používat minimálně (odporuje výše popsaným zásadám). Další možností je použít třídy pomocí atributu class, toto řešení je již lepší, ale jak již název napovídá CSS je kaskádní a doporučuje se v maximální míře využít kaskádnosti a definovat vlastnosti přímo na tagy. Toto bylo velice stručně o stylech, podrobněji o CSS bude další článek.

Optimalizace pro vyhledávání – SEO

  • jazykově bohatý obsah
  • dobře strukturovaný a přístupný
  • smysluplné titulky stránek
  • smysluplné nadpisy
  • bohaté adresy
  • zpětné odkazy

Tento bod se možná nezdá jako podstatný pro dobré stránky, ale většina lidí tvoří web pro to, aby jej navštěvovalo co nejvíce lidí. Navíc mnoho věcí, které se týkají SEO souvisí s již dříve uvedenými pravidly, čili dobře napsaný web je základ pro dobré SEO. Metodika, která se zabývá optimalizací pro vyhledávače se jmenuje SEO - Search Engine Optimalization.

Stránky musí být sémanticky (jazykově) bohaté. To znamená obsah určitého rozsahu s pestrým významem. Velice důležité je používání titulku title, aby odpovídal obsahu stránky a na každé stránce se měnil. Vhodná volba nadpisů a více úrovní h1, h2, h3 ... s dobrým významem. Užívání zvýraznění strong, korektní odkazy a s dobrým jménem a významem v atributu title, používání atributu alt u obrázků (vyhledávač obrázek nevidí), apod. Tyto vlastnosti ovlivňují, jak vyhledávací robot vidí náš web. S tím také souvisí užívání klíčových slov, hlavně v titulcích, nadpisech a pomocí meta tagů (poslední dobou význam meta tagu pro klíčová slova poklesl).

Bohaté adresy – to znamená, aby adresa vaší stránky měla významový obsah (byla zde uvedena klíčová slova). Je to první, a důležitá, věc, kterou vyhledávač registruje. Takže například na webu, který obsahuje různé články, není dobrá adresa www.mujweb.cz/index.php?i=1502, místo toho je dobré něco jako www.mujweb.cz/clanky/nejlepsi-clanek-o-webu. O problematice adres chystám další článek, bude o využití mod-rewrite u Apache.

Téměř nejdůležitější věcí pro vyhledávače je, jak je váš web oblíbený, tedy kolik na něj vede odkazů z jiných stránek. A to ještě, čím lépe je hodnocená stránka, z které vede odkaz, tím lépe se hodnotí tento odkaz. Takže je třeba, aby váš web měl bohatý obsah a jiní lidé uváděli odkazy dovnitř vašeho webu. Dobře musí být utvořena i struktura odkazů uvnitř vašeho webu.

Přístupnost

Webové stránky by měli být přístupné všem, ať mají libovolný operační systém, webový prohlížeč (i staré verze), či jiné zařízení (např. PDA), či změněné zdravotní dispozice. Proto existují určitá pravidla, co se týče použití grafiky, interaktivity a obsahu. Každá stránka by měla mít možnost zobrazení pomocí čistého textu, k obrázkům a jiným netextovým prvkům poskytovat alternativní text, jasně rozpoznatelné odkazy (a ne pouze barvou). Řešením je tvořit správně sémantický webodděleným obsahem (HTML) a vzhledem (CSS).

Základní pravidla pro zobrazení

Vzhled pro obrazovku

  • jeden font (z typografie max. 3) - bezpatkový
  • čitelný text (nepoužívat efekty na písmo)
  • nízký počet barev, spíše kombinovat odstíny
  • dostatečný kontrast (sovavsiti.cz/kontrast/)

Vzhled pro tiskárnu

  • patkové písmo, velikost 100%
  • černobílý vzhled
  • odstranění grafiky a přebytečných částí
  • linky bez podtržení

Použitelnost

  • používat relativní velikost textu (%, em)
  • layoutu pro různá zařízení (zatím jen obrazovka, tiskárna)
  • přehledné a jasné ovládání a rozvržení stránky
  • využívání chybových stránek 404
  • zvýrazňování důležitých bodů v článku

Aby lidé používali určitý web, musí být použitelný. Úvodní stránka musí obsahovat přehledně a jasně informace o náplni webu. Orientace a ovládání musí být přehledné a na první pohled jasné i nezkušenému uživateli. Na stránkách musí návštěvník jednoduše najít odpovědi na otázky, kvůli kterým sem zavítal. Potom stránky splní svůj smysl a uživatel se na ně bude rád vracet.

Pár slov na závěr

Samozřejmě se neobejdeme bez toho, abychom náš web neoptimalizovali pro určitý prohlížeč, zařízení, apod. To neznamená, že nebude v jiných prohlížečích použitelný, ale pouze méně komfortní. Například můžeme využít vlastnosti, které podporují modernější verze prohlížečů, které používá většina uživatelů, a objekt se zobrazí hezčím způsobem. Pokud však přistoupíme na stránku ze starší verze prohlížeče, tak se tato vlastnost neuplatní, ale obsahová stránka se zobrazí.

Pro rozhodnutí, kterým směrem upírat svoji práci, mohou pomoci statistiky toho, co se dnes používá. Například na http://www.toplist.cz/global.html nebo http://www.w3schools.com/browsers/browsers_stats.asp.

Ještě příklad jak by měla vypadat taková kostra stránky (bez obsahu):

<!-- toto je komentář; dále je definováno DTD HTML 4.01 Strict -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- kořenový element dokumentu s určením jazyka-->
<html lang="cs">
<!-- hlavička -->
  <head>
<!-- meta (informace) tagy - určení kódování a jazyka dokumentu  -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Language" content="cs">
<!-- další meta tagy - různé informace jako author, description, keywords, robots ...  -->
    <meta name="author" content="All: Samuraj - Petr Bouska; e-mail: bouskap@samuraj-cz.com">
    <meta name="description" content="Popis webu, používá jej i Google, když zobrazuje obecně Váš web.">
<!-- titulek stránky -->
    <title>Nadpis aktuální stránky</title>
<!-- připojení různých souborů, jako CSS, alternativního výstupu (RSS), ikony webu (favicon) ... -->
    <link rel="stylesheet" type="text/css" href="css_soubor.css" media="screen">
    <link rel="shortcut icon" href="favicon.ico">
  </head>
<!-- tělo dokumentu -->
  <body>
<!-- obsah stránky -->
  </body>
</html>

Odkazy

zobrazeno: 17603krát | Komentáře [19]

Autor:

Související články:

Moderní web

Webové stránky se dají dělat různě, pokud však nebudeme dodržovat současné principy a standardy, tak patrně nebudou příliš oblíbené.

Pokud se Vám článek líbil, tak mne potěšíte, když uložíte odkaz na některý server:

Pokud se chcete vyjádřit k tomuto článku, využijte komentáře níže. Pokud chcete poradit s nějakým problémem či diskutovat na nějaké téma, tak použijte fórum.

Komentáře

  1. [1] PetrF

    Dobrý

    Úterý, 30.05.2006 16:18 | odpovědět
  2. [2] Vilém Málek

    Když už jsme u té přístupnosti a použitelnosti - tento web se mi opravdu nechutně vlní při posouvání stránky, což je zřejmě důsledek nějaké nepromyšlené CSS konstrukce. Jestli nechcete, aby množství návštěvníků utrpělo šok nebo dostalo mořskou nemoc, měl byste toto vyřešit.

    Čtvrtek, 15.06.2006 10:38 | odpovědět
  3. [3] Samuraj

    odpověď na [2]Vilém Málek: Děkuji za připomínku, ale mohl byste to trošku specifikovat? Ani ve Firefox 1.5, ani v IE 6 žádné vlnění nezaznamenávám.

    Čtvrtek, 15.06.2006 10:54 | odpovědět
  4. [4] piler

    odpověď na [2]Vilém Málek:

    mne sa to tiez vlni ;) mam notebook, tak mi napadlo, ze to moze byt grafikou, teda nestiha prekreslovat zlozitejsie objekty. Ale prijemne to zrovna nie je.

    BTW tento clanok mi dost pomohol, programujem skoro 3 roky v PHP a az posledny rok sa snazim byt "semanticky :D" a takto polopate som potreboval vediet, co vlastne pisem v hlavicke.

    Takze vdaka za dobry clanok a prajem vela uspechov v dalsom vyvoji.

    Čtvrtek, 15.06.2006 12:54 | odpovědět
  5. [5] piler

    [5]

    Ak mate moznost pozriet si to na notebooku s integrovanou grafikou, tam by sa to asi mohlo prejavit.

    napr:

    <!-- toto je komentář; dále je definováno DTD HTML 4.01 Strict -->

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <!-- kořenový element dokumentu s určením jazyka-->

    <html lang="cs">

    <!-- hlavička -->

    toto sa vlni...

    Chcel by som sa este opytat kedy pouzit div a kedy p, lebo ja stale pouzivam len div aj v textox.

    Vdaka.

    Čtvrtek, 15.06.2006 15:50 | odpovědět
  6. [6] piler

    Este by som mal malu programatorsku poznamku:

    - vyzera to tak, ze po pridani prispevku metodou POST sa cez header() nepresmerujete a potom pri stlaceni F5 sa browser pokusa formular znova poslat.

    Čtvrtek, 15.06.2006 16:00 | odpovědět
  7. [7] Samuraj

    odpověď na [6]piler: Používání p a div plyne z významu obsahu, který tím uzavřeš. P označuje odstavec, tedy téměř veškerý text by měl být uzavřen v tomto tagu. Samozřejmě ten, který odpovídá odstavci, což je u článku skoro vše, až na nadpisy, menu, atd. Oproti tomu div je blokový element bez sémantického významu, měl by být užíván například pro pozicování nebo pokud máme blok dat, který chceme seskupit a nastavit mu nějaké vlastnosti. Prioritně bychom však měli využít sémantických elementů a k divu se přiklánět jen, když to jinak nelze. Nevím jestli jsem to popsal nějak jasně.

    [7] Díky za radu, to tady nedělám a máte pravdu.

    Čtvrtek, 15.06.2006 17:26 | odpovědět
  8. [8] Piler

    [8]

    Dik za odpoved.

    Este jedna drobnost:

    - pri vybere sekcie v clankoch je presmerovanie pomocou JS. Bolo by dobre do <nocript></noscript> dat <input type="submit" ... />. Ked ma uzivatel zap. JS, tak to nevidi a ked nie, tak ma moznost aspon odoslat formular.

    Ale inak dopohody webik ;)

    Čtvrtek, 15.06.2006 20:03 | odpovědět
  9. [9] Hlu5a

    Taky se mi to "vlní", ale grafikou to 100% není. Nikde jinde mi tohle nedělá.

    Čtvrtek, 15.06.2006 20:34 | odpovědět
  10. [10] Vilém Málek

    2 Samuraj: Vlnění nasimulujete snadno, pokud si stránku prohlédnete v MSIE a při čtení použijete posuvník pro její rolování dolů - stačí zatáhnout a pochopíte. Předpokládám, že v konstrukci stránky používáte určitý druh pozicování, které je náročné na vykreslování, čehož známým a popsaným důsledkem je právě ono "vlnění"...

    Pátek, 16.06.2006 00:50 | odpovědět
  11. [11] Samuraj

    odpověď na [9]Hlu5a: Původně jsem tam měl pokaždé to tlačítko (asi jste viděl v kódu), ale pak se mě to nevešlo na šířku, tak jsem jej schoval a plánoval dořešit později. Samozřejmě jsem na to zapomněl a navíc teď se již na šířku vejde.

    Každopádně děkuji za rady. Takovéto konkrétní komentáře hodně pomohou zlepšit web a naučím se i něco nového.

    Pátek, 16.06.2006 08:26 | odpovědět
  12. [12] piler

    [12]

    Nie je zac. Keby to fungovalo takto stale, ze si developeri pomozu, bez zbytocnej a nekonstruktivnej kritiky, hned by to zlepsilo kvalitu webov. :)

    Pátek, 16.06.2006 11:32 | odpovědět
  13. [13] piler

    Ak mozem este otazku?

    Vsimol som si na niektorych weboch, ze pri pouziti tagu p je prvy riadok odsadeny o par medzier. Tak by to myslim aj malo byt a tak je to aj v knihach, ale nemozem prist na to, ako to dosiahnut. Dufam, ze ste ma poxopili.

    Sobota, 17.06.2006 11:15 | odpovědět
  14. [14] Samuraj

    [14] Myslíte asi odsazení od levého okraje. Já myslím, že podle moderní stylistiky se to již nepoužívá. Ale možnost jak to udělat je pomocí pseudo třídy :first-letter, zajímavá je také pseudo třída :first-line.

    Příklad: p:first-letter { padding-left: 15px; }

    Sobota, 17.06.2006 12:25 | odpovědět
  15. [15] piler

    [15]

    Vdaka za odpoved, aj ked ma zaskocilo, ze sa to uz nema pouzivat. Ale medzi blokmi textu ma stale ostat medzera?

    Zacital som sa trosku do http://www.semantika.name/ a fakt patrim k tym "fekalistom" strasne malo html tagov v texte a vsetko cez CSS. Doteraz som mal pocit, ze tvorim moderne, ale ten web ma rychlo vyviedol z miery. Nikdy som si ani neuvedomil, aky je rozdiel medzi b a strong, mal som pocit, ze strong je moderna nahrada zastaraleho b. No, co sa tyka semantiky, mam sa toho este vela ucit. Skoda, ze som nemal tento pristup od zaciatku.

    Este je tu moznost, ze HTML vyjadrovanie bude tvorit niekto iny a na mne zostane cisto programovanie. Ale to len fantazirujem ;).

    Sobota, 17.06.2006 22:52 | odpovědět
  16. [16] Samuraj

    [16] Tím používáním odsazení si určitě nejsem jist. Ale myslím, že např. v dopisech se to dříve používalo a nyní se začína na kraji řádku. Ovšem,když se podívám do časopisů či knížek, tak to větsinou používají.

    Jo s tou sémantikou jsem na to byl stejně (a pořád to není ono), ale ty základy se dají jednoduše dodržovat, stačí se s tím jen seznámit.

    Neděle, 18.06.2006 19:16 | odpovědět
  17. [17] gshape

    Opravdu pěkně shrnuto.

    www.ghostshape.com

    Neděle, 20.06.2010 14:02 | odpovědět
  18. [18] Kryštof

    ;-) rád jsem, díks

    Pátek, 03.12.2010 12:23 | odpovědět
  19. [19] Dejvy

    Už tak trochu old school, ale podobný články jsem četl v začátcích, když jsem ladil svoji první verzi webu. Vždycky jsem něco načetl, pak to aplikoval a za půl roku byli všechno jinak... Vyhledávače se pořád měněj, takže i SEO optimalizace... Nakonec jsem to přenechal jednomu známýmu, kterej pracuje v SEO agentuře - www.topranker.cz a už se o to nemusim starat :-)

    Středa, 12.10.2016 10:24 | odpovědět
Přidat komentář

Vložit tag: strong em link

Vložit smajlík: :-) ;-) :-( :-O


Ochrana proti SPAMu, zdejte následující čtyři znaky image code

Nápověda:
  • maximální délka komentáře je 2000 znaků
  • HTML tagy nejsou povoleny (budou odstraněny), použít se mohou pouze speciální tagy (jsou uvedeny nad vstupním polem)
  • nový řádek (ENTER) ukončí odstavec a začne nový
  • pokud odpovídáte na jiný komentář, vložte na začátek odstavce (řádku) číslo komentáře v hranatých závorkách