Webové standardy by měly být hnací silou za práci každého návrháře nebo vývojáře. Poskytují měřítko, podle kterého lze měřit kvalitu, strukturu, syntaxi a metodiku projektové práce.

Chcete-li vysvětlit výhody webových standardů, Porovnal jsem to na mém vlastním blogu dnešní podoby webu před 10 až 15 lety.

Otázky související se souladem mezi prohlížeči a nutností rozsáhlého testování před spuštěním stále ještě zůstávají, ale standardizace DOM, (X) HTML, CSS a řady dalších technologií učinila digitální svět mnohem předvídatelnější.

Při kódování webové stránky kompatibilní s normami můžeme být přiměřeně přesvědčeni, že to udělá to samé ve Firefoxu, Safari, Chrome, Opera a dokonce iv Internet Exploreru (samozřejmě od verze 7 nahoru). K nesrovnalostem dojde, ale každý, kdo stojí na obou stranách posledního desetiletí webového designu a vývoje, jistě uznal hodnotu standardů.

Jako komunita přijímáme standardy a povzbuzujeme ostatní k tomu, abychom učinili totéž. Píšeme sémantický kód, ověřujeme jej a občas jdeme tak daleko, že máme hluboké diskuse o tom, jak bychom měli (nebo neměli) formátovat naše CSS a HTML.

Ale ošklivá pravda je, že průměrný Joe Klient je prostě jedno. Joe se nehledá na kompatibilní webové stránky, ale na efektivní webové stránky.

Samozřejmě existují výjimky. Mohli byste být "šťastní", abyste mohli vyzvednout znalostního klienta, který požaduje dodržování norem, protože zaslechli kamaráda asistenta kolegovi CEO, že je to důležité.

Z větší části však Joe nehledá, že najme návrháře na základě schopnosti splnit všechny standardy doporučené W3C. Pravděpodobně ani neví, co je W3C.

Spíše Joe hledá návrháře, který může vytvořit webové stránky, které mu pomohou dosáhnout svého cíle. Ať už je cílem prodat více produktů, sdílet informace o jeho společnosti nebo přivést lidi se společným zájmem dohromady, určitě se bude více zajímat o jejich dosažení než o tom, že mají webové stránky, které mohou být kontrolovány jako standardy.

Takže zcela opouštějeme standardy, abychom Joeovi dali to, co chce? Vůbec ne. Standardy, jak jsme diskutovali, jsou kritické a měly by se do značné míry stát v práci, kterou děláme pro klienty, a to i v případě, že se nejedná o prodejní místo samo o sobě.

Viděl jsem řadu portfolií, v nichž návrháři hrdě tvrdí, že jejich webové stránky byly postaveny na platných normách HTML, CSS a podobně. I když je to jistě dobrá věc, musíme si položit otázku, co to znamená Joeovi. Více často než ne, Joe předpokládá, že máte na mysli jen to, že vaše návrhy jsou vysoce kvalitní, nebo možná, že jste schopni urychlit nejnovější technologické trendy (jako např. často-nepochopený Web 2.0 ).

Normy jsou mnohem víc než to. Ale nemůžeme si dovolit, aby Joe opustil tečky, když na prvním místě plně nerozumí standardům. Spíše než zdůrazňovat samotné normy, měli bychom se zaměřit na vysvětlení jejich výhod.

Přístupnost

Dostupnost se týká vytváření webových stránek, které mohou používat a navigovat uživatelé se zdravotním postižením. Nejčastěji uváděnou implementací je učinit obsah rozpoznatelný pro software pro čtení obrazovky a hardware typu text-to-Braille.

To by mohlo být velkým přínosem pro klienty. Většina klientů pravděpodobně nechápe, že takové podpůrné technologie v podstatě analyzují dokument HTML a vrátí obsah ve formátu, který uživatel může pochopit. Kód kompatibilní s normami pomáhá vytvářet strukturu dokumentů potřebnou pro správné fungování těchto zařízení, což zpřístupňuje webovou stránku.

nápověda podepsat s Braillovým písmem

Oddělující obsah (HTML) od prezentace (CSS) zpřístupňuje stránky i tehdy, jsou-li některé stylistické prvky nedostupné (ať už proto, že server je nedodal, nebo uživatelské nastavení uživatele je potlačuje).

Bez informací o stylu se dobře sestavená webová stránka jednoduše vrátí k výchozímu nastavení prohlížeče, což znamená, že obsah je stále přístupný i v případě, že stylistické prvky nejsou. Webové stránky, které nejsou v souladu s normami, se zpravidla takto zpřístupňují.

Budoucí prověření

Zatímco krajina webu se neustále mění, klienti obvykle nechtějí platit za zcela novou webovou stránku po několika letech kvůli zastaralému kódu.

Zatímco velcí výrobci prohlížečů dělají to nejlepší proto, aby vykreslovací stroje byly zpětně kompatibilní (a ve skutečnosti je tento koncept zabudován do HTML5), přínosy webových standardů pro ochranu budoucnosti mohou být pro klienty atraktivní.

Jen proto, že nevyhovující webové stránky vypadají dobře v současných verzích prohlížečů, neznamená to v budoucnu, zejména proto, že prohlížeče i nadále odchylují určité náznaky ve prospěch širší standardizace. Jeden jednoduchý argument, který byste mohli udělat, je, že kompatibilní webové stránky jsou nejlépe vybaveny tak, aby odolaly zkoušce času, protože jsou postaveny podle plánu, který řídí vývoj webu.

Zlepšený výkon

Dokonce i nejvíce neinformovaný klient by si uvědomil, jak škodlivá by byla pomalá internetová stránka pro jejich podnikání. Webové standardy mohou s tímto pomohou i velmi.

Smyslem oddělovat obsah a prezentaci nebyli puristé ze sémantického snobství. Je to opravdu nejlepší způsob, jak vytvořit webové stránky. Vkládání značky na každé stránce by znamenalo velkou námahu a zvládnutí velikostí stránek (a množství informací, které by uživatelé museli stáhnout).

Přemístěním kódu stylu do souboru CSS pro ukládání do mezipaměti a odstraněním rozložení tabulek a další zbytečné mark-up, uděláte web více citlivý a uživatelsky přívětivý. Joe by to určitě ocenil.

Vyšší výkon také snižuje spotřebu šířky pásma a související náklady (i když většina hostingových balíků přichází s větší šířkou pásma, než kdyby někdy potřebovala webová stránka).

Jednodušší údržba

Z mnoha výhod, které přicházejí s webovými stránkami, které vyhovují standardům, možná nejvíce lákavá je, že obecně vyžaduje méně údržby než web, který není v souladu s předpisy, nebo alespoň údržba může být provedena mnohem rychleji a levněji. Několik vylepšení na list stylů aktivuje změny na webu.

Porovnejte to s webovou stránkou, která kombinuje styl a obsah. Jednoduchá změna může vyžadovat kopání několika šablonových souborů nebo horší sady statických dokumentů HTML. Vzpomínám si, že jsem to musel dělat sám, před osvícení, brodil celou řadu ošklivých font tagy rozptýlené po stránkách. Jakákoli typografická změna by trvala celé hodiny a já někdy někde postrádala jednu nebo dvě.

snadná údržba

Standardy pomáhají klientům vyhnout se těmto bolestem hlavy a místo toho mají prospěch z mnohem jednodušší, levnější a efektivnější údržby.

Vzhledem k tomu, že je sémantický a navazuje na zavedené struktury dokumentů, kompatibilní webové stránky jsou také pro ostatní návrháře a vývojáře snadnější, aby si je mohli přečíst a pochopit. Pokud klient nakonec potřebuje někoho jiného k tomu, aby si udržel své webové stránky, tato osoba nebude muset trávit hodiny snaží se zabalit hlavu kolem kódu.

SEO

Zatímco je žádný skutečný konsenzus o vlivu webových standardů na optimalizaci pro vyhledávače, jedna věc je jasná: standardy nebudou bolet. Ve skutečnosti velmi pravděpodobně přinášejí řadu výhod pro hodnocení webových stránek. Stačí se podívat na tipy, které navrhuje Aaron Walter ve svém " Vyhrazitelnost / SEO Cheat Sheet: Průvodce webovými standardy SEO , "Které jsou v souladu s webovými standardy. Zde jsou některé požadavky, které navrhuje:

  • Značka by neměla obsahovat žádné chyby, které by pro vyhledávač obtížně dokázaly indexovat stránky. Ověřte svůj přírůstek hodnotou Nástroj validace W3C .
  • Napište sémanticky významnou známku. To znamená, že používají značky, které mají být použity, a to způsobem, který odráží obsah, spíše než podle jejich výchozího stylu. Použití Sémantika W3C zkontrolovat svou práci a prohlížet si web bez CSS, abyste zajistili, že hierarchie informací podporuje vaši zprávu.
  • Napište srozumitelné title tagy, počínaje názvem stránky, názvem webové stránky a krátkou frází bohatou na klíčová slova, která popisuje webovou stránku.
  • Pomocí klíčových značek s příslušnými klíčovými slovy můžete identifikovat klíčové části vašich stránek. Označte značky značek v pořadí významu, začínajícím h1 (pro webové stránky nebo název organizace).

Je zřejmé, že dodržování norem by pomohlo optimalizaci webových stránek ze stejných důvodů, proč by to bylo pro budoucnost důkazem. S vylepšením vyhledávacích algoritmů budou kompatibilní webové stránky přirozeně zůstat nejčitatelivější a prohledávatelné, takže je hodně hodí.

Ujistěte se, že klienti chápou, že SEO by nemělo být děláno na úkor standardů. Cokoli, co porušuje standardy, je jen něco málo víc než rychlá oprava pro krátkodobé výsledky, nikoli řešení, které by vedlo k zachování viditelnosti.

Závěr

Zatímco Joe se nestará o dodržování standardů samo o sobě, bude vnímavý k mnoha konkrétním výhodám, které by přineslo jeho podnikání. Ale ty jsi ten, kdo mu musí vysvětlit ty výhody.

Musíte vysvětlit, jak dodržování webových standardů učiní jeho webové stránky rychlejší, přístupnější, snadněji se udržuje, je bezpečnější pro budoucnost a je s největší pravděpodobností mnohem přehlednější. Pokud mu to může pomoci pochopit, mohl by být ještě více nadšený standardy než vy!


Napsal výhradně pro Webdesigner Depot Matt Ward. Matt je uznávaným designérem a spisovatelem, který je pod svým názvem nezávislý Echo Enduring Media . V současné době působí také jako tvůrčí ředitel na Highland Marketing . Měli byste sledovat Matta Cvrlikání .

Jak přistupujete k webovým standardům? Jak vysvětlíte jejich výhody klientům? Sdílejte svůj názor níže.