Jan Štráfelda - Průvodce online -projektem
Praha/Mělník  |  776 678 044  |  jan@strafelda.cz  |  Pošlete mi poptávku

Tisková verze

Jako tisková verze se označuje speciální úprava webové stránky pro tisk. Lze totiž předpokládat, že uživatel nemá zájem o tisk veškerých prvků v layoutu (např. patičky, navigace, reklamy…) a že ho zajímá jen obsahová část, tj hlavní sdělení stránky.

Proč je tisková verze důležitá

Pokud tisková verze chybí, jedná se o závažný přestupek proti použitelnosti webu. Neboť lidé tisknou z mnoha různých důvodů. A jsme tím také sami proti sobě, pokud jim tisk neusnadníme. Vytištěná stránka je něco jako vizitka – zvyšuje pravděpodobnost další návštěvy.

Typické scénáře tisku webové stránky

Máte web optimalizovaný pro tisk? Často se na to zapomíná. Zkuste si vytisknout klíčové stránky (článek, detail produktu apod.)

Tweetnout jedním klikem

Dva způsoby optimalizace pro tisk

Tisková verze jako speciální stránka

Dříve se dělala tisková verze jako nová stránka s vlastní adresou, na niž vedl odkaz ze stránky původní. Dnes už je takové řešení považované za zastaralé, protože má několik zásadních nevýhod:

Tisková verze pomocí CSS

Moderní varianta tiskové verze umožňuje využít standardních prostředků prohlížeče (např. pod Windows přes nabídku Soubor → Tisk nebo klávesou Ctrl + P). Také vytváření takovéto tiskové verze je jednodušší, využívají se zde kaskádové styly, jež umožňují pouze nastavit vhodné formátování původní stránce. Nedochází tedy k duplicitám, nic se nenačítá a tisková verze je vždy ihned připravena k použití.

Příprava tiskové verze pomocí CSS je levná a jednoduchá, u většiny webů je to otázka pár desítek minut práce. Níže vidíte, jak jednoduše lze připojit ke stránce tiskový styl. Tuto HTML značku vloží vývojář do hlavičky stránky a je hotovo, žádné složité programování speciální stránky:

<link rel="stylesheet" href="print.css media="print">

Soubor „print.css“ pak obsahuje pár stručných pravidel, které prohlížeč automaticky při tisku aplikuje.

Tlačítko pro tisk

A pokud byste s i tak přáli mít na stránce odkaz pro tisk, standardní tiskový dialog prohlížeče lze snadno vyvolat také pomocí JavaScriptu. Není tedy nic těžkého vložit do stránky takovýto kousek kódu:

<a href="javascript:window.print()" title="Stránka se zformátuje pro tisk">vytisknout</a>

Obecně platí, že stále může být dobrý nápad tlačítko pro tisk na stránce zobrazit. Nebo třeba ikonku tiskárny. Jednak tím uživateli dáváte najevo, že je stránka pro tisk optimalizovaná, a za druhé tlačítko funguje jako výzva k akci.

Zkuste to a změřte si to (například pomocí událostí). Vím, že na některých webech mívá tlačítko pro tisk více kliknutí než tlačítka sociálních sítí. Záleží na kontextu a na cílové skupině.

Na co se při optimalizaci pro tisk soustředit

  1. Schovejte nedůležité prvky

    Z tisku vyjměte hlavičku, patičku, boční sloupec, hlavní navigaci, drobečkovou navigaci, reklamy, sdílecí tlačítka sociálních sítí a všechny další prvky, které nedávají smysl. Sem mohou patřit také komentáře či štítky, ale záleží na konkrétním webu.

  2. Šíře a odsazení blokových prvků

    Pokud má některý prvek nastavenou šířku, přenastavte ji na 100 %. Také odstraňte nebo upravte případné odsazení prvku, ať už odsazení obsahu v rámci rámečku nebo celého prvku od zbytku, vertikálně i horizontálně.

  3. Optimalizujte fonty

    Vyberte dobře čitelný font (obvykle se lépe čtou fonty patkové), nastavte mu vhodnou velikost, upravte proklad řádků. Upravte velikosti textů u nadpisů, číselných odrážkových seznamů, tabulek a dalšího tisknutelného obsahu.

  4. Zvažte úpravu barev

    Tisk černou barvou je obvykle levnější, lidé tedy mohou přivítat, když jim celou stránku změníte na černobílé schéma, jen s barevnými obrázky. Na druhou stranu, zachování loga v hlavičce stránky a korporátní barevnosti může mít vliv na budování značky. Každopádně upravte barvy tak, aby se dobře četly (ze šedého písma udělejte černé, zvyšte kontrast nadpisů, odkazů atd.)

Pozor na kopírování textu

Mnozí lidé mají zkušenost, že spousta webů nemá dobře připravenou tiskovou verzi a zároveň, pokud jsou to méně zkušení uživatelé, neznají funkci „Náhled tisku“, která bývá součásti tiskového dialogu. Řeší to tak, že si označí obsah stránky myší a zkopírují ho do textového editoru, třeba Microsoft Word. A teprve odtud si pak stránku vytisknou.

Počítejte s tím a zajistěte, ať kopírování nic nebrání. A vyzkoušejte si stejný postup – možná vás překvapí, co vše na stránce není vidět, ale do Wordu se přenese.

Zaujal jsem vás? Přihlašte se do mailingu a mé další texty už vám neuniknou:

 

Zprávy posílám cca 8 × ročně. Odhlásit se můžete kdykoliv. Více informací.



Nezávazná poptávka

  (volitelné)