Alt title tagy v obrázkoch pre seo. Atribúty alt a title v SEO pre obrázky. Čo sa týka atribútu Title

Od autora: atribút alt pre obrázky vám umožňuje nastaviť text, ktorý sa používateľovi zobrazí, ak je zobrazovanie rovnakých obrázkov zakázané. To však nie je všetko, čo o ňom potrebujete vedieť. Pozrime sa bližšie na to, ako tento atribút aplikovať.

Vo všeobecnosti, aby ste pochopili, ako sa píše, potrebujete poznať základy html, aby ste mali aspoň nejakú predstavu o tom, ako sa text a obrázky pridávajú na webové stránky. Fotografia je najmä jedna značka obrázka, ktorá má iba jeden povinný atribút, src. Toto je cesta k súboru.

Je zrejmé, že ak ho zadáte nesprávne, na obrazovke nič neuvidíte. Stručne povedané, ak chcete zobraziť obrázok, stačí to napísať na správne miesto v html kóde:

< img src = "cesta k obrázku">

S týmto by malo byť všetko jasné, ale okrem src existujú ďalšie atribúty, ktoré možno pridať do img. Teraz sú už voliteľné, to znamená, že sa bez nich zaobídete. Najmä alt. Atribút, ktorý zobrazuje takzvaný alternatívny text.

Prečo alternatívne? Pretože sa zobrazí iba vtedy, ak je grafika v prehliadači používateľa zakázaná. V tomto prípade musí existovať nejaká alternatíva? V každom prípade, ak do článku vložíte fotku Eiffelovej veže, tak je to super, no ak sa zrazu nájde človek, ktorý si v prehliadači vypol zobrazovanie obrázkov, tak na tomto mieste jednoducho nič neuvidí . Bude tam len krížik (alebo ikona), ktorý naznačuje, že na tomto mieste by mal byť obrázok. Napríklad na tomto obrázku môžete vidieť mapu sveta:

Ale ak má človek vypnuté zobrazovanie grafiky, tak to neuvidí. Ak napíšete alt, tak vedľa krížika bude vysvetľujúci text. V tomto prípade si človek aspoň zhruba predstaví, čo na ňom je. Tiež mám podozrenie, že prehliadače reči môžu nejakým spôsobom čítať obsah tohto atribútu.

Vplyv alt na SEO

Ach, koľko polemík som videl na SEO fórach o tom, či vyplnenie atribútu môže zlepšiť hodnotenie stránky a jej jednotlivých článkov vo vyhľadávaní. Dá sa povedať, že dnes zostáva všetko po starom. Niekto si myslí, že vyplnenie alt pomáha pri optimalizácii vyhľadávania, niekto - že to nemá absolútne žiadny efekt.

Povedal by som, že oba názory sa dajú napadnúť, ale je lepšie zvoliť niečo medzi tým. To znamená netvrdiť, že to dáva priamy významný výsledok, ale zároveň si nemyslieť, že to nemá absolútne žiadny zmysel.

Vieš, prirovnal by som alt fill s cross-browser layoutom (ak niekto rozumie, o čo ide). Vtedy sa stránka prispôsobí všetkým populárnym prehliadačom. Ak vyplníte tento atribút pre najdôležitejšie obrázky na vašej stránke, urobíte svoj projekt aspoň o kúsok lepším. Svoj projekt tiež trochu sprístupníte ľuďom.

Samozrejme, dnes je čoraz menej ľudí, ktorí používajú prehliadače s vypnutými obrázkami. Povedal by som, že je ich veľmi málo. Ak ste ale perfekcionista a chcete si svoj projekt zidealizovať, vyplňte prosím tento atribút, kto vám v tom bráni?

Ako mám vyplniť alt?

Ale toto je podľa mňa to najdôležitejšie. Ak ste čítali moje predchádzajúce články o SEO, tak ste tam už určite viackrát počuli, že vyhľadávače milujú prirodzenosť. V súlade s tým bude ideálnym vyplnením atribútu čo najpresnejší a najkratší popis obrázka. Zvyčajne stačí 30 až 100 znakov. V tomto prípade by maximálna dĺžka mala byť približne 250 znakov. Prečo by ste však obrázok popisovali tak podrobne?

Zároveň by ste sa mali snažiť napísať do atribútu taký text, aby ste si pri jeho čítaní vedeli v duchu predstaviť obrázok, aj keď ho nevidíte. Mnoho SEO odporúča napísať alt na prvý obrázok v publikácii, v ktorom bude kľúčová fráza.

Tu musíte pochopiť, že vyhľadávače sa stali inteligentnejšími. Ak ste vložili nejaký ľavý obrázok a drzo do neho zadali kľúč, nemali by ste očakávať pozitívny výsledok. Nehovorím, že vás vyhľadávač potrestá, ale efekt ako taký nebude.

Navyše, ak do všetkých obrázkov vtlačíte viac kľúčov a urobíte to s každou stránkou svojho webu, trest bude veľmi reálny. V tomto prípade je to otázka času.

Ako byť? Ak do alt vložíte akúkoľvek kľúčovú frázu, pridajte ju iba do popisu jedného obrázka na článok. Taktiež sa nesnažte za každú cenu pridať frázu v jej presnom výskyte. Dotaz je možné vložiť s riedením.

No najdôležitejšie je pokúsiť sa napísať alt tak, aby to bolo čo najprirodzenejšie, ako keby ste tam omylom použili kľúč. Na to bude možno potrebné urobiť trochu viac popisu, ale to je len pre jeden obrázok, do ktorého vložíte kľúč.

Vlastne pri zvyšku obrázkov, ak ich je v článku viacero, alt môžete vyplniť, ale nie. Toto je vaše osobné rozhodnutie. Vo všeobecnosti je dôležité vyplniť tento atribút bez zbytočných očakávaní, ako keby ste vyplnili správne a zajtra budete na vrchole. Účinok nemusí byť, alebo bude minimálny, ale hlavné je, že ste urobili všetko efektívne.

Poďme si teda zhrnúť základy padding alt:

Musíte opísať obrázok čo najjednoduchšie a čo najstručnejšie.

Ak vložíte prístupovú frázu, urobte to iba raz a tak, aby to vyzeralo prirodzene.

Pre zvyšok obrázkov vyplňte alt podľa vášho osobného želania

Opäť si nemyslite, že ide o nejaký návod na akciu. Toto sú len odporúčania. Každý správca webu to robí inak. Niekto nikdy nevyplní alt žiadneho obrázka, niekto to robí tak, ako sa odporúča tu, a niekto spamuje kľúčmi.

Z týchto troch možností je optimálna prvá a druhá. To znamená, že existujú 2 riešenia: buď sa alt nedotýkajte vôbec, alebo ho vyplňte čo najprirodzenejšie.

Vyplniť alt alebo nie? Závisí od lokality

Prevádzkujete napríklad osobný blog. Prečo ste sa vzdali tohto alt? S najväčšou pravdepodobnosťou budete potrebovať obrázky čisto na rozriedenie textu, ale nie na prilákanie zákazníkov. Ďalšia vec je komerčná stránka. Napríklad internetový obchod. Obrovskú rolu tu zohrávajú obrázky, pretože ľudia si najčastejšie kupujú to, čo má ich oko najradšej.

Podľa toho je rozumné predpisovať alt. Zoberme si príklad, ako to urobiť správne. Povedzme, že máme produkt - notebook ASUS G560 (nehľadajte vo vyhľadávaní, názov som si vymyslel). Prirodzene, existuje fotografia tohto notebooku. Ako preň napíšem alternatívny text? Tu sú možnosti:

„Fotografie“, 1, „yyavpv“ atď. - to sú všetky možnosti, ktoré v žiadnom prípade nefungujú. Z takéhoto popisu je absolútne nepochopiteľné, o akom produkte sa bavíme. Text „fotka“ alebo „obrázok“ (ako sa fotografie často podpisujú) je vo všeobecnosti najzábavnejší, pretože ľudia už chápu, že toto nie je video. Je to ako zavesiť na slona nápis, že je slon.

„Cool Red Laptop for Gaming“ nie je zlý popis, ak je notebook skutočne herný. Ak ale mierite na návštevnosť z obrázkov, tak takýto popis nie je najoptimálnejší, keďže podobnú frázu zadáva do vyhľadávania 0 ľudí. Ľudia častejšie zadávajú názvy konkrétnych modelov alebo aspoň výrobcu.

„Zápisník“ je popis, ktorý možno zhrnúť takto: lepšie ako nič. Ale tiež to nie je optimálne, pretože neexistujú žiadne špecifiká. Nebudete takto podpisovať každý produkt, však? Popis musí byť jedinečný pre každý jednotlivý notebook.

„Laptop ASUS G560“ je najlepšou voľbou, existuje špecifický popis. Možno, ak je produkt prítomný v rôznych farbách, môžete pridať farbu, ako aj slová, ktoré sa často používajú pri popise notebookov: kancelársky, výkonný, herný atď.

„Laptop ASUS G560, nákup v Moskve s doručením, recenzie“ – vyzerá to ako spam, však? Toto je najhoršia možnosť zo všetkých.

Výsledok

Tu už nie je o čom hovoriť. Optimalizácia obrázkov pomocou atribútov alt je niečo, čo vám môže pomôcť zlepšiť vašu stránku a získať určitú návštevnosť z vyhľadávania obrázkov. Toto je podnikanie pre perfekcionistov, pretože je celkom možné sa bez neho zaobísť. A samozrejme, stojí za to zvážiť, akú máte stránku. Ak je to komerčné, potom je žiaduce podpísať obrázky a ak prevádzkujete akýkoľvek blog alebo informačnú stránku, môžete na to úplne zabudnúť.

Neviem, či používate vyhľadávanie Google alebo Yandex podľa obrázkov, ale môžem povedať jednu vec, aj keď ju nepoužívate, používajú ju stovky miliónov ruských používateľov internetu. Vzhľadom na to, akú obrovskú návštevnosť sme vytvorili, je vhodné zvýšiť návštevnosť internetového projektu aj zvýšením návštevnosti z vyhľadávania obrázkov.

Ak hovoríme o používateľoch vyhľadávačov, zvyčajne majú buď informačný alebo komerčný zámer. Bez ohľadu na to, aký druh informácií alebo komerčných zdrojov máte, bolo by pekné, keby ste prilákali tých alebo tých, a prinajlepšom všetkých možných používateľov. Aspoň za ne bojovať.

V boji o návštevníkov z obrázkového vyhľadávania nám pomôže prívlastok ALT. Najdôležitejší atribút, ktorého hodnota spočíva v tom, že je to on, kto vyhľadávaču povie, čo presne je na obrázku zobrazené. Atribút alt zároveň nastavuje optimalizátor v podobe, v akej ho užívatelia zadávajú do vyhľadávania.

Na začiatok si urobme ľubovoľný obrázok a ako príklad budeme analyzovať, čo napísať do alt tagu a čo jednoznačne nestojí za to.

1. "Fotka č. 1", alebo niečo podobné. Prívlastok alt teda rozhodne nepoužívajte! Opisuje obrázok čisto technickým spôsobom a vôbec neprezrádza jeho obsah.
2. "Malý chlapec v čiapočke"- takýto popis na jednej strane dobre vystihuje obraz, no na druhej strane nezachytí jedinú výraznejšiu požiadavku, čo je pre komerčné projekty úplne nevhodné. A to by som neodporúčal ani info-stránkam. S najväčšou pravdepodobnosťou budú diváci hľadať klobúk z reklamy malého chlapca a žiadosť bude položená iným spôsobom. Zároveň sú roztomilí chlapci a dievčatá pozvaní na sady fotografií, aby sa zvýšila konverzia.
3. "Pletená čiapka", "detská čiapka"- takéto otázky sú blízke téme. Používatelia skutočne kladú otázky týmto spôsobom a určite sa vám podarí zaujať cieľové publikum a upriamiť jeho pozornosť na váš produkt. Existuje však veľa klobúkov. Dokonca aj na vašej stránke môže byť sekcia venovaná iba detským čiapkam, preto je lepšie požiadavku trochu špecifikovať, aby ste potešili používateľov, ktorí presne vedia, čo chcú.
4. „Pletená čiapka spoločnostiBizonoff"- táto možnosť sa javí ako optimálna, pretože presne odráža to, čo je zobrazené na fotografii, a v maximálnej miere vyhovuje potrebám používateľov. Tento alt vyjadruje názov spoločnosti, slovo „klobúk“ vyjadruje celkové rozmery produktu (aspoň naznačuje, že tieto rozmery nie sú veľké), ako aj spôsob výroby daného produktu. Ak sa na vašom internetovom obchode, vstupnej stránke alebo len informačnej stránke nachádza typický produkt, ktorý sa líši farbou, môžete to zohľadniť v atribúte alt – „Pletená čiapka spoločnostiBizonoff hnedá ".
5. "Pletená čiapka, čiapka pre bábätká, recenzie čiapky pre bábätká, čiapka pre bábätká"- Robíš "duševnú masturbáciu" niečo nevysvetliteľné. Z takej dĺžky to nebude mať zmysel a medzi ľuďmi sa tomu hovorí prehnaná optimalizácia. Za takéto veci môžete v horšom prípade naraziť na sankcie vyhľadávačov. V najlepšom prípade nedôjde k sankciám, ale ani k vyčerpaniu z takýchto akcií.

Ako napísať atribút alt

1. Alternatívny text musí mať dĺžku 230 – 250 znakov. V tomto prípade je minimálna dĺžka 3-4 slová. Je to spôsobené čisto praktickými pozorovaniami - je veľmi ťažké napísať alt, ktorý by odrážal celú podstatu toho, čo je zobrazené, v menej ako 3 slovách.
2. Text by mal obsahovať kľúčové otázky, pre ktoré môžu používatelia nájsť obrázok. Je dôležité pochopiť, že kľúče v atribúte alt a kľúče stránky sú odlišné veci.
3. Žiadny spam. Veľmi dôležité! Nepridávajte slová " cena "," cena "," recenzie "," cena "... Tieto slová fotku nijako necharakterizujú, ak na obrázku nie je skutočný screenshot cenoviek, cenníkov a recenzií. Potom, samozrejme, môžete a mali by ste.
4. Na vašom zdroji sú vždy technické obrázky - ikony, obrázky, šípky, obrázky na pozadí atď. Pri nich radím, aby ste do atribútu alt nič nepísali. To ukáže technickú povahu obrázkov. Niekomu sa tam podarí vložiť kľúčové slová stránky, ale to nie je ľad. Nezahrávajte sa s prehľadávačmi vyhľadávacích nástrojov – sú to naozaj super chalani.

Niekoľko slov o atribúte title pre obrázky

Na základe našich vlastných experimentov v oblasti propagácie môžeme s istotou povedať, že názov berie do úvahy iba vyhľadávací algoritmus Yandex a Google ho úplne ignoruje. Osobne používam názov iba pre použiteľnosť. Ak sa bavíme o tom, čo napísať do nadpisu, tak doň vkladám to isté, čo do alt. Je to preto, že je veľmi, veľmi ťažké napísať niečo iné ako text vo viole. A ani netreba hovoriť.

Dobrý deň, priatelia.

Dnes je ďalším materiálom práca s obrázkami.

Pokračujem vo zverejňovaní materiálov o propagácii a momentálne je to už druhý článok, ktorý sa špeciálne zaoberá obrázkami na našej stránke. Prvý bol o vytváraní kvalitných screenshotov.

V tomto článku vám ukážem, ako optimalizovať obrázky na webe pomocou atribútov title a alt na propagáciu stránok vo vyhľadávačoch.

Článok nebude veľmi dlhý, ale užitočný.

Na začiatok musíte pochopiť jeden bod. Nie každý venuje pozornosť maličkostiam pri propagácii svojich stránok. Najmä na rôznych technických detailoch, ako je optimalizácia obrazu.

Toto je len jedna maličkosť, ktorej správne použitie vám môže pomôcť prekonať konkurenciu na stránkach vyhľadávania. Ak použijete všetky maličkosti spolu, potom budete mať oproti iným stránkam veľmi veľkú výhodu.

Preto je veľmi nežiaduce vynechať takýto moment. A teraz si povieme, ako správne optimalizovať obrázky na našej stránke a z akých fáz sa tento proces skladá.

Celý proces optimalizácie rozdeľujem do 3 etáp:

1. Vytvorenie jedinečného obrazu;
2. Príprava finálneho obrázka na zverejnenie na stránke, ktorá nenačíta blog. V tejto fáze zmenšujeme veľkosť obrázka, aby sa stránky načítali rýchlo;
3. Správna optimalizácia atribútov title a alt obrázku.

Tu môžete tiež pridať správny názov zdrojového súboru pred nahraním na stránku. O tom si povieme nižšie.

O vytvorení jedinečného obrazu a následnom vyzdvihnutí samostatné podrobné články s videonávodmi. Teraz chcem zamerať svoju pozornosť na atribúty title a alt, keďže mnohé z nich sa vyplnia nesprávne alebo sa nevyplnia vôbec. Ale márne!

Koniec koncov, ich vyplnením môžete dať relevantnosť (korešpondenciu s propagovanou požiadavkou) našim stránkam a zvýšiť návštevnosť stránky práve z vyhľadávania obrázkov. Vylepšite stránku aj popisom, keďže aj obrázky ukážu vyhľadávačom, že sú umiestnené účelne, čiže stránka je ešte lepšia.

Teraz sa pozrime na proces optimalizácie obrazu v praxi. Ako som uviedol vyššie, zvážte vyplnenie všetkých údajov - názov a alt obrázkov.

Najprv však uvediem videoprezentáciu, v ktorej som vysvetlil hlavné body, ktoré budú stačiť na to, aby ste urobili všetko správne a vyhli sa ťažkým chybám. Príjemné pozeranie.

Ako správne vyplniť názov a alt obrázkov?

Najprv poviem pár slov o týchto vlastnostiach. Na čo sú potrebné?

Hlavnou úlohou je, aby vyhľadávače pochopili, o čom je ten alebo onen obrázok. Taktiež tieto parametre umožňujú obrázkom dostať sa do vyhľadávania obrázkov na určité požiadavky, ktoré si zapíšeme do týchto atribútov.

Teraz sa pozrime na to, ako ich vyplniť.

V tejto súvislosti je jednoducho obrovské množstvo názorov. Vytvoril som si vlastnú víziu, založenú na štúdiu rôznych kurzov a reportáží ľudí, ktorí stránkam rozumejú.

Najprv sa pozrime, aké sú tieto atribúty.

• Názov – vo všetkých prípadoch ide o názov niečoho (názov príspevku, obrázky atď.);
• Alt je atribút značky img itemprop = "image", ktorý popisuje obrázok. Nazýva sa aj „alternatívny text“.

Atribút alt je pre obrázky veľmi dôležitý. Musí byť vyplnený v 100% poradí. Po vyplnení Titulku sa ale nič zlé nestane, no pre čo najlepší efekt si treba dať pozor aj naň.

Prvý sa tiež zobrazí na stránke ako text, keď sa obrázok z určitých dôvodov nenačíta. Názov sa zobrazí, keď umiestnite kurzor myši na obrázok nachádzajúci sa v článku.

V praxi, ak sa pozriete na kód obrázka na stránke, nadpis a alt vyzerajú takto.

Vidíme, že tieto atribúty sú v kóde na 2. riadku. Majú určitý význam, alebo skôr tie frázy alebo slová, ktoré popisujú obsah obrázka. Je to obsah obrázka, nie kľúčové slová a niečo iné.

Teraz už nie je možné do týchto atribútov zadávať veľké množstvo kľúčových slov a na každom obrázku článku je viac kľúčových slov. Predstavte si, že máte na stránke 40 obrázkov. Ak napíšete kľúčovú sovu do nadpisu a alt všetkých obrázkov, potom je pravdepodobné, že sa dostanete pod sankcie vyhľadávačov a vo výsledkoch vyhľadávania neuvidíte vysoké pozície.

Jediné pravidlo, ktorého sa držím a odporúčam ho použiť aj vám, je napísať do týchto atribútov veľmi krátky popis toho, čo je na obrázku.

Môžete zadať aj kľúčové slovo, ktorým je článok propagovaný, ale príliš sa s ním nehrajte. Predpisujem maximálne jednému obrázku v článku - hlavnej prvej miniatúre.

Bude veľmi dobré, ak bude váš obrázok obklopený tematickým textom, ktorý ho tiež popisuje. Návštevníkovi by ale opäť malo byť všetko jasné a nevnímať to ako nejakú manipuláciu. Všetko robíme prirodzene. Ak text predmetu nemá miesto v blízkosti obrázka, stačí napísať názov a alt k obrázku a je to.

Title a Alt by mali byť rovnaké?

A opäť kopa názorov. Niekto hovorí, že by mal byť rozdiel, a niekto - lepší efekt, keď je rovnaký. Skôr sa prikláňam k tomu, že verím niektorým faktom. Aby som to urobil, zobral som pár veľmi vydarených zdrojov a pozrel som sa, ako sú v nich tieto atribúty napísané.

Na zdrojoch, ktoré rýchlo dosiahli dobré výsledky, sa optimalizácia obrázkov scvrkáva na vyplnenie oboch atribútov rovnako. A kľúčové slová v nich nie sú obsiahnuté. Naozaj píšu krátky popis toho, čo je zobrazené na obrázku.

Ďalším záverom preto je, že atribúty title a alt môžu byť rovnaké.

Toto však nie je 100% dogma. Môžete ich urobiť trochu inak, ale aby sa z toho nestratil význam. Názov aj viola by mali popisovať obrázok. Okrem toho môže nadpis úplne chýbať (nemá chybu) a okrem samotného popisu obrázka môže obsahovať aj ďalšie informácie. Podrobnejšie o správnom naplnení violy a titule I. Z predchádzajúceho odkazu som sa hlbšie zaoberal otázkou vyplnenia týchto značiek. Dôrazne vám odporúčam preštudovať si materiál.

Ako prakticky predpisovať atribúty obrazu

Ak používate akýkoľvek motor, poskytuje takúto funkciu. S najväčšou pravdepodobnosťou máte web WordPress. Všetko sa v ňom robí veľmi jednoducho.

Vo vyskakovacom okne sa nastavia parametre obrázku vrátane nadpisu a alt.

Všetko vyplníme a nezabudneme aktualizovať súbor, že sa zmeny prejavili. Robíme to s každým obrázkom.

Ak vašu stránku nespravuje žiadna platforma, teda jednoduchá html stránka, budete ju musieť pridať ručne.

Odporúčam postupovať nasledovne. Samozrejme, budete potrebovať zdrojový kód stránky, kde môžete vidieť kód obrázka. Potrebujete otvárací štítok

Aby som si moc nelámal hlavu, dám rovnaký kód ako predtým. Berte to ako prázdne miesto pre seba.

Pozrite sa na to ako na ukážku, kde je potrebné vložiť atribúty, ktoré skopírujete z rovnakého kódu. Potom ich pridajte k svojim obrázkom vyplnením popisu.

Nezabudnite, že tieto údaje vypĺňame na základe obsahu obrázka. Popis samotného obrazu!

S touto otázkou vyriešenou. Všetko je tu veľmi jasné.

Stručne povedané, záver je: "title a alt vyplňte rovnako a napíšte do nich popis samotného obrázku, teda to, čo je zobrazené na obrázku".

Túto otázku sme zvážili. Ale téma optimalizácie obrázkov je mnohostranná a existujú aj ďalšie dôležité body, ktoré sa dajú využiť na zlepšenie efektu vašej stránky.

Ďalšie dôležité body

Sú tu ešte 3 veci, ktoré som vyššie neuviedol:

• názov súboru obrázka;
• zníženie hmotnosti obrázkov;
• jedinečnosť obrázkov pre stránku.

Teraz zvážim iba 1. moment, keďže pre ďalšie 2 som vybral plnohodnotné objemové materiály.

O názve súboru na internete píše málokto. Ale sú tu aj niektoré nuansy. Ako by ste mali pomenovať samotný súbor pred jeho odovzdaním na stránku?

Ako vždy, názory sú rozdelené. Niekto píše, že treba použiť kľúčové slová. Niekto, koho treba nazvať popisom obrázka, teda rovnako ako nadpis a alt.

A niektoré nahrávajú súbory s ľubovoľným názvom. Urobili sme snímku obrazovky pomocou nejakého programu. Bol pomenovaný podľa aktuálneho dátumu, takže bol nahraný.

Prikláňam sa skôr k druhej možnosti, kedy sa snažíme obrázok opísať aj v názve samotného súboru. Žiadne kľúčové slová, okrem hlavného obrázku v článku. A potom ho tam nemôžete použiť.

Ako príklad ukážem obrázok z predchádzajúceho článku môjho blogu o vytvorení formulára na odber aktualizácií stránok. Urobím ďalšiu fotku.

Kód obrázka vyzerá takto.

Teraz je ťažké si predstaviť stránky bez obrázkov, najmä online obchody a katalógy produktov. Koniec koncov, je to skvelý spôsob, ako upútať pozornosť návštevníkov, ukázať „tvár“ produktu a povzbudiť potenciálnych zákazníkov, aby podnikli cielené akcie: nákup produktu alebo objednanie služby. Viac o tom, na čo sú ešte potrebné obrázky a na ktorých stránkach by mali byť, si môžete prečítať v našom článku „Výber a optimalizácia obrázkov pre web“.

Používanie obrázkov zatraktívni stránku a pomôže udržať návštevníkov na nej, ale čo je dôležitejšie, ďalšia návštevnosť môže na vašu stránku prísť z vyhľadávania obrázkov v Yandex alebo Google (ak správne použijete atribúty značky Alt a Title ).

Aký je atribút Alt pre obrázky

Alt atribút pre obrázky je text popisujúci obrázok v html značke ... Zobrazí sa, ak sa obrázok nedá načítať. Namiesto nenačítaného obrázka sa zobrazí text (s vyplneným atribútom Alt).

Poďme si to porovnať. Takto bude vyzerať uvoľnený obrázok bez vyplneného atribútu Alt:

A takto bude vyzerať obrázok s textom "Práčka Slavda WS30T / ET" v atribúte Alt tagu :

Atribút Alt umožňuje zistiť, čo je na obrázku zobrazené, keď to používateľ nevidí. Napísaný text v atribúte Alt navyše berú do úvahy vyhľadávacie roboty pri indexovaní stránky. Nakoniec optimalizácia názvov obrázkov a atribútov Alt v značke uľahčuje vyhľadávanie obrázkov, napríklad v Yandex alebo Google Images.

Ako správne zostaviť atribút Alt pre obrázky

1. Optimálny počet slov je 3-5, ale dĺžka textu tagu nie je väčšia ako 75-80 znakov. Odporúčame používať stručné a výstižné, no zmysluplné informácie.
2. Predpokladom je použitie kľúčových dopytov.
3. Na uľahčenie vyhľadávania je lepšie použiť kľúčové slová v nominatívnom prípade.
4. Vyhnite sa spamu: neodporúčame uvádzať veľké množstvo kľúčov oddelených čiarkami, ako je to pri iných značkách.
5. Je potrebné, aby Alt odkazoval na text stránky a popisoval to, čo je zobrazené na obrázku.

Atribút názvu pre obrázky

Okrem atribútu Alt by ste mali text napísať aj do atribútu Title. Tento parameter nastavuje pomocné informácie o obrázku, keď používateľ umiestni kurzor myši na obrázok:

V html kóde vyzerá vyplnený atribút Title pre obrázky takto:

Dobre vytvorený atribút Title dokonca pomáha zlepšovať faktory správania.

Ako správne zostaviť nadpis pre obrázky

1. Atribút Title sa musí zhodovať s obrázkom. Nemali by ste do nej písať, že to nemá nič spoločné s obrázkom.
2. Pre pohodlie používateľov je lepšie použiť krátky Názov - nikto nechce čítať kilometer dlhú nápovedu k obrázku.
3. Prítomnosť kľúčových slov je žiaduca. Nemali by ste používať slová ako „fotka“, „obrázok“ atď., pretože už je jasné, čo to je.

Príklad správneho vyplnenia atribútov Alt a Title pre značku

Pozrime sa na príklad, ako môžete napísať text do atribútov Alt a Title pre obrázok. Aby sme to urobili, urobme si obrázok zo stránky stavebnej firmy.

Pri skladaní Alt sa musíte zamerať na to, čo predávate / ponúkate. Pre obrázok z nášho príkladu bude vhodnejšie skomponovať violu „Stavba domu z guľatiny“ a nielen „dom“ alebo „stavba“.

Atribút Title pre tento obrázok môže byť mierne upravený a zložený takto: "Stavba zrubu".

Ťažkosti s vyplnením Alt a Title

Správne vyplnené atribúty Alt a Title pre obrázky pomôžu pri optimalizácii stránky pre vyhľadávače. Netreba však zabúdať ani na ďalšie aspekty optimalizácie obrázkov, ako je „váha“, kvalita a názov obrázkov. Ak nemáte čas skladať atribúty Alt a Title, môžeme vám pomôcť a urobiť prácu za vás.

Vydali sme novú knihu „Obsahový marketing na sociálnych médiách: Ako sa dostať do hláv predplatiteľov a zamilovať si svoju značku“.

Prihlásiť sa na odber

Čo sú alt tagy?

Alt tagy sú textový popis obsahu grafického obrázku na stránke, ktorý vám umožňuje získať o ňom úplnejšie informácie a zlepšiť navigáciu na stránke. Pre tých používateľov, ktorí si v prehliadači vypnú grafické obrázky, bude vhodné použiť značku alt na určenie toho, čo malo byť na obrázku. A title obsahuje popis pre obrázok, ktorý sa objaví po umiestnení kurzora myši.

Všetci už vieme, aké dôležité je deliť text na bloky, pridávať obrázky, ktoré text opticky zatraktívnia a uľahčia čítanie. Ak si predstavíte SEO ako dostihy na hipodróme, potom kôň vždy príde do cieľa, ktorý zo seba vydal všetko. Zrýchľoval som, kde bolo treba, alebo som kráčal po vnútornom kruhu a džokej bol v priliehavom obleku čo najľahší. Takže je to tu – z propagácie treba vyžmýkať maximum. Prehľadávač, ktorý prehľadáva vašu stránku a vidí optimalizovaný obrázok, dokonale pochopí, čo sa tam zobrazuje, keď načíta značku alt. Tieto informácie zapíše do indexu a vy získate SEO-plus pre vašu stránku a výhodu vo výsledkoch vyhľadávania.

Alt atribút(alternatívny text) je atribút značky čo umožňuje vyhľadávaciemu robotu „vidieť“ obrázok a indexovať ho. V skutočnosti krátky popis toho, čo je zobrazené na obrázku

Atribút názvu je atribút slúži ako názov pre obrázok. Generuje popisy pre obrázok.

Takto vyzerajú značky alt a title v kóde stránky:

Pravidlá pre písanie textu v atribútoch alt a title

• Popis musí plne zodpovedať obsahu obrázku.
• Musí obsahovať kľúčové slovo.
• Tá istá stránka musí mať rôzne alt tagy. Ak použijete rovnaké klávesy pre všetky obrázky, táto stránka bude zlá hodnosť, a je tu šanca dostať sa pod filter AGS
• Optimálna dĺžka je od 3 do 10 slov pre alt. Názov by mal byť dlhší, rozšírenejší.
• Texty pre alternatívu a názov musia byť odlišné

Nastavenie alt pre obrázky

Vo väčšine CMS je nastavenie tohto atribútu pomerne jednoduché. Napríklad vo Wordpresse kliknite pravým tlačidlom myši na obrázok -> "Upraviť" -> pridajte popis pre atribút alt.

V mnohých CMS je funkčnosť podobná. Niektoré majú dokonca pluginy na nastavenie šablón týchto značiek.Ak chcete manuálne napísať atribút alt, riaďte sa syntaxou značky uvedené vyššie.

Ak chcete podrobné informácie, potom sú v našom blog.

Povedzme, že návštevnosť vašej stránky nám rastie pred očami, no ani v tomto prípade by ste nemali zanedbávať optimalizáciu obrázkov. Toto je príležitosť získať väčšiu návštevnosť za už investované zdroje. Kľúče sú do textov vpísané perfektne, technická stránka stránky je na tom najlepšie, návštevnosť je veľa, ale možno aj viac. Pomôže tomu optimalizácia obrázkov na stránke, pretože na hodnotení vyhľadávacích dopytov sa podieľajú aj fotografie. Okrem toho existuje možnosť získať dodatočnú návštevnosť zo žiadostí „+ fotografia“.