Systém na rýchle vytvorenie webových stránok alebo e-shopov

Optimalizácia obrázkov

Späť na kategóriu

Ako si zlepšiť pozície vo výsledkoch vyhľadávania vďaka obrázkom (takmer) zadarmo

Alternatívny popisok ALT tag a atribút TITLE sú pomocné texty obrázkov, ktoré poskytujú vyhľadávačom užitočné informácie o obsahu obrázkov, ktoré používate na vašom webe - napr. produktové fotografie. Googlebot nevie prečítať samotný obrázok, ale prečíta alternatívny text, ktorý je k obrázku uvedený. Vyberie najvhodnejší obrázok ako odpoveď na dopyt, ktorý vyhľadáva váš možno budúci zákazník. Alt tag a title sú dôležité aj pre ľudí so zrakovým postihnutím, ktorí používajú čítačky.

obrázky vo vyhľadávaní google

prečo vypĺňať popisky k obrázkomUrčite popisky k obrázkom vypĺňajte. Kľúčové slová do nich patria rovnako, ako do samotných textov na webe. Ak Google narazí na text, ktorý je presýtený kľúčovými slovami, považuje ho za spam. Preto vytvárajte skôr užitočný a informatívny obsah.

 

kľúčové slová v názve adresárov v súborochNázov súboru obrázka

Pomáha Googlu identifikovať predmet obrázka. Názov súboru by mal byť pochopiteľný, stručný popis predmetu obrázka.

Napríklad modra-panska-kosela.jpg obsahuje omnoho viac informácií ako obrazok-239.jpg.

Nie príliš vhodné:
<img src="košela.jpg" alt=""/> (alt tag je prázdny, alternatívny text chýba)

Lepšie:
<img src="košela.jpg" alt="košeľa"/>

✪ Najlepšie:
<img src="košela.jpg" alt="Modrá kockovaná pánska košeľa">

Nepoužívajte:
<img src="kosela.jpg" alt="košela košele košielky lacné košele predaj košiel na košeľu moderná košela panská košela košele pre mužov"/>

Kvôli porovnávačom tovaru ako Heuréka je max. dĺžka URL obrázka 255 znakov (vrátane domény). Heuréka nečíta formát GIF! Pre produktové obrázky určite použite JPG/PNG. Maximálna veľkosť obrázka je 4096x4096px a do 2MB.

aký je rozdiel medzi alt tag a titleAlternatívny text ALT tag, atribút "Title" a "Názov"- aký je medzi nimi rozdiel?

aký je rozdiel medzi title a alt tagom

Vo Floxe sa s označením stretnete napr. vo Fotogalérii, v detaile produktu.

Názov (zobrazí sa na stránke pod obrázkom)

názov obrázku - zobrazenie vo fotogalérii

→ Atribút "Title" (zobrazí sa po ponechaní kurzora na obrázku)

zobrazenie title cez kurzor

Alternatívny text - ALT tag (zobrazuje sa v zdrojovom kóde stránky a taktiež vtedy, keď obrázok nie je možné načítať, vďaka nemu vie Google "prečítať" obsah obrázka).

alternatívny text, alt tag v zdrojovom kóde stránky

kde vypĺňat alternatívne texty obrázkov Kde všade vypĺňať alternatívne texty obrázkov vo Flox 3

 1. HLAVNÝ OBRÁZOK PRODUKTOV

Alternatívny text hlavného obrázka a atribút title systém generuje za vás automaticky z názvu vášho produktu:

napr. názov produktu je Farebná kockovaná pánska košeľa
Alternatívny text : alt="Farebná kockovaná pánska košeľa"
Názov Title : title="Farebná kockovaná pánska košeľa"

alternatívny text a title generovaný automaticky

*Zdrojový kód stránky si viete zobraziť stlačením ctrl + U na klávesnici

zdrojový kód stránky a zobrazenie alt tagu

2. GALÉRIA obrázkov v detaile produktu

Ukážka fotogalérie s textom na stránke kengurka.sk:

SEO obrázkov v produktovej fotogalérii

V administrácii Flox-u v sekcii Produkty > klik na produkt > záložka Galéria > ikonka ceruzky:

ako upraviť alt tag v produktovej fotogalérii

3. V TEXTOVOM EDITORE, ktorý je súčasťou dlhého popisku produktu:

obrázky v textovom editore

V administrácii Flox-u v sekcii Produkty > klik na konkrétny produkt > Dlhý popisok > ak už obrázok máte vložený a chcete ho upraviť, stačí naň kliknúť myškou (cez pravé tlačidlo) a vybrať Vložiť / upraviť obrázok:

obrázok v dlhom popise produktu

Nový obrázok vložíte cez ikonku ikonka vloženia obrázku – tretia napravo na lište možností:

upraviť vlastnosti obrázkov

Alternatívny text pre obrázok je v textovom editore povinný, systém vás bez toho nepustí obrázok uložiť.

4. DYNAMICKÝ BANNER

Aj v tomto prípade systém za vás automaticky generuje názov alternatívneho popisku obrázkov a atribútu title podľa NÁZVU dynamického bannera, viď. obrázok nižšie:

dynamický banner v e-shope a webstránke

Dynamický banner v hlavičke e-shopu beardguru.sk

V administrácii FLOX-u stačí kliknúť na sekciu Stránky > blok Dynamický banner > Vyberte konkrétny snímok > Hlavné > políčko Názov:

alt tag v dynamickom banneri


V zdrojom kóde Google prečíta alternatívny text a atribút title ako:

alternatívny text a alt tag v zdrojovom kóde

5. Blok Galéria

alternatívny tag v blogu galéria

alternatívny tag a title v bloku galéria

6. Blok FAQ

alt tag a title vo FAQ

Všimnite si, že v rámci jednej otázky je v dolnej časti možnosť vložiť doplnkové obrázky.
Hlavne v prípade produktových fotografií odporúčame využiť vlastný popisok k týmto obrázkom.
Obrázky sa zobrazia vždy na konci otázky.

title a alt v otázke vo FAQ

7. Blok Novinky

Podľa NADPISU príspevku bude pomenovaný aj jeho hlavný obrázok. Systém generuje alternatívny text obrázka automaticky, podľa nadpisu.

alt tag v bloku Novinky

Naopak, ak vkladáte ručne obrázky do príspevku v textovom editore, je nutné ručne vypísať alternatívne popisky a nadpis.

vlastnosti obrázka v bloku novinky

tipTip → Ak v článkoch, na blogu, vo FAQ používate produktové fotografie, určite ich nezabudnite prelinkovať priamo do kategórie alebo na konkrétny produkt v e-shope.

Stačí len kliknúť myšou pravým tlačitkom na obrázok, vybrať VLOŽIŤ / UPRAVIŤ ODKAZ a zadať cieľovú URL, čiže link na produkt alebo kategóriu.

ako pridať odkaz na produktovú fotku

hypertextový odkaz v novinkách

alt tag a title v obrázkoch v jazykovej verziiJazyková verzia textov obrázkov


V redakčnom systéme FLOX máte možnosť po skopírovaní napr. českej jazykovej verzie upraviť a preložiť aj:

  • názov obrázku
  • title obrázku
  • alternatívny text

Vďaka tomu každá jazyková verzia bude mať vlastné alternatívne popisky obrázkov.
Postupujte podľa návodov ako optimalizovať obrázkové popisky v jazykovej verzii.

 

cez aké obrázky prišli návštevníci na webTIP na záver: Využite Search Console na to, aby ste zistili, cez aké obrázky sa preklikli návštevníci na váš web.

Search Console stačí prejsť do sekcie Analýza vyhľadávania > Dopyty > Typ vyhľadávania a filtrujete podľa Obrázka. Získate zoznam všetkých výrazov, cez ktoré sa k vám zákazníci preklikli na web.

cez aké obrázky prišli návštevníci na web

Ikonkaikonka search consolevás priamo presmeruje do obrázkových výsledkov vyhľadávania:

vyhľadávanie cez google obrázky

Flox dokáže zmeniť alternatívne popisky obrázkov aj hromadne cez export produktov alebo export doplnkových obrázkov k produktom. Odporúčame návod Ako rýchlo hromadne upraviť alternatívny text a atribút title v obrázkoch.

Viac o tom, ako to vidí Google
https://support.google.com/webmasters/answer/114016?hl=cs

 

Chcete sa ešte na niečo opýtať? Napíšte nám:

Prihlásenie (Flox 2)

Vyskúšajte web alebo e-shop zdarma

Výber designu:

Adresa stránok s koncovkou .flox.sk je zdarma. Adresu môžete kedykoľvek zmeniť na tvar bez koncovky .flox.sk zakúpením alebo presmerovaním vlastnej domény.
Stlačením tlačidla súhlasíte s obchodnými podmienkami BiznisWeb.sk.

Vyberte si prosím niektorú z pripravených šablón.
Design stránok môžete kedykoľvek zmeniť v administrácii, kde
nájdete bohaté možnosti prispôsobenia šablón.
Radi Vám vytvoríme aj unikátny design na mieru.

Táto stránka používa cookies. Viac info