Ako správne pridávať obrázky na web (SEO návod)

Ako pridávať obrázky na web
Ako pridávať obrázky na web

SEO optimalizácia obrázkov: názvy súborov, ALT a WordPress nastavenia

Obrázky nie sú len vizuálny doplnok. Sú významný SEO faktor. Google ich indexuje, hodnotí ich kontext a používateľský prínos. Zle pomenované a neoptimalizované obrázky vás stoja výkon, rýchlosť aj návštevnosť. Preto je dôležitée vedieť ako správne pridávať obrázky na web.

Tu je kompletný systém, ako to robiť správne.

Názov súboru – základ, ktorý väčšina ignoruje

Zlý príklad:

IMG_4587.jpg
banner-final-2-new.png

Správny príklad:

dreveny-jedalensky-stol-dub.jpg
montaz-klimatizacie-bratislava.jpg

Pravidlá:

  • Používaj malé písmená
  • Medzery nahrádzaj pomlčkou (-)
  • Bez diakritiky
  • Popisne, stručne, kľúčové slovo na začiatku
  • Nepridávaj zbytočné slová ako „obrazok“, „photo“, „img“

Prečo?

Google číta názov súboru ako jeden z ranking signálov pre Google Images.

ALT tag – povinnosť, nie možnosť

ALT (alternative text) je:

  • dôležitý pre SEO
  • dôležitý pre prístupnosť (screenreadery)
  • fallback ak sa obrázok nenačíta

Ako písať ALT:

❌ Zle:
„image“
„produkt“
„banner“

❌ Zle (keyword stuffing):
„dreveny stol dub dreveny stol masiv dub lacny stol dubovy“

✅ Správne:
„Drevený jedálenský stôl z masívneho dubu pre 6 osôb“

Pravidlá:

  • Popíš, čo je na obrázku
  • Prirodzene použi kľúčové slovo
  • Max 125 znakov
  • Každý obrázok by mal mať unikátny ALT

WordPress polia – čo vyplniť a čo nie

Pri nahrávaní obrázka máš 4 polia:

✔ ALT text

Vyplniť vždy.

✔ Názov (Title)

Odporúčané vyplniť.
Používa sa ako interný popis v knižnici médií.

⚠ Titulok (Caption)

Vyplniť len ak sa má zobrazovať pod obrázkom.
Môže pomôcť SEO, ak je relevantný.

⚠ Popis (Description)

Nepovinné. Má význam hlavne pri veľkých weboch alebo galériách.

Realita:
Z pohľadu SEO je kritický hlavne ALT.

Kontext je silnejší než ALT

Google dnes hodnotí:

  • text okolo obrázka
  • nadpis sekcie
  • názov stránky
  • interné prelinkovanie

Obrázok „stol.jpg“ v článku o receptoch nemá SEO hodnotu.
Ten istý obrázok v článku o nábytku má.

Obrázok musí súvisieť s témou stránky.

Veľkosť a formát

Všetky obrázky na webe komprimuj a konvertuj na moderné a malé formát, ktoré sú dôležité pre rýchlosť webu.
SEO dnes = rýchlosť.

Používaj:

  • WebP (odporúčané – dnes štandard na weboch, hlavne ak chceš optimalizovať rýchlosť a Core Web Vitals.)
  • AVIF (najmodernejší formát – ak hosting podporuje, potrebuje fallback (WebP/JPG))
  • JPG pre fotky (najkompatibilnejší formát ale skôr ako ako fallback alebo pre weby, kde nemôžeš používať WebP/AVIF)
  • PNG len ak treba transparentnosť (dobré pre ikony, logá, zachováva kvalitu)

Veľkosť:

  • Do 200–300 KB vo väčšine prípadov
  • Šírka max 1920 px (ak nejde o fullscreen dizajn)

Rýchly web má vyššie pozície.

Structured data a image sitemap

Ak chceš ísť vyššie:

  • Používaj schema markup (produkty, články)
  • Generuj image sitemap

Pomáha to indexácii v Google Images.

Pluginy, ktoré pomôžu

🔹 Rank Math SEO

Funkcie:

  • automatické dopĺňanie ALT z názvu
  • kontrola chýbajúcich ALT
  • generovanie image sitemap
  • schema pre články a produkty

Ak používaš WordPress, je to silný nástroj.

🔹 Auto Image Attributes

Automaticky generuje:

  • ALT
  • title
  • caption

Vhodné pre veľké weby, kde už máš tisíce obrázkov bez atribútov.

🔹 Media File Renamer

Premenováva obrázky podľa názvu príspevku alebo ALT.
Rieši historický chaos typu IMG_1234.jpg.

Obrázok bez správneho názvu a ALT je z pohľadu SEO takmer neviditeľný.

Zhrnutie

Pred nahratím:

  1. Premenuj súbor
  2. Zmenši rozlíšenie
  3. Komprimuj
  4. Použi WebP

Po nahratí:

  1. Vyplň ALT
  2. Skontroluj kontext
  3. Over rýchlosť stránky

BONUS

Snippet pre autmatickú konverziu starého formátu jfif.

<?php 

add_filter('upload_mimes', function($mimes) {
    $mimes['jfif'] = 'image/jpeg';
    return $mimes;
});

add_filter('wp_handle_upload', function ($upload) {

    if (strtolower(pathinfo($upload['file'], PATHINFO_EXTENSION)) !== 'jfif') {
        return $upload;
    }

    $old_path = $upload['file'];
    $new_path = preg_replace('/\.jfif$/i', '.jpg', $old_path);

    if (!function_exists('imagecreatefromjpeg')) {
        return $upload;
    }

    $image = imagecreatefromjpeg($old_path);

    if ($image) {
        imagejpeg($image, $new_path, 90);
        imagedestroy($image);
        unlink($old_path);

        $upload['file'] = $new_path;
        $upload['url']  = preg_replace('/\.jfif$/i', '.jpg', $upload['url']);
        $upload['type'] = 'image/jpeg';
    }

    return $upload;
});

Súvisiace príspevky