it-swarm-eu.dev

Kdy mám v nadpisu svého webu zvážit text jako obrázek

vidím mnoho webů, které mají svůj nadpis jako obrázek. co z toho plyne? kdy je nejlepší praxe používat text jako obrázky, nikoli jen mít text v mém html. je to jen pro podporu nestandardních písem?

4
leora

Důvody použití záhlaví obrázku s textem:

  • Text není pro SEO nutný.
  • Písmo nelze reprodukovat na webu.
  • Text je příliš úzce integrován s logem, které je odděluje.

Důvody použití textu jako záhlaví:

  • Text je nezbytný pro SEO.
  • Text musí být upraven podle okna prohlížeče.
  • Text musí být upraven podle velikosti písma podle em.
  • Text musí být jakýmkoli způsobem dynamický.

Pokud používáte obrázek, zvažte použití značky s atributem alt místo obrázku CSS. To je důležité pro účely usnadnění přístupu, ale mohlo by to také přispět k SEO.

6
Virtuosi Media

IMO, s takovou věcí byste se měli více zajímat o použitelnost/přístupnost než SEO (protože SEO bude mít tendenci se o sebe starat). Nadpis stránky je velmi důležitou součástí vašeho dokumentu; chcete, aby byl přístupný všem.

To znamená, že použití alt textu nebo použití JS k nahrazení záhlaví textu obrázkem/flashem je dobrý kompromis. Zachováváte přístupnost a stále máte pěkný čistý pěkný text.

Nejběžnější legitimní důvody, jak toho dosáhnout, jsou:

  • Chcete-li použít nestandardní písmo, aniž byste museli řešit problémy s licencí/převodem/podporou vkládání webového písma. Podpora webových písem se teprve začíná prosazovat a ačkoli existují některé komerční/bezplatné služby, které zjednodušují získávání vložitelných webových písem, jejich podpora v mobilních prohlížečích je omezená.
  • Vysoce stylizované nadpisy, které prostě nejsou možné se standardním textem. I u CSS3, který zatím většina prohlížečů nepodporuje, existuje limit toho, čeho lze dosáhnout stylizovaným textem. Toto je obvykle lepší omluva pro reklamy, popisky/tahy nebo jiné texty bez obsahu, ale může být omluvitelné pro weby, které jsou určeny spíše pro propagační/brandingové/zábavní účely než pro informační účely.

Nejčastějším nedůvodným důvodem je nekompetence vývojářů webu. Toto jsou weboví vývojáři, kteří z textu těla udělají také obraz, nebo z webu Flash vytvoří web pro elektronický obchod.

Co je třeba zvážit:

  • Nelze zvýraznit nebo zkopírovat tyto záhlaví. Takže i když používáte náhradu alt-text nebo JS, je použitelnost značně ovlivněna. To je menší problém, pokud jsou nadpisy krátké a jednoduché (např. „O nás“, „Kontakt“, „Zprávy“ atd.) A můžete to utlumit pomocí programu Flash, i když to má své vlastní problémy.
    • V osobní poznámce používám doplněk s názvem „kontextové vyhledávání“, který mi umožňuje zvýraznit text na stránce a provést rychlé vyhledávání pomocí kontextové nabídky pomocí některého z vyhledávacích nástrojů, které jsem nainstaloval pro Firefox. Podobně mnoho lidí používá zásuvné moduly s popisky slovníků, které jim umožňují rychle vyhledat slovo na stránce pouhým poklepáním na něj. Flash to úplně zakáže, což je docela nepříjemné.
  • Nelze dynamicky měnit velikost textu, jak někteří lidé rádi dělají. Pokud tedy někdo chce zmenšit velikost písma a zobrazit více textu na obrazovce, nebo zvětšit velikost písma, aby text lépe četl, jsou SOL. To se týká zejména zrakově postižených a těch, kteří používají mobilní prohlížeče.
  • Obrázky se nezabalují dobře. Ti, kteří používají obrazovky s nižším rozlišením, by tedy mohli mít nějaké velké problémy s rozvržením. Flash může být o něco lepší, pokud je kombinován s nějakým řešením JS.
  • I když zadáte alternativní text, měníte sémantickou strukturu stránky. To může mít důsledky pro webové prolézací moduly, čtečky obrazovky a další software, který zpracovává webové stránky. Opět, použití nahrazení JS by to mohlo značně zmírnit.

Nebojím se dynamických nadpisů, protože vždy můžete generovat textové obrázky na straně serveru, ale existuje spousta důvodů, proč byste měli dlouho a tvrdě myslet, než to provedete. A pokud to uděláte, doporučil bych použít osvědčené řešení založené na JS- & Flash, jako je sIFR.

pravit:
Ještě jedna věc - jedním možným řešením, které mnoho lidí používá (ale existuje určitý nesouhlas v etice), je použít obrázek a pak skrýt prvek span obsahující text za obrázkem nebo vypnutý -obrazovka. To znamená, že prolézací moduly mohou vidět text a dokonce i čtečky obrazovky, a to vyžaduje pouze podporu CSS a žádnou podporu JS. Někteří lidé považují tuto „spamu“, ale myslím si, že je legitimní, pokud tuto techniku ​​používáte k popisu textových obrázků spíše než pro vycpávání klíčových slov nebo SEO s návnadou.

4
Lèse majesté