Komentáře k příspěvku: Text za obrázek, obrázek přes text
Dovolil bych si podotknout dvě věci:
1. Logo by se mělo vždy vkládat jako obrázek. Od toho je to logo. Jméno společnosti pak patří do altu. Otázka je, zda logo patří do h1. To stojí za zamyšlenou.
2. Alty, pokud se nepletu, Google neindexuje. Resp. indexuje, ale pouze pro vyhledávání v obrázcích. Při optimalizaci stránek atribut alt význam nemá. Jak na tom jsou jiné vyhledávače nevím.
Jinak si myslím, že do nadpisů patří text a ne obrázky. Leč, existují extrémní případy. A zde je relevantní právě tato úvaha, na kterou sám neznám odpověď.
[1] Pokud je obrázek odkazem je ALT roboty indexován a má stejnou váhu jako kdyby byl odkaz textový.
Rozhodně obrázek přes text - pokud se zabrání přetékání obsahu, tak není potřeba laborovat s velikostí písma. Viz pixyho řešení: http://wellstyled.com/files/css-replace-text-by-image/example02.html
Jednoznačně obrázek přes text ;-)
Za me tedy jednoznacne obrazek do img a alt a pokud mi to specifikace umoznuje, jeste umistim text mezi tagy img.
[2] Ano, mýlil jsem se. Pokud je obrázek odkazem, pak Google indexuje i alternativní text. Pokud obrázek není odkazem, pak Google alt neindexuje. (Pozn.: Při vyhledávání v obrázcích samozřejmě alt hraje roli vždy)
Pokud je to logo v barvách společnosti a v provedení png s alfa kanálem, tak přijde vložit jako obrázek. Pokud je to logo, které se mění se stylem, tak přijde do CSS. Protože se (bohužel) používají čtečky obrazovky namísto hlasových www prohlížečů, tak se musí text překrýt obrázkem.
Dobrým vodítkem, jestli obrázek přijde přímo do XHTML, nebo do CSS, je položit si otázku: Kdybych web přestylovával, použil bych vždy ten samý obrázek?
A co třeba takhle ? http://www.alsacreations.com/blog/billets/arriere-plan.htm
Já hlasuji pro Pixyho řešení.