Optimalizace obrázků: ALT atributy a formáty

Vyhledávače (zatím) neumí 100% poznat, co je na fotce. Musíte jim to říct. Navíc zjistíte, proč zapomenout na JPEG.

Při vývoji webů se často na obrázky zapomíná, přitom tvoří průměrně 60 % objemu stažených dat na stránce a mají i obrovský vliv na získávání návštěvnosti z Google Obrázků.

Kouzelný atribut ALT

Atribut ALT (alternativní text) slouží dvěma účelům. Zaprvé, zobrazí se, když se obrázek nepodaří načíst. Zadruhé (a především), je předčítán čtečkami obrazovky nevidomým uživatelům a vyhledávací roboti jej používají k pochopení obsahu obrázku.

Každý důležitý obrázek by měl mít jasný a popisný ALT. Místo alt="fotka123.jpg" použijte alt="Zlatý retrívr běžící po pláži při západu slunce".

Názvy souborů hrají roli

Než obrázek nahrajete na web, správně jej pojmenujte. Vyhledávače dokáží číst názvy souborů. Změňte IMG_9823.jpg na seo-analyza-ukazka-vysledku.jpg (používejte pomlčky místo mezer).

Moderní formáty

Klasické JPG a PNG by měly být minulostí. Implementujte na svém webu moderní formáty jako WebP nebo AVIF. Nabízejí stejnou nebo lepší vizuální kvalitu při zlomku datové velikosti (často o 50-70 % méně). To drasticky zrychlí váš web a potěší nástroje typu PageSpeed Insights.