Alt szöveg: Alt szöveg: Mi az és hogyan kell írni

Intro

Ebben az útmutatóban megismerheti az alternatív szövegeket (alt szövegként ismert): mi az, miért fontos az oldalon belüli SEO szempontjából, hogyan kell helyesen használni, és még sok minden mást.

Az Alt szöveget gyakran figyelmen kívül hagyják, pedig a weboldalán minden képnek rendelkeznie kell vele. A több információ jobb, és a vizuális információk szövegre történő lefordítása kulcsfontosságú a keresőmotorok botjai és a képernyőolvasókkal rendelkező felhasználók számára. Az Alt szöveg olyan információforrás, amely összekapcsolja az ötleteket és a tartalmat a weboldalán.

Ez a gyakorlati útmutató olyan tippeket és tanácsokat tartalmaz, amelyeket azonnal felhasználhat honlapja arculatának SEO és hozzáférhetőségének javítására.

Mi az Alt szöveg?

Az alternatív szöveg (vagy alt szöveg) - más néven alt attribútum vagy alt tag (ami technikailag nem helyes, mert nem tag) - egy olyan szöveg, amely a képet írja le a HTML-kódban.

Mire használható az Alt szöveg?

Az alt szöveg eredeti funkciója az volt, hogy leírjon egy olyan képet, amelyet nem lehetett betölteni. Évekkel ezelőtt, amikor az internet még lassabb volt, az alt szöveg segített a felhasználóknak megérteni a betöltéshez túl nehéz kép tartalmát.

Ma az alt szöveg segít a keresőmotorok robotjainak megérteni a kép tartalmát és kontextusát. Ennél is fontosabb, hogy az alt szöveg a hozzáférhetőség és a képernyőolvasókat használó emberek számára kritikus fontosságú:

• A hozzáférhetőség érdekében: Az Alt-szöveg segít a fogyatékkal élőknek (például a képernyőolvasóknak) megérteni a kép tartalmát.

• SEO-hoz: Az Alt szöveg további kontextust biztosít a keresőmotorok számára, segítve őket abban, hogy jobban megértsék az oldal tartalmát.

Miért fontos az Alt szöveg

Az internet vizuális élmény, így az alt szöveg kulcsfontosságú. A szöveg szavakra fordítja a kép tartalmát, és így a szélesebb közönség számára is elérhetővé teszi azt, beleértve a fogyatékkal élőket és a keresőmotorok robotjait, amelyek még nem elég okosak ahhoz, hogy minden képet, annak kontextusát és jelentését teljes mértékben megértsék.

Miért fontos az Alt szöveg a SEO szempontjából

Az Alt-szöveg az oldalon belüli SEO-optimalizálás alapvető eleme. Az alt szöveg megfelelő optimalizálása javítja a webhely esélyeit a Google képkeresésekben való rangsorolásra, ami jelentős forgalmi forrást jelenthet, különösen a weboldalak számára, ahol a felhasználók gyakran a Google képkereséssel kezdik a termékkeresést.

Miért fontos az Alt szöveg a hozzáférhetőség szempontjából

A SEO-n túl az alt szöveg a hozzáférhetőség szempontjából is létfontosságú, így a web mindenki számára befogadhatóvá válik, beleértve a képernyőolvasót használó fogyatékkal élőket is. A kép tartalmának leírása az alt szövegben segít ezeknek a felhasználóknak megérteni a képet és az oldal tartalmát.

Alt szöveg példák

Jó Alt szöveg példák

Fontolja meg egy SEO audit útmutató elkészítését, amely képernyőmentéseket tartalmaz olyan eszközökből, mint a Google Search Console és a Screaming Frog. Jó példák az alt szövegre:

<img src="google-search-console-coverage-report.jpg" alt="A Google Search Console lefedettségi jelentése, amely az indexelt és kizárt oldalak számát mutatja"> <img src="google-search-console.jpg" alt="Google Search Console eszköz a Google-tól"> <img src="screaming-frog-html-pages.jpg" alt="HTML oldalak listája a Screaming Frog-ban"> <img src="screaming-frog.jpg" alt="Screaming Frog lánctérképezés folyamatban">

Rossz és/vagy spammelő Alt szöveg példák

A rossz alt szövegre példa a kulcsszótömés vagy a spamelés:

<img src="google-search-console-coverage-report.jpg" alt="seo audit ingyenes, seo audit olcsó, seo audit szakember, seo audit, seo audit, seo audit"> <img src="google-search-console.jpg" alt="google seo, seo google, google, seo, google search console seo"> <img src="screaming-frog-html-pages.jpg" alt="seo auditor, seo audit, seo audit"> <img src="screaming-frog.jpg" alt="seo audit">

Gyakori Alt szöveg hibák

• Alt szöveg használatának elmulasztása vagy üres alt szöveg használata.

• Ugyanaz az alt szöveg használata különböző képekhez.

• Nagyon általános alt szöveg használata, amely nem írja le a képet.

• Automatikusan a fájl nevét használja alt szövegként.

Alt szöveg írási tippek

• Ne írjon kulcsszavakat az alt szövegbe.

• Írja le a képet részletesen, de viszonylag röviden.

• Használja a célzott kulcsszavakat természetesen a kép leírásának részeként.

• Ne használjon szöveget a képeken. Minden szöveget a HTML-kódban adjon hozzá.

• Ne írja azt, hogy "ez egy kép". Csak írja le a kép tartalmát.

• Győződjön meg róla, hogy a kép tartalmát már az alt szöveg elolvasásával is el tudja képzelni.

Hogyan kell hibaelhárítani a kép Alt szövegét

Elemek ellenőrzése

Ellenőrizzen egy elemet (kattintson a jobb gombbal, és válassza az Ellenőrzés lehetőséget, amikor a kép fölé mozgatja az egérrel), hogy ellenőrizze, van-e alt szövege az adott képnek.

Tömeges elemzés

Tömeges elemzéshez használjon olyan eszközöket, mint a Screaming Frog vagy a Sitebulb a webhely feltérképezéséhez és a weboldal összes képének alt szövegének áttekintéséhez.

Alt szöveg Lehet, hogy nem tűnik prioritásnak, de nagyon fontos

A tartalommal kapcsolatos minden információforrásnak értéke van. Akár a látássérült felhasználók, akár a robotok számára, az alt szöveg segít kontextusba helyezni a weboldalán található képeket. A hozzáférhetőség iránti elkötelezettség demonstrálása szintén a modern digitális marketing kritikus eleme.

GYIK

Mi a célja az alt szövegnek a HTML-ben?

Az Alt szöveg szöveges leírást ad a képhez, ha az nem jeleníthető meg, segítve a felhasználókat a kép tartalmának megértésében és a keresőmotorok botjait a kép témájának megértésében.

Javíthatja-e az alt szöveg a weboldalak hozzáférhetőségét?

Igen, az alt szöveg létfontosságú a webhelyek hozzáférhetősége szempontjából. A vizuális információt olyan leíró szöveggé alakítja, amelyet a látássérült felhasználók által használt képernyőolvasók is el tudnak olvasni, így a web befogadóbbá válik.

Az alábbi tippek betartásával biztosíthatja, hogy weboldalának képei elérhetőek és SEO-optimalizáltak legyenek, javítva mind a felhasználói élményt, mind a keresőmotorok teljesítményét.