·2 min read·Esteettömyys ja SEO

Vaihtoehtoinen teksti

Alt teksti on alt-attribuutti kuvassa, että näytön lukijat lukevat ääneen ja että Google käyttää ymmärtää mitä kuva näyttää.

Kasper Hermann Due Stück
Perustaja ja verkkokaupan asiantuntijaKehittää Shopify-sovelluksia, jotka tukevat kauppiaiden hakukonenäkyvyyttä ja kasvua.

Mikä on alt tekstari?

Alt teksti (vaihtoehtoinen teksti) on kuvaus annat vuonna alt Ominaisuus <img> tag, esimerkiksi <img src="boot.jpg" alt="Brown leather boot seen from the side">. Näytönlukijat lukevat tekstin ääneen näkövammaisille, ja se näyttää varalle, jos kuva ei lataudu. Samalla Google käyttää alt-tekstiä signaalina siitä, mitä kuva kuvaa.

Mitä väliä sillä on?

Verkkokaupassa alt teksti ratkaisee kaksi asiaa kerralla: saavutettavuus ja SEO. Kuvaavan alt-tekstin ansiosta tuotekuvat ovat ymmärrettäviä asiakkaille, jotka kulkevat näytönlukijalla, ja hyvä kuvan saavutettavuus on edellytys monille kaupoille eurooppalaisessa esteettömyyslaissa. Se auttaa myös Googlea ymmärtämään ja indeksoimaan kuviasi, mikä voi tuoda lisäliikennettä Google Imagesista. Puhtaasti koristeellisten kuvien tulisi käyttää tyhjää alt-attribuuttia (alt="") joten näytön lukijat ohittaa ne sijaan ilmoittaa tiedostonimen.

Yleiset käyttötapaukset

  • Tuotekuvat: Kuvaile tuotetta erikseen (“punainen villapaita, jossa on rullankaula”) eikä vain “hiekka” tai tuote SKU.
  • Koristekuvat: Käyttö alt="" Taustat ja koristeet niin apuväline tekniikka jättää ne huomiotta.
  • Kuvat, joita käytetään linkkeinä tai painikkeina: Alt teksti toimii linkkitekstinä, ja siinä olisi kuvattava, mihin linkki johtaa.
  • Infografiikka ja teksti kuvissa: Esitä tärkeä teksti uudelleen, jotta piste ei häviä näytön lukijoille ja Googlelle.

Näytä perspektiivi

Shopifyssa voit muokata alt-tekstiä kunkin tuotteen median alla (klikkaa kuvaa ja valitse “Muokkaa alt-tekstiä”) ja teema yleensä tekee sen {{ image.alt }} Nestemäisenä. Shopify ei automaattisesti täytä mielekästä alt tekstiä; monet teemat palaavat tuotteen otsikko, joka on harvoin tarkka kuvaus. Pidä teksti ytimekkäänä (ihanteellisesti alle ~125 merkkiä), kuvaa kuva luonnollisesti ja vältä sisältö avainsanoja. Harkitse kuvien tallentamista nimellä WebP Nopeudelle … Alt teksti siirtyy eteenpäin tiedostomuodosta riippumatta.

Pocium päivitykset Shopify kauppiaille

Uusia sovelluksia, käytännön oppaita ja tuotepäivityksiä.