Sova v síti - 1/6 - vydáno 30.4.2001 Dobrý den, je zde pondělí a s ním vaše Sova v síti :-) OBSAH -- Přehled tagů META -- CSS a tabulky v Netscape Navigatoru -- Základy bannerové reklamy -- Jak uložit FLASH animaci ze stránky -- Konference Interval.cz - oprava -- Archiv starších čísel PŘEHLED TAGŮ META Tagy META nejsou součástí normy HTML. Díky tomu obvykle nebývají v učebnicích HTML probírány a mohlo by se zdát, že nejsou tak důležité. Význam některých z nich opravdu není tak veliký, ale bez jiných bychom se obešli jen obtížně. Podívejme se nyní na ty nejdůležitější a nejčastější a řekněme si, jak je používat. Hned na začátku si zapamatujte, že tagy META patří do hlavičky HTML dokumentu, tedy tam, kam se umísťuje také prvek TITLE, definice kaskádujících stylů (prvek STYLE) a některé skripty (prvek SCRIPT). Dále je dobré vědět, že na pořadí, ve kterém jsou tagy META uvedeny, jak vůči sobě navzájem, tak vůči dalším prvkům v hlavičce dokumentu, nezáleží. Vzorová hlavička tedy může vypadat např. takto: Sova v síti - ezin pro webmastery Jak vidíte v hlavičce Sovy v síti jsou použity 4 tagy META. Co znamenají? První tag určuje typ obsahu a jeho kódování a zejména u českých stránek by rozhodně neměl chybět. Kromě zde uvedeného charset=windows-1250, což je kódování českých znaků na platformě MS-Windows, se často používá ještě charset=ISO-8859-2, reprezentující kódování českých znaků dle normy ISO. Pokud tvoříte stránky i v angličtině, nebo některém jiném západoevropském jazyce, použijte charset=windows-1252, nebo charset=iso-8859-1. Tag "keywords" definuje klíčová slova pro fulltextové vyhledávací služby. Obecně platí, že vyhledávač zde uvedená slova v souvislosti se stránkou zaindexuje, tj. zahrne do své databáze. Bude-li pak někdo některé ze slov hledat, měl by se dostat i k vaší stránce. Ve skutečnosti to sice zdaleka není tak jednoduché, přesto se ale vyplatí na každé stránce hlavní klíčová slova, která se na ní vyskytují, do tohoto tagu uvést. Dalším tagem je "description". Ten určuje popis stránky, který zobrazují některé fulltextové vyhledávací služby. Pokud ho neuvedete, objeví se ve výsledku hledání blíže nedefinovaný úryvek (zpravidla začátek) vaší stránky. Tag "description" však zdaleka nepoužívají všechny vyhledávače. Z českých ho používá např. Atlas. Význam posledního uvedeného tagu je asi jasný. Říká, kdo je držitelem autorských práv k dokumentu. Obdobně lze použít i tag určující autora. Praktický význam obou posledních tagů je však celkem zanedbatelný. To ovšem zdaleka nejsou všechny tagy META. Existuje jich opravdu mnoho. Zde si uvedeme ještě několik nejčastějších: Tento tag obvykle automaticky vkládají různé generátory HTML kódu a vizuální HTML editory. Praktický význam nemá žádný. Určuje RSACi či PICS rating, který se používá pro ochranu dětí před nevhodným obsahem (např. pornografií). Další dva tagy určené vyhledávacím službám. První udává, co mají indexovací roboti vyhledávacích služeb se stránkou provést. Pro atribut content jsou zde tyto možnosti: ALL - indexovat danou stránku i další stránky na které odkazuje INDEX - indexovat danou stránku NOINDEX - neindexovat danou stránku NOFOLLOW - neprocházet odkazy vedoucí ze stránky Druhý tag říká, že se jedná o dokument a dle některých zdrojů určité vyhledávací služby podmiňují indexování stránky jeho přítomností. I tento tag slouží hlavně vyhledávacím strojům a umožňuje jim určit jazyk stránky. Udává platnost stránky. V atributu content je tedy datum a čas, kdy platnost stránky vyprší, a od kterého by měl prohlížeč načíst čerstvou stránku ze serveru, místo její kopie v keši. Obdobnou funkci má tag který říká prohlížeči, že stránka by se do keše neměla vůbec ukládat. Oba tyto tagy jsou tedy vhodné zejména pro dynamické stránky, které často mění svůj obsah. Poslední tag z našeho přehledu říká, že po 3 sekundách se má stránka znovu načíst ze zadaného URL. Tím lze docílit jednak opakovaného načítání téže stránky v zadaném časovém intervalu (používá se u některých dynamických stránek) a jednak přesměrování na jinou adresu. Máte-li zájem poznat ještě další tagy META, zkuste tyto zdroje: http://mujweb.atlas.cz/www/pavel_toth/pn/metatagy.htm http://dusan.pc-slany.cz/internet/meta_tagy.htm ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Šéfredaktor známého webzinu Interval.cz a zkušený webdesigner Miroslav Kučera právě vydal knížku HTML: tipy triky od profesionálů. Její elektronickou verzi naleznete na adrese http://www.interval.cz/books/tipy-triky-profesional.asp?z=157 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CSS A TABULKY V NETSCAPE NAVIGATORU Již několikrát jsme v minulých článcích narazili na nedostatečnou podporu CSS v NN 4.xx. Dosti výrazně se projevuje i v případě tabulek. Správně by měla fungovat dědičnost vlastností CSS i v rámci tabulek. To znamená, že styl, definovaný pro prvek TABLE, by se měl použít i pro další prvky v tabulce vnořené, zejména TR a TD. Zcela tomu však není nejen v NN, ale ani v IE, který např. zachová font-family, ale již nikoli font-size. NN se nejčastěji chová tak, že jakmile přejde přes tag TABLE, na styly zapomene a žádnou dědičnost neuplatní. Ztratí se i styl definovaný např. pro BODY. Nejspolehlivější způsob tedy je nadefinovat třídu (class) a tu použít v každé jednotlivé buňce (TD, nebo TH) tabulky. A protože v NN někdy ani to nestačí, vždy si pečlivě výslednou stránku zkontrolujte. Dále nezapomeňte do každé buňky tabulky zapsat nějaký text, alespoň pevnou mezeru ( ), jinak přijdete o barvu pozadí určenou ve stylu. ZÁKLADY BANNEROVÉ REKLAMY Díky výměnným reklamním systémům, o kterých jsme si psali v čísle 4/01 (http://www.sovavsiti.cz/download/sova0104.txt), je bannerová reklama pro většinu webmasterů jednou z nejdostupnějších a nejlevnějších způsobů propagace vlastních stránek. To, že je zadarmo, by však nemělo znamenat, že ji použijete neefektivně. A k efektivnímu použití je dobré znát alespoň pár základních zásad a pravidel. Zde jsou: * Vždy si ujasněte cíl kampaně * Rozhodněte se, zda chcete pouze přivést nové návštěvníky na vaše stránky (tj. "donutit" je na vaši reklamu kliknout), nebo zanechat v příjemcích určitý dojem o vaší značce. V prvním případě nemusí být vaše značka, nebo adresa stránek na banneru vůbec uvedena, kdežto v druhém případě se bude banner zřejmě více podobat klasickému inzerátu v tisku. Vždy pečlivě zvolte a dodržujte cílení kampaně. * Nepočítejte se zázraky * Nepočítejte s tím, že zobrazení několika desítek či stovek bannerů nějak ovlivní návštěvnost vašich stránek. Poměr počtu kliknutí ku počtu zobrazení (tzv. CTR, z anglického click-through ratio) se obvykle pohybuje pod 1%, či dokonce pod 0,5%. Snažte se tedy nejprve ve výměnném systému naspořit kredity na zobrazení (imprese), nebo si nějaké přikoupit a kampaň spustit až, když máte k dispozici alespoň tisíce, ale lépe desetitisíce impresí. Nejvyšších hodnot (i nad 10%) obvykle dosahují tzv. trikové bannery, které však zpravidla postrádají cílení a mohou i poškodit vaší pověst. * Počítejte správně efektivitu * Nezapomeňte, že ten kdo se "proklikne" přes banner na vaše stránky, není ještě automaticky novým zákazníkem, či trvalým návštěvníkem. Abyste tedy správně vyhodnotili efekt reklamní kampaně, musíte znát i poměr, z kolika návštěvníků se stanou zákazníci. * Kolik stojí bannerová reklama * Kromě výměnných systémů můžete zkusit i placenou reklamu. Imprese, obzvlášť na některých serverech nebývají drahé. Vždy však pečlivě počítejte. Cena se obvykle udává CPM, tj. cena za tisíc impresí. Jestliže znáte CTR vašeho banneru na daném serveru, zkuste si vypočítat cenu za návštěvníka (CPC) takto: CPC = CPM / (CTR * 1000) Bude-li tedy tisíc impresí stát 200 Kč a CTR vašeho banneru bude 1%, zaplatíte za jednoho návštěvníka 20 Kč. * Měňte bannery často * Podle studie KRC Research & Consulting, ale i podle dalších studií nejpravděpodobněji na banner klikne ten, kdo ho vidí poprvé. Při dalších dvou zobrazení témuž člověku je pravděpodobnost asi jen poloviční a pak již strmě dál klesá . Z toho plyne, že zobrazovat tentýž "klikací" banner stejné osobě více než třikrát, nemá smysl. U reklamy budující značku je tomu ovšem právě naopak. I v tom případě však častá změna banneru, při zachování jeho vůdčího motivu není na škodu. A ještě pár krátkých, ale o nic méně užitečných tipů: -- Čím menší objem banner v kB, tím rychleji se natáhne a víc lidí ho opravdu uvidí. -- Čím větší plocha banneru, tím vyšší CTR. -- Použijte v banneru výzvu "klikněte", nebo jinou výzvu k akci (zvýší CTR až o 15%). -- Animovaný banner lépe přitáhne pozornost (zvýší CTR až o 25%). -- Vzbuďte dojem urgentnosti, např. heslem "poslední příležitost". -- Použijte heslo "zdarma"; samozřejmě ale jen tehdy, pokud opravdu něco zdarma nabízíte. -- Snažte se zaujmout vtipným, či šokujícím heslem; obrovským úspěch měl např. banner na on-line obchod MCI, který říkal "Shop Naked" (Nakupuj nahý). -- Tajemný text sice zvýší CTR až o 18%, ale nemusí přitáhnout ty správné návštěvníky. -- Pracujte správně se značkou; jestliže propagujete nový výrobek zavedené značky, nedávejte značku do banneru; lidé by si mysleli, že už to znají a neklikli by. -- Neustále vyhodnocujte úspěšnost kampaně a dle potřeby měňte cílení (servery, kde se zobrazuje a denní dobu zobrazování). -- Banner by měl mířit na zvláštní vstupní stránku, ne na běžnou homepage. -- Opatrně s trikovými bannery - zvýše se CTR, ale mohou poškodit značku. Na závěr ještě jedna rada. Chcete-li opravdu kvalitní bannery a kvalitní kampaň, obraťte se na profesionály. Webdesigner může udělat hezký banner, ale otázka je, zda bude opravdu prodávat. KONFERENCE INTERVAL.CZ - OPRAVA V minulém čísle jsme chybně uvedli adresu stránky emailová konference serveru Interval.cz pro webmastery. Informace o této skvělé konferenci, která je určena pro řešení otázek ohledně HTML, CSS, JavaScriptu, SQL, ASP, PHP, CGI, tvorby webové grafiky, Photoshopu, Flashe, kritiky stránek, problémy s nekompatibilitou stránek v Internet Exploreru a Netscape Navigátoru (případně Opery) apod., najdete na http://interval.cz/konference.asp Za chybu se moc omlouváme. JAK ULOŽIT FLASH ANIMACI ZE STRÁNKY V minulém čísle se objevil dotaz jednoho čtenáře, jak uložit animaci ve Flashi přímo ze stránky. Odpověď jsem v té době ještě neznal, ale hned po vydání čísla se ozval jiný čtenář, Martin Jelínek, a zde je jeho odpověď: Pokud chcete stáhnout přímo Flash animaci z webu tak musíte znát její přesnou cestu, je napsána ve zdrojovém kódu stránky. Uvedu vám pro lepší přehlednost příklad: Pouze v prohlížeči animaci nestáhnete, protože ji začne zobrazovat. Proto potřebujete např. Go!Zillu (http://www.gozilla.com/). Tolik tedy detailní odpověď Martina Jelínka (mailto:oozz@atlas.cz, http://www.oozzik.com/), se kterým se ještě setkáte, neboť pro Sovu v síti začal připravovat seriál o PHP. A já ještě dodám, že shodou okolností se před pár dny v konferenci o webdesignu serveru Grafika.cz objevila stejná otázka a jako vhodné "stahovače" na SWF soubory zde byly doporučeny i programy WebZip, Teleport Pro, či utilita pro vytažení SWF souboru z keše MSIE Woof od FlashJester (http://www.flashjester.com/). ARCHIV STARŠÍCH ČÍSEL Hodně nových čtenářů se ptá, kde najdou články ze starších čísel Sovy v síti. Všechny čísla jsou ihned po vydání ukládány do adresáře www.sovavsiti.cz/download a jmenují se sovaRRCC.txt, kde RR je ročník (zatím vždy 01) a CC je číslo (vždy dvojciferné, tedy např. 02). Soubory jsou textové, čeština je kódována dle Windows-1250. Nehledejte v adresáři žádný html dokument, žádný tam není. Lze si pouze stáhnout jednotlivá čísla přímým zadáním jejich URL, tedy např. http://www.sovavsiti.cz/download/sova0104.txt. Pozor, server rozlišuje malá a velká písmena. A to je pro dnešek vše. Přejeme vám krásný den, jakož i celý zbytek týdne a příští pondělí zase na shledanou! ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Nechcete, nebo naopak chcete dostávat Sovu v síti? Odběr lze odhlásit odesláním zprávy na unsubscribe@sovavsiti.cz. Přihlásit se lze odesláním zprávy na subscribe@sovavsiti.cz, nebo formulářem na adrese http://www.sovavsiti.cz/. Chcete nám cokoli sdělit? Uvítáme vaše náměty, připomínky, kritiku, atd. na adrese mailto:redakce@sovavsiti.cz. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Není-li v konkrétním případě uvedeno jinak, je autorem všech publikovaných článků Marek Prokop. Tento ezin, nebo jeho libovolnou část můžete volně šířit dále, pokud současně uvedete zdroj následujícím způsobem: ________________________________________________________________ Sova v síti -- (c) 2001 Marek Prokop -- http://www.sovavsiti.cz/