Alt text (alternativní text), také známý jako „atributy alt“, „alt popisy“, nebo technicky nesprávně jako „alt tagy,“ jsou používány v HTML kódu popsat vzhled a funkce obrazu na stránce.
alt text používá:
1. Přidání alternativního textu k fotografiím je v první řadě zásadou přístupnosti webu. Zrakově postižení uživatelé používající čtečky obrazovky budou číst atribut alt, aby lépe porozuměli obrazu na stránce.
2., Pokud soubor obrázku nelze načíst, zobrazí se místo obrázku Alt text.
3. Alt text poskytuje lepší kontext/popisy obrázků prohledávačům vyhledávačů a pomáhá jim správně indexovat obrázek.
zvýrazněný text se zobrazí alternativní text (atribut alt) na obrázku vlevo.
nejlepší formát pro alt text je dostatečně popisný, ale neobsahuje žádné spamování pokusy o klíčové slovo nádivkou., Pokud můžete zavřít oči, nechat někoho, aby vám přečetl text alt, a představte si přiměřeně přesnou verzi obrázku, jste na správné cestě.
Pojďme se podívat na několik příkladů alt text pro tento snímek skvěle vypadající palačinky:
v Pořádku:<img src="https://moz.com/learn/seo/pancakes.png" alt="pancakes">
alt text je pouze „ano“, protože to není moc popisné. Ano, Toto je obraz hromady palačinek. Ale, o tomto obrázku je třeba říci víc.,
dobrý:
<img src="https://moz.com/learn/seo/pancakes.png" alt="Stack of blueberry pancakes with powdered sugar">
tento text alt je lepší alternativou, protože je mnohem popisnější toho, co je na obrázku. To není jen stoh „palačinky“ (jako první alt text příkladu demonstroval); je to palačinky s popraškem práškového cukru!
<img src="https://moz.com/learn/seo/pancakes.png" alt="pancake pancakes pan cake hotcakes hotcake breakfast food best breakfast top breakfasts breakfast recipes pancake recipe">
Ani jeden z těchto příkladů jsou doporučené., První řádek kódu ve skutečnosti vůbec neobsahuje žádný alt text (všimněte si, že citace jsou prázdné), zatímco druhý příklad ukazuje plnění klíčových slov v alt textu.
proč je Text Alt důležitý?
Přístupnost
Alt text je princip přístupného webového designu. Jeho původním (a stále primárním) účelem je popsat obrázky návštěvníkům, kteří je nemohou vidět. To zahrnuje čtečky obrazovek a prohlížeče, které blokují obrázky, ale zahrnuje také uživatele, kteří jsou zrakově postižení nebo jinak nemohou vizuálně identifikovat obrázek., Včetně alt textu s obrázky zajišťuje, že všichni uživatelé, bez ohledu na vizuální schopnosti, mohou ocenit obsah na vašem webu.
Image SEO
použití alt textu na vašich obrázcích může přispět k lepšímu uživatelskému zážitku, ale může vám také pomoci získat explicitní i implicitní výhody SEO. Spolu s implementací názvu obrázku a názvů souborů osvědčené postupy, včetně alt text může také přispět k image SEO.,
zatímco technologie rozpoznávání obrázků vyhledávače se v průběhu let výrazně zlepšila, prohledávače vyhledávání stále nemohou „vidět“ obrázky na webové stránce, jako můžeme, takže není moudré nechat interpretaci pouze v jejich rukou. Pokud tomu nerozumějí, nebo si to špatně,je možné, že byste mohli buď Hodnotit nezamýšlená klíčová slova, nebo úplně vynechat hodnocení.
zde je příklad: Google může vidět následující obrázek a být schopen dešifrovat, že je to muž na sobě kravatu a brýle, sedící u stolu.,
Jim Halpert z Kanceláře (US verzi)
Pokud se snažíte zařadit na „Jima Halperta zosobnění Dwight Schrute,“ i když, budete muset půjčit vyhledávač pomocnou ruku.
v tomto smyslu vám alt text nabízí další příležitost zahrnout cílové Klíčové slovo., S on-page klíčové využití stále táhl jako search engine ranking factor, je to ve vašem nejlepším zájmu, aby vytvořit alt text, který popisuje, jak obraz a, pokud je to možné, obsahuje klíčové slovo nebo fráze klíčového slova jste cílení.
Jak mohu napsat dobrý alt text?
popište obrázek co nejpřesněji. Alt text je především navržen tak, aby poskytoval textová vysvětlení obrázků uživatelům, kteří je nemohou vidět. pokud obrázek skutečně neposkytuje žádný význam/hodnotu a je tam jen pro účely návrhu,měl by žít v CSS, nikoli HTML.,
udržujte jej (relativně) krátký. Nejoblíbenější čtečky obrazovky odříznou alt text na přibližně 125 znacích, takže je vhodné jej ponechat na tomto počtu znaků nebo méně.
Použití klíčových slov Alt text poskytuje další příležitost patří vaše cílová klíčová slova na stránce, a tak další příležitost signál pro vyhledávače, že vaše stránka je vysoce relevantní pro konkrétní vyhledávací dotaz., Zatímco vaše první priorita by měla popisovat a poskytovat kontext obrázku, pokud to má smysl, zahrňte své klíčové slovo do alt textu alespoň jednoho obrázku na stránce.
Vyhněte se plnění klíčových slov. Google nebude ukotvit body za špatně napsaný text alt, ale budete mít potíže, pokud použijete svůj text alt jako příležitost k tomu, abyste do něj vložili tolik relevantních klíčových slov, kolik si myslíte. Zaměřte se na psaní popisného alt textu, který poskytuje kontext obrazu a pokud je to možné, zahrnuje vaše cílové Klíčové slovo a nechte ho na tom.
nepoužívejte obrázky jako text., To je méně alt textově specifické nejlepší praxe a více Obecné SEO-friendly Web Development princip. Protože vyhledávače nemohou číst text ve vašich obrázcích, měli byste se vyhnout používání obrázků namísto slov. Pokud to musíte udělat, Vysvětlete, co vaše fotografie říká ve vašem alt textu.
nezahrnují „image of“, „picture of“ atd. ve vašem alt textu. Předpokládá se, že váš alt text odkazuje na obrázek, takže není třeba jej specifikovat.
nezapomeňte longdesc=““. Prozkoumejte pomocí značky longdesc=““ pro složitější obrázky, které vyžadují delší popis.,
nezanedbávejte tlačítka formuláře. Pokud formulář na vašem webu používá obrázek jako tlačítko „Odeslat“, dejte mu atribut alt. Obrazová tlačítka by měla mít atribut alt, který popisuje funkci tlačítka jako „hledat“, „použít nyní“, „zaregistrovat se“ atd.
jak vypadá dobrý alt text?,3″>
Dobře alt text: <img src="https://moz.com/learn/seo/kwe.png" alt="kw explorer">
Lepší alt text: <img src="https://moz.com/learn/seo/kwe.png" alt="keyword research in Keyword Explorer">
Nejlepší alt text: <img src="https://moz.com/learn/seo/kwe.png" alt="Moz Keyword Explorer tool for SEO keyword research">
Udržet učení
Google Image Pokyny pro Publikování
On-Page Faktory Hodnocení
Meta Popis
Dát své schopnosti do práce
Page Optimalizace úseku Moz Pro, zdůrazňuje stránky, které nejsou žít až do plné vyhledávání viditelnost potenciál (a to zahrnuje věci, jako zda stránka je chybějící alt text)., Zkuste to >
