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ň približne 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úť.
Alt je atribút pre značku img, ktorý nastavuje alternatívny text pre obrázok. Textové informácie sa zobrazujú, keď je v prehliadači používateľa zakázané načítavanie grafiky, a objasňujú, čo je zobrazené na tomto obrázku. Názov „alt“ HTML-tag dostal od slova alternatíva – alternatívna verzia textu.
Prečo vypĺňať atribút alt
Vyhľadávač indexuje nielen text, ale aj grafické informácie a obrázky – jeden zo zdrojov ďalšej návštevnosti. Aby sa pri vyhľadávaní obrázkov zobrazovali relevantné obrázky, Google a Yandex sa riadia značkami, v ktorých je napísané, čo je na nich zobrazené. Používateľ vďaka tomu dostane vo výsledkoch vyhľadávania presne to, čo hľadal.
Vyhľadávací robot sa primárne zameriava na obrázky s atribútom alt, takže z pohľadu SEO optimalizácie ide o veľmi dôležitý bod. Ak napríklad vaša stránka obsahuje viac ako 1000 obrázkov v stovkách článkov, potom každý z nich môže priniesť ďalšiu návštevnosť.
Návštevníkom sa atribút alt zobrazí iba vtedy, ak je nahrávanie obrázkov zakázané alebo ak je internetové pripojenie slabé. Načítanie grafických prvkov sa vykonáva po prijatí informácií prehliadačom, takže alternatívny text na obrazovke monitora je viditeľný skôr.
Atribút alt pomôže len pri vyhľadávaní obrázkov, takže nijako neovplyvní výsledky organického vyhľadávania.
Pravidlá pre správne vyplnenie alt
Ak chcete zo svojich alt tagov vyťažiť maximum, postupujte podľa týchto pokynov.
- Vyhľadávače ignorujú dlhé popisy, preto upravte svoj alt na 5-6 slov, ale neprekračujte 200-250 znakov.
- Popis obrázka by mal jasne zodpovedať jeho obsahu. Napríklad nemá zmysel vkladať frázu "domáca mačka" pre obrázok s autom.
- Pre zvýšenie efektu optimalizácie obrázkov sa odporúča použiť kľúčové slová z H1 tagu alebo nadpisu článku, ale len ak sú významovo podobné.
- V texte nepoužívajte veľké množstvo kľúčových slov, nedovoľte spam v popise.
- Neoptimalizujte alt atribúty obrázkov, ktoré súvisia s pozadím vašej stránky, prvkami ponuky. Musia mať prázdnu značku alebo žiadnu značku. Obrázky pre dizajnové prvky je možné vykresliť do CSS sprite kedykoľvek je to možné.
- Nevymýšľajte ďalšie alt tagy pre podobné obrázky z rovnakého materiálu alebo produktu. Napríklad máte internetový obchod s bundami, každý s niekoľkými fotografiami. To znamená, že pre každého napíšete rovnaké meno, iba vy môžete pridať čísla 1, 2, 3 na rozlíšenie.
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“.
Č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é dokonca majú 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. Klávesy sú do textov zapí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“.
Atribúty titul a alt by sa malo použiť na z každého snímky alebo odkazy na stránke, aby roboty vyhľadávačov porozumeli obsahu každého z nich odkazy alebo snímky... Vždy si pamätajte, že roboty vyhľadávačov si neprezerajú stránky tak, ako vy a ja.
Nižšie si môžete pozrieť príklady použitia atribúty titul a alt pre snímky a odkazy.
<HREF= "http://www.yoursite.com" titul= "názov vašej stránky" alt= "názov vašej stránky"> názov vašej stránky
Na fiktívnom príklade zvážte, ako sa v skutočnosti používajú atribúty titul a alt pre odkaz na povedzme e-knihu ponúkanú na stiahnutie zo stránky lokality "Základy poskytovania hypotekárnych úverov":
HTML kód pre obrázok:
<IMG SCR= "/ images / seo / alt-and-title-attributes.gif" titul= "Atribúty ALT a TITLE značky IMG" alt= "Atribúty ALT a TITLE značky IMG" />
Atribúty značiek ALT a TITLE IMG
Napriek tomu, že využitie pri optimalizácii snímky prívlastkový v titul a alt- je to jednoduchý spôsob, ako zlepšiť pozíciu stránky vo vyhľadávačoch, mnohí webmasteri ich naplno nevyužívajú, alebo dokonca úplne ignorujú. Niektorí si ich pletú a nechápu, aký je medzi nimi rozdiel titul a alt... Treba poznamenať, že často titul a alt omylom pomenované značky, hoci toto atribúty značiek img(od slova „obrázok“), nie jednotlivé značky.
Html tag img používa sa na zobrazenie na stránkach lokality obrázky (obrázky) v grafickom formáte GIF, JPEG alebo Obrázok PNG... V prípade potreby je možné z obrázka vytvoriť hypertextový odkaz priložením značky img do kontajnera . Atribút alt poskytuje popis snímky pre prehliadače so zakázanou grafikou. Ak tento atribút nie je zadaný, používatelia uvidia namiesto obrázka prázdnu ikonu a ak alt je zaregistrovaný, potom sa zobrazí jeho textový obsah. Atribút alt zo všetkého najviac ovplyvňuje hodnotenie obrázkov vyhľadávacími nástrojmi.
Atribút titul poskytuje dodatočné informácie o obrázku a je však voliteľný SEO experti odporúčame ho použiť pre lepšiu propagáciu snímky... Zadaný text atribút titul, sa zobrazí po prejdení myšou nad obrázok a podľa všeobecnej koncepcie vyhľadávačov sa pri hodnotení berie do úvahy všetko, čo používateľ vidí. Toto tvrdenie si môžete overiť na obrázku umiestnenom na začiatku tejto stránky.
Roboty vyhľadávacích nástrojov nedokážu rozpoznať vytlačený text grafické obrázky, preto kľúčová fráza napísaná na obrázku veľkými písmenami nijako neovplyvní jeho propagáciu vo vyhľadávači. Väčší efekt prinesie aplikácia názvu domény vašej stránky – prispeje to nielen k jej popularizácii, ale aj ochráni obrázok pred kopírovaním.
Vyhľadávače neberú do úvahy všetok text v ňom uvedený atribút alt: Google napríklad zobrazuje iba prvých 15 – 17 slov, zatiaľ čo Yandex zobrazuje o niečo viac – až 28 slov. V každom prípade tento počet slov stačí na vytvorenie zrozumiteľného kontextu.
Vyhľadávače sa zameriavajú na text súvisiaci s obrázok... Najmä k tomu, čo je napísané priamo pod ním, pričom tento text vnímame ako názov obrázku. Preto by názov mal úplne kopírovať obsah korešpondencie atribút alt a mal by byť umiestnený v tom istom odseku <
p>, bunka tabuľky <
td> alebo tag Ako pri všetkých ostatných otázkach optimalizácia pre vyhľadávače, mali by ste sa zamerať na vytváranie jedinečného obsahu, ktorý má hodnotu pre používateľov vašej lokality. Presný popis obrázkov na vašej stránke bude veľkou pomocou nielen pre používateľov s veľmi pomalým pripojením alebo s úplne zakázanými obrázkami, ale aj pre väčšinu vašich používateľov, ktorí ocenia, čo môžu robiť jednoducho. prejdením myšou nad obrázok získať trochu viac informácií. OPTIMALIZÁCIA OBRAZU
Informácie o obrázkoch sa prenášajú pomocou atribútu „alt“. Obrázky sa často zdajú byť jedným z najjednoduchších prvkov webovej stránky, ale aj ich použitie sa dá optimalizovať. Každý obrázok má názov súboru a atribút „alt“. Oba tieto prvky sú užitočné. Atribút „alt“ vám umožňuje zadať text, ktorý sa zobrazí, ak sa obrázok z akéhokoľvek dôvodu nedá zobraziť (1). Prečo sa používa tento atribút? Ak si používateľ prezerá vašu stránku cez prehliadač so zakázanými obrázkami alebo používa čítačku obrazovky textu, Alternatívny text bude slúžiť ako popis obrázka. Alternatívny text sa používa aj v odkazoch na obrázky. V tomto prípade ho vyhľadávače považujú za kotviaci text odkazu. Napriek tomu neodporúčame na navigáciu na stránke používať veľké množstvo grafických odkazov, rovnako dobre fungujú aj textové odkazy. Nakoniec dobrý popis obrázka v značke alt spolu s popisným názvom súboru pomáha vyhľadávacím nástrojom obrázkov, ako je vyhľadávanie obrázkov Google, indexovať obrázky z vašej lokality. Súbory by mali byť uložené v samostatných adresároch a uložené vo verejne dostupných formátoch Namiesto ukladania obrazových súborov do rôznych adresárov a podadresárov v doméne, mali by ste ich všetky zhromaždiť v jednom priečinku(napríklad, moyastranaotkrytok.ru/images/). To zjednodušuje cestu ku grafickým súborom. Používajte široko podporované typy súborov... Väčšina prehliadačov podporuje grafiku JPEG, GIF, PNG a BMP. Je tiež dobré, ak sa prípona súboru zhoduje s jej typom. PRAKTICKÉ RADY
Napíšte informatívne kotvy. Kotevný text by mal obsahovať aspoň stručné informácie o stránke pod odkazom. Neodporúčame: Usilujte sa o stručnosť. Vaším cieľom je krátky a informatívny text, zvyčajne jedna presná fráza. Neodporúčame: Zvýraznite odkazy. Zabezpečte, aby bol kotviaci text vašich odkazov vizuálne odlíšiteľný od bežného textu vašej lokality. Používateľ je oklamaný jemnými odkazmi alebo odkazmi, na ktoré môže náhodne kliknúť. Neodporúčame: Nezabudnite na kotviaci text pre interné odkazy. Možno sa primárne zameriavate na odkazy smerujúce na iné webové stránky, no interné odkazy sú rovnako dôležité, pretože pomáhajú Googlu lepšie prehľadávať vašu stránku. Neodporúčame: Atribút alt je alternatívnym zdrojom informácií pre používateľov, ktorí vo svojom prehliadači zakázali obrázky. Ak je definovaný atribút alt, potom keď sa obrázok nedá zobraziť, namiesto neho sa zobrazí text atribútu: Bez daného atribútu alt sa obrázok zobrazí ako prázdny: Je obzvlášť dôležité popísať obrázky pomocou atribútu alt pre stránky, ktorých obsahom sú väčšinou obrázky. Atribút alt môžete nastaviť takto: Do atribútu alt by ste nemali písať všetky kľúčové slová webu alebo stránky, ale len tie, ktoré sa skutočne týkajú obrázka. To pomôže robotovi nájsť obrázok presnejšie a používateľovi Yandex - vybrať ho vo výsledkoch vyhľadávania a prejsť na vašu webovú stránku. Nie je žiaduce ponechať atribút alt prázdny. Ak pridávate viacero podobných obrázkov (napríklad produktové fotografie z internetového obchodu), mali by ste nastaviť jedinečné atribúty alt (pohľad spredu, pohľad zozadu). Atribút title poskytuje dodatočné informácie o obrázku. Text v tomto atribúte sa zobrazí, keď umiestnite kurzor myši na obrázok: Atribút title môžete nastaviť takto: Pre každý obrázok by ste mali zadať jedinečný názov. Nie je žiaduce ponechať atribút title prázdny. Okrem hodnôt atribútov alt a title sa pri vyhľadávaní obrázkov používajú aj tieto texty: texty odkazov na obrázky z iných stránok a z iných stránok; text susediaci s obrázkom – nachádza sa na stránke v bezprostrednej blízkosti obrázka; texty a názvy krátkych dokumentov zarámujúcich jeden obrázok; názvy súborov a skripty obrázkov vrátane transliterácie a zjednodušeného medziriadkového prekladu. Atribúty alt a title sú však najuniverzálnejšie a mali by sa používať vždy.
Text atribútu title značky img
Iné texty
Hodnota avatarov v psychológii
Hodnota avatarov v psychológii
Ako zdôrazniť písmeno v MS Word
Čo to znamená, ak je avatar osoby
Ako si vytvoriť svoj vlastný Twitter moment