Hogyan írjunk nagy Alt szöveget a weboldal képeihez

Továbbá a megfelelő képek kiválasztása és megfelelő felkészítés az internetre, a nagyszerű alt szöveg írása kulcsfontosságú feladat, amelyet soha nem szabad elhanyagolni. Íme néhány mutató hatékony alternatív szöveg írására webhelye képeihez.

Ismételje meg a kép szövegét

Ha egy képen van szöveg, akkor ennek a szövegnek kell lennie az alt szövegnek. Felvehet más szavakat is, de az alt szövegnek ugyanazt kell mondania, mint a képnek. Például az Acme Widgets logójához, amely a tényleges szavakat tartalmazza, tartalmaznia kell alt szavakat, amelyek tartalmazzák ezeket a szavakat.

Ne feledje, hogy az olyan képek, mint a logók, képesek maga után von szöveg - például a piros golyó a Dotdash logóban. Ez egy pont, ezért az agy olvassa és emlékszik a "pont kötőjelre". Az ikon alternatív szövege lehet "Dotdash.com", nem csak "vállalati logó."

Dot dash logó
 Lifewire

Tartsa rövid a szöveget

Minél hosszabb az alt szöveg, annál nehezebb olvasni a szövegböngészők számára. Csábító lehet hosszú mondatok alt szöveget írni (ez egy általános kulcsszó-kitöltési gyakorlat, amely SEO büntetéseket vonhat maga után), de az alt címkék rövid megtartása az oldalakat kisebbé teszi. A kisebb oldalak gyorsabban letölthetők. Az édes pont öt és 15 szó között van.

instagram viewer

SEO kulcsszavainak használata Alt címkékben

Az alt tag fő célja nem a SEO érték növelése, hanem intelligens szöveg megjelenítése, amely elmagyarázza, hogy mi a kép. Az alt címke informatív, releváns szövege azonban pozitív hatással van a SEO értékére.

Ez azt jelenti, hogy a kulcsszavak alt szövegben történő használata mindaddig jó gyakorlat, amíg relevánsak. A keresőmotorok nem valószínű, hogy megbüntetnék a kulcsszavak odaillesztését, ha a hozzáadott tartalomnak van értelme. Ne felejtsük el, hogy az elsődleges prioritás az olvasók számára. A keresőmotorok észlelik kulcsszó spamelés könnyen, és a keresőmotorok gyakran megváltoztatják szabályaikat, hogy megakadályozzák a spammereket.

Általában ne használjon egynél több kulcsszót az alternatív szövegben.

Tartsa értelmes szövegét

Ne feledje, hogy az alt szöveg lényege, hogy képeket definiáljon az olvasók számára. Számos webfejlesztő az alt szöveget használja magának, és olyan információkat tartalmaz, mint a képméret, a fájlnevek stb. Ez hasznos lehet az Ön számára, de semmit sem tesz az olvasói számára - akik minden web-tervezésnél az elsőbbséget élvezik.

Csak üres ikonokat használjon ikonokhoz és golyókhoz

Időnként olyan képeket fog használni, amelyeken nincs hasznos leíró szöveg, például golyók és egyszerű ikonok. Ezeknek a képeknek a legjobb módja a CSS, ahol nincs szükség alternatív szövegre. De ha feltétlenül szükséged van rájuk HTML, használjon üres alt attribútumot ahelyett, hogy teljesen elhagyná.

Csábító lehet egy karaktert, például csillagot használni a golyó ábrázolásához, de ez zavaróbb lehet, mint egyszerűen üresen hagyni. A "bullet" szöveg használata még furcsábbá teszi a szövegböngészőben.

Miért olyan fontos az Alt szöveg?

A szövegböngészők és más webes felhasználói ügynökök, amelyek nem tudják megtekinteni a képeket, alt szöveggel "olvassák" a képeket. Ez több dolgot valósít meg:

  • Ez teszi a weboldalak képernyőolvasót vagy más segédeszközt használó emberek számára elérhető.
  • Ha egy képet nem sikerül betölteni, az alt szöveg közli a nézővel, hogy mi legyen ott.
  • A keresőmotorok nem "láthatják" a képeket, de képesek és képesek pók alt szövegre - így az alt szöveg beillesztése segíti az oldal SEO értékét.
instagram story viewer