Obrázky tvoří průměrně více než polovinu celkové datové váhy webové stránky. To znamená, že nekomprimovaná fotografie v záhlaví webu dokáže zpomalit načítání víc než veškerý kód dohromady. A pomalý web Google trestá nižšími pozicemi ve výsledcích vyhledávání. Na pomoc vám v takovém případě může přijít optimalizace obrázků online.
Rychlost webu má vliv i na váš byznys
Google od roku 2021 pracuje s Core Web Vitals jako oficiálním hodnotícím signálem. Tři metriky měří, jak rychle se stránka načte, jak stabilně se zobrazí a jak rychle reaguje na vstup uživatele. Obrázky ovlivňují všechny tři, ale nejvíc dopadají na LCP, tedy dobu, za kterou se načte největší viditelný prvek stránky.
Pokud je tímto prvkem neoptimalizovaná fotografie o velikosti čtyř megabajtů, LCP vyskočí vysoko nad doporučenou hranici 2,5 sekundy. Google to zaznamená, vyhodnotí jako špatný uživatelský zážitek a stránku odpovídajícím způsobem zařadí.
Ale nejde jen o algoritmus. Výzkumy chování uživatelů na webu opakovaně ukazují, že každá sekunda prodlevy při načítání stránky snižuje pravděpodobnost konverze. E-shopy to cítí na tržbách, blogy na míře okamžitého opuštění, firemní weby na počtu poptávek. Obrázky jsou v tomto kontextu nejjednodušší proměnná, kterou lze ovlivnit bez přepisování kódu nebo změny hostingu.
Co se děje, když obrázky nejsou optimalizované
Neoptimalizovaný obrázek je jednoduše řečeno soubor, který je větší, než musí být. Fotografie pořízená telefonem nebo staženou ze stock fota má běžně 3 až 8 megabajtů. Na web přitom stačí zlomek této velikosti, aniž by lidské oko rozdíl postřehlo.
Prohlížeč musí celý soubor stáhnout, než ho zobrazí. Čím větší soubor, tím déle čekání. Na rychlém Wi-Fi připojení to může být vteřina navíc. Na mobilním připojení v místě s horším signálem jsou to sekundy čtyři nebo pět. Mobilní uživatelé přitom tvoří na většině webů nadpoloviční podíl návštěvnosti.
Vedle přenosové rychlosti hraje roli i formát souboru. JPEG a PNG jsou formáty staré desítky let a moderní alternativy je v efektivitě komprese výrazně překonávají. WebP soubor je při stejné vizuální kvalitě typicky o čtvrtinu až třetinu menší než JPEG. AVIF ještě méně. Google Chrome, Safari i Firefox tyto formáty podporují a jejich použití je dnes standardem, ne experimentem.
Jak Google obrázky hodnotí a co by na nich nemělo chybět?
Google obrázky neposuzuje esteticky, ale hodnotí technické parametry: velikost souboru, formát, přítomnost alt textu, název souboru a způsob, jakým se obrázek načítá v kontextu celé stránky.
Alt text je popis obrázku zapsaný v HTML kódu. Původně sloužil jako náhrada zobrazení pro případ, že se obrázek nenačte, a jako pomůcka pro zrakově postižené uživatele pracující s odečítači obrazovky. Google ho zároveň používá k pochopení toho, co obrázek zobrazuje, a k indexaci v Google Obrázcích. Správně napsaný alt text je konkrétní a popisný. „Foto“ nebo prázdné pole Googlu nic neřekne.
Podobně funguje název soubory. Soubor pojmenovaný IMG_4827.jpg nepřináší žádnou informaci. Soubor ortodonticke-alignery-invisalign.jpg ano. Tato drobnost se při větším počtu obrázků na webu sčítá a přispívá k celkovému hodnocení relevance stránky.
Lazy loading je technika, při níž se obrázky nenačítají všechny najednou při otevření stránky, ale postupně, jak uživatel scrolluje dolů. Obrázky pod viditelnou částí stránky se načtou až ve chvíli, kdy se k nim uživatel přiblíží. Prohlížeče tuto funkci dnes podporují nativně a její zapnutí nevyžaduje programátorský zásah.
Optimalizace obrázků a Google Obrázky jsou nečekaný zdroj návštěvnosti
Na Google Obrázky se při optimalizačních pracích často zapomíná, přestože jde o samostatný vyhledávač s výrazným objemem vyhledávání. Pro určité typy obsahu jako jsou třeba recepty, interiérový design, móda, produkty nebo turistické destinace, přichází z Google Obrázků měřitelná část organické návštěvnosti.
Dobře optimalizovaný obrázek s relevantním alt textem, správným názvem souboru a kontextem okolního textu se v Google Obrázcích zobrazuje výše a přivádí uživatele přímo na vaši stránku. Tato návštěvnost je zadarmo, ale funguje jen tehdy, když je obrázek zpracovaný tak, aby mu Google rozuměl.
Optimalizace obrázků jako součást technického SEO
Technické SEO se v diskuzích občas přehlíží, přestože tvoří základ, na němž ostatní úsilí stojí nebo padá. Optimalizace obrázků je součástí technického SEO, která je přitom dostupná bez hlubokých technických znalostí.
Online nástroje jako Squoosh od Googlu, TinyPNG nebo Compressor.io zvládne použít každý, kdo umí nahrát soubor. Výsledkem je menší soubor ve správném formátu, který stránce ubere na datové váze a přidá na rychlosti. Nepotřebujete přitom přístup ke kódu, programátora, nebo profi agenturu.
WordPress, Shoptet a většina dalších redakčních systémů nabízí pluginy nebo integrované nástroje, které optimalizaci obrázků automatizují přímo při nahrání. Nastavíte jednou, systém pracuje průběžně.
Malá změna co může mít velký dopad
Optimalizace obrázků je série zdánlivých detailů jako správný formát, přiměřená velikost souboru, popisný alt text, nebo smysluplný název souboru. Každý z nich je zanedbatelný sám o sobě. Dohromady ale mohou znamenat rozdíl mezi webem, který Google hodnotí jako technicky zdravý, a webem, který zaostává za konkurencí bez zjevného důvodu.
V momentě, kdy konkurence tyto věci řeší a vy ne, ztrácíte pozice tiše a bez varování.
