Vývoj webu

Google I/O je každoroční vývojářská konference pořádaná společností Google. Název „I/O“ znamená „Innovation in the Open“ (Inovace v otevřeném prostředí) a zároveň odkazuje na počítačový výraz „Input/Output“ (Vstup/Výstup).

V předchozím článku o strukturovaných datech jsme si řekli, že schema.org je z pohledu SEO nejdůležitější metodou jak popsat obsah webové stránky. Schema.org je společný slovník vytvořený největšími světovými vyhledávači (Google, Bing, Yahoo a Yandex), který definuje standardizované typy a vlastnosti pro značkování obsahu webových stránek. Díky tomuto jednotnému jazyku mohou vyhledávače přesně porozumět tomu, zda je konkrétní stránka článek, produkt, recept, událost nebo třeba recenze, a zobrazit tyto informace ve výsledcích vyhledávání formou rich snippetů – rozšířených výpisů s obrázky, hodnocením, cenou nebo dalšími relevantními údaji. V tomto článku se podíváme podrobněji na to, jak schema.org vzniklo, jak funguje a proč se stal de facto standardem pro strukturovaná data na webu.

Při vývoji webových stránek je důležité zabránit vyhledávačům v indexaci ještě nehotových stránek. Jednou z možností jak znemožnit crawlerům indexovat web je použít HTTP Authentizaci. Je to jednoduchá ale účinná a snadno použitelná metoda.

Doba vývoje webových stránek může být velmi variabilní a ovlivňuje ji celá řada faktorů. Od jednoduchých jednostránkových prezentací až po komplexní webové aplikace se čas potřebný k dokončení může pohybovat od několika týdnů po mnoho měsíců. Zde jsou klíčové faktory, které mají na dobu vývoje webových stránek největší vliv:

SMACSS, což je zkratka pro Scalable and Modular Architecture for CSS (Škálovatelná a modulární architektura pro CSS), představuje metodiku a sadu doporučení pro psaní a organizaci CSS kódu. Nejedná se o rigidní framework nebo knihovnu, kterou by bylo nutné stahovat či instalovat. Místo toho SMACSS funguje spíše jako průvodce stylem (style guide), který nabízí flexibilní myšlenkový proces pro analýzu designu a strukturování CSS.

Tento článek se zabývá konvencemi pro pojmenování CSS tříd používanými v rámci systému pro správu obsahu Drupal. Cílem je popsat přístup k používání oddělovačů, konkrétně jednoduché pomlčky (-), dvojitého podtržítka (__) a dvojité pomlčky (--) pro definování struktury a variant uživatelského rozhraní. Dodržování jednotných standardů kódování je v ekosystému Drupalu klíčové, neboť zajišťuje konzistenci kódu napříč projekty, usnadňuje spolupráci mezi vývojáři a zvyšuje dlouhodobou udržovatelnost a čitelnost kódu.

Tento článek popisuje jak správně strukturovat a nastavit vlastní Drupal téma vzhledu (nebo modul, nebo jakýkoli jiný kód platí to obecně) tak, aby se dalo spravovat a instalovat pomocí nástroje Composer.

Responzivní webdesign (RWD) představuje moderní přístup k tvorbě webových stránek, jehož hlavním cílem je zajistit optimální zobrazení na široké škále zařízení s různými velikostmi obrazovek a rozlišeními. Tento koncept se zaměřuje na to, aby se obsah a struktura webové stránky automaticky přizpůsobily zařízení, na kterém je zobrazena, a to bez ohledu na to, zda se jedná o stolní počítač s velkým monitorem, notebook, tablet, smartphone nebo chytrou televizi. Jádrem responzivního designu je myšlenka, že by uživatelé měli mít pohodlný a intuitivní přístup k informacím a funkcím webu bez ohledu na to, jaké zařízení právě používají. To znamená, že se obsah dynamicky přestyluje a mění své uspořádání tak, aby byl vždy čitelný, přehledný a snadno ovladatelný.

Moderní weby se musejí přizpůsobit různým zařízením, od velkých monitorů po malé mobilní displeje. Klíčovou součástí optimalizace webu je správné použití obrázků, které by se měly automaticky přispůsobit velikosti obrazovky a rozlišení displeje. Tento článek podrobně vysvětluje, jak funguje technologie responzivních obrázků (tedy těch které reagují na velikost zařízení) a jak ji správně implementovat.