Čo je to atribút Alt?
Alternatívny text, „alt atribút“ alebo „alt text“ je atribút HTML, ktorý popisuje obrázok ako text. Atribúty Alt nevidia používatelia, ale vyhľadávače, aby pomohli definovať, o čom tento obrázok je.
Prečo je atribút Alt dôležitý?
Text atribútu alt používajú čítačky obrazovky na sprostredkovanie informácií, zatiaľ čo čítačky obrazovky nemôžu zobraziť názvy obrázkov.
Tieto atribúty pomáhajú zobraziť text v prípade, že prehliadač nemôže vykresliť obrázok z dôvodu pripojenia s nízkou šírkou pásma alebo iných technických chýb.
Obrázok vydá za tisíc slov. Obrázky bez atribútu alt sa však stávajú pre vyhľadávače irelevantné. Je to preto, že softvér na rozpoznávanie obrázkov, ktorý používajú vyhľadávacie nástroje, potrebuje pomoc alternatívneho textu obrázka na identifikáciu a pochopenie toho, o čom sú obrázky na stránke.
Ak vyhľadávacie nástroje nevedia, o čom je obrázok, nemôžu nijakým spôsobom povedať, ako súvisí s obsahom stránky.
Tiež nebudú schopní zistiť, či je relevantný pre vyhľadávací dopyt obrázkov.
Vďaka strojovému učeniu a AI sa vyhľadávacie nástroje približujú k identifikácii toho, čo má byť obrázok, a objektov na obrázkoch.
Obrázky vysvetlené vlastníkom webovej stránky však umožňujú vyhľadávacím nástrojom spracovať informácie rýchlejšie.
Našťastie existuje pomerne jednoduchý spôsob, ako vyriešiť tento problém, aby ste zlepšili svoje SEO a používateľskú skúsenosť: obrázok alt atribút textu.
Poskytnutím alternatívneho textu pomáhate vyhľadávacím nástrojom identifikovať a kategorizovať obrázky, aby ste používateľom poskytli tie najrelevantnejšie informácie.
Rozdiel medzi alternatívnym textom obrázka a názvom obrázka
Alternatívny text je značka HTML a poskytuje viac informácií o obrázku.
Názov obrázka sa zobrazí ako kontextové okno, keď umiestnite kurzor myši na obrázok. Ak sa obrázok nepodarí vykresliť, zobrazí sa alternatívny text, ale nie názov obrázka.
Alt atribúty a SEO
Možno si hovoríte, či atribúty alt obrázkov pomôžu môjmu obsahu získať vyššie hodnotenie v Google a iných vyhľadávačoch?
Krátka odpoveď je nie, aspoň nie priamo. Len tak, že do obrázkových súborov pridáte alternatívny text obrázka, nepreskočíte na prvé miesto vo výsledkoch vyhľadávania.
Atribúty alt obrázkov nezvýšia vaše blogové články a webové stránky v hodnotení na bežných stránkach s výsledkami vyhľadávacieho nástroja.
Optimalizácia atribútov alt obrázkov však môže zvýšiť pravdepodobnosť, že sa vaše obrázky zobrazia, keď používatelia používajú funkciu vyhľadávania obrázkov od spoločnosti Google, a preto môže pomôcť zlepšiť SEO obrázkov.
Osvedčené postupy: Ako napísať alternatívny text
Optimalizácia obrázkov je súčasťou SEO na stránke a obsahu stránky, čo znamená, že musia byť kvalitné, atraktívne a pútavé. Text atribútu alt, ktorý píšete pre obrázky webových stránok, vyžaduje rovnakú úroveň kvality, akú by ste venovali písaniu obsahu blogu.
Ak sa chcete dozvedieť, ako napísať najlepší alternatívny text pre vaše obrázky, tu je niekoľko pokynov:
Buďte popisní
Značky alt obrázkov by mali byť popisné a mali by obsahovať podstatné mená, slovesá, prídavné mená alebo príslovky.
Tieto značky možno použiť na popis toho, čo sa deje na obrázku, čo sa stalo alebo čo sa stane. Tieto „popisy obrázkov“ musia byť napísané tak, aby vyhľadávače mohli informácie efektívne spracovať.
Po druhé, vyhnite sa používaniu fráz ako „grafika z“ alebo „obrázok of“ a zbytočné informácie, ktoré môžu predĺžiť text.
Tu je príklad alternatívneho textu obrázka pre tento obrázok:
Letecký záber všetkých krásnych domov v štvrti v Dallase, Texas.
Nech je to krátke a konkrétne
Pri písaní alternatívneho textu obrázka nezabudnite písať o hlavnom predmete obrázka.
Nesnažte sa písať podrobné odseky o celom obrázku, popis nastavenia pozadia alebo iné nepodstatné detaily.
Okrem toho dodržujte dĺžku atribútov alt obrázka pod 125 znakov.
Pridajte kľúčové slová
Hlavné kľúčové slovo stránky by ste mali pridať do alternatívneho textu obrázka, ale iba v prípade, že kľúčové slovo prirodzene zapadá do popisu obrázka.
Ak napríklad zacieľujete na „krmivo pre šteniatka“, ale máte obrázok hračky pre psa, pridanie cieľového kľúčového slova by nemalo zmysel na opis obrázka.
Vyhnite sa nadbytočným kľúčovým slovám
Vyhnite sa tiež preplneniu alternatívneho textu obrázka cieľovým kľúčovým slovom stránky. Prepĺňanie kľúčových slov vám na stránke s výsledkami vyhľadávacieho nástroja nezabezpečí vyššiu úroveň a v očiach spoločnosti Google sa považuje za spam.
Okrem toho si predstavte, že čítačka obrazovky musí čítať atribút alt obrázka, ktorý je preplnený kľúčovými slovami. To by malo za následok hroznú používateľskú skúsenosť pre niekoho, kto používa takéto zariadenie.
Príklad správneho textu atribútu Dobrý obrázok
Pri vytváraní bohatých alt atribútov pre svoje obrázky budete musieť použiť rovnakú mieru odhodlania ako pri názvoch a metapopisoch.
Nižšie uvádzame niekoľko príkladov pokynov, ktoré vám pomôžu rozlíšiť medzi dobrými atribútmi alt a zlými:
- Zlý (chýba alternatívny text):
- Horšie (vypchávanie kľúčových slov):
- Lepšie:
- Najlepšie:
Ako pridať text s alternatívnym atribútom vo WordPress
Pridanie atribútov alt do vašich obrázkov WordPress je jednoduchý a priamočiary proces, ktorý si nevyžaduje žiadne špeciálne zručnosti v oblasti kódovania.
Proces pridávania alternatívneho textu k novým obrázkom alebo obrázkom, ktoré už boli odovzdané, je úplne rovnaký.
Tu je postup, ako pridať atribúty alt vo WordPress:
Krok 1: Kliknite na obrázok a potom kliknite na 3 bodky v pravom rohu.
Krok 2: Potom kliknite na „Zobraziť ďalšie nastavenia“.
Krok 3: Prejdite nadol do poľa „Alternatívny text (alternatívny text)“ a zadajte text, ktorý chcete vložiť.
Prípadne môžete prejsť do knižnice médií, kliknúť na príslušný obrázok a vložiť text do poľa Alternatívny text.
Ako pridať text atribútu Alt do Wix
Po nahraní a pridaní obrázkov na požadovanú stránku môžete k obrázkom pridať alternatívny text.
Tu je postup, ako pridať text alternatívneho atribútu vo Wix:
Krok 1: Kliknite na príslušný obrázok tak, aby zostal zvýraznený. Potom kliknite na ikonu ozubeného kolieska.
Krok 2: Po kliknutí na ikonu ozubeného kolieska si všimnete, že sa otvorí malá ponuka so všetkými nastaveniami obrázka. Posúvajte sa nadol, kým neuvidíte pole s názvom „Čo je na obrázku? Povedz Google“. Do tohto poľa zadajte text atribútu alt obrázka, ktorý najlepšie vystihuje váš obrázok.
Ako pridať text atribútu Alt v Shopify
Všetky obrázky pre váš obchod Shopify sú prístupné z knižnice médií vášho obchodu, tu môžete tiež aktualizovať text atribútu alt obrázka pre každý obrázok.
Ak chcete aktualizovať alternatívny text obrázka prostredníctvom knižnice médií, postupujte takto:
Krok 1: Prihláste sa do svojho účtu Shopify a kliknite na Nastavenia vášho obchodu v ľavom dolnom rohu stránky.
Krok 2: Všimnete si, že sa otvorí ponuka, prejdite nadol, kým neuvidíte Súbory, a kliknite na ňu.
Krok 3: Tu uvidíte všetky obrazové súbory, ktoré ste pridali do svojho obchodu. Kliknite na obrázok, ktorý chcete aktualizovať. Teraz pridajte nový alternatívny text do poľa označeného „ALT text“ a po dokončení kliknite na Hotovo.
Ak chcete k obrázkom produktov pridať alternatívny text obrázka, prejdite na informačný panel produktov svojho obchodu.
Kliknite na produkt, ktorý chcete aktualizovať, a prejdite nadol do sekcie Médiá.
Potom kliknite na obrázok a pridajte text do dialógového okna Pridať alternatívny text.
Po pridaní požadovaného textu nezabudnite stlačiť Uložiť alternatívny text.
Alternatívny text môžete k obrázkom pridať aj priamo z editora výkladu.
Stačí kliknúť na obrázok, ku ktorému chcete pridať alternatívny text. Otvorí sa ponuka s rôznymi nastaveniami obrazu a možnosťami prispôsobenia.
Kliknite na Pridať alternatívny text a vložte požadovaný text do dostupného textového poľa. Po dokončení kliknite na Uložiť.
Je dôležité pridať alternatívny text obrázka k odporúčaným obrázkom, pretože tieto obrázky majú zvyčajne za cieľ opísať vašu firmu, služby alebo produkty.
Ak ste už nahrali státisíce obrázkov, najlepší spôsob, ako implementovať alternatívny text do všetkých obrázkov, je prejsť na každý produkt jednotlivo alebo si stiahnuť doplnok.
Ak prevádzkujete eCommerce obchod, väčšina alternatívnych textov bude popisovať produkty a variácie produktov, ako je veľkosť, farba, materiál atď.
Doplnky vám môžu pomôcť pridať hlavný popis, mali by ste sa však zamerať na poskytovanie vysokokvalitných popisov a vyhnúť sa zefektívneniu alebo automatizácii alternatívneho textu.
Niektoré doplnky, ktoré vám môžu pomôcť urýchliť vaše potreby alternatívneho textu
Zapojte SEO
Zapojte SEO od SureSwift Capital je jedným z najviac hodnotených doplnkov SEO pre Shopify. Podľa popisu autora pluginu je táto aplikácia tým, čím je Yoast SEO pre WordPress.
Táto aplikácia Shopify vám umožňuje opraviť nefunkčné odkazy a pridať schému do vášho obchodu. Čo je však dôležitejšie, pomáha majiteľom obchodov pridať text alt atribútu obrázka do obrázkov produktu a obsahu na stránke.
SEO Všetko v jednom
The SEO – všetko v jednom a automatické SEO aplikácia poskytuje majiteľom obchodov možnosť nastaviť jedinečný a dynamický text alternatívnych atribútov pre všetky obrázky produktov. Funkcia „Názov variantu“ vám umožňuje pridať viac ako jeden variant produktu, napríklad farbu, veľkosť a štýl, do vašich alternatívnych textových popisov.
SEO Image Optimizer od Booster Apps
Booster SEO & Image Optimizer je jedným z najpopulárnejších doplnkov Shopify pre atribúty alt s viac ako 3 100 recenziami od používateľov.
Nielenže vám táto aplikácia môže pomôcť automatizovať generovanie alternatívneho textu, ale môže tiež pomôcť s optimalizáciou metaznačiek, máp stránok a mnohých ďalších úloh optimalizácie pre vyhľadávače.
Záver
Pridanie alternatívneho textu k obrázkom na vašej webovej lokalite zázračne nezvýši jej hodnotenie na prvé miesto na stránkach s výsledkami vyhľadávacieho nástroja.
Namiesto toho atribúty alt obrázkov slúžia na opis toho, o čom obrázky sú, aby čítačky obrazovky mohli používateľom obrázky správne opísať.
Tieto značky používajú aj vyhľadávače, aby pochopili, ako obrázky súvisia s obsahom na stránke. Pri správnom použití môže text atribútu alt obrázka tiež pomôcť pri hodnotení súvisiacich dopytov na vyhľadávanie obrázkov.
