Monimuotoinen valmius: Kuvat, vaihtoehtoinen teksti ja kaaviot, joihin mallit voivat viitata

Monimuotoinen valmius: Kuvat, vaihtoehtoinen teksti ja kaaviot, joihin mallit voivat viitata

Kirjoittaja: Lukas Richter, vanhempi sisällön automaatioasiantuntija

Kaavio voi selittää sekunneissa sen, minkä sivullinen teksti selittämiseen kuluisi minuutteja. Mutta jos sen merkitys on olemassa vain kuvatiedostossa, monet lukijat – ja monet hakujärjestelmät – saattavat menettää sen olennaisen.

Siksi monimuotoisessa valmiudessa ei ole kyse useampien kuvien lisäämisestä. Kyse on jokaisen hyödyllisen kuvan pakkaamisesta niin, että sen merkitys on selkeä itse kuvassa, sivun tekstissä ja niitä yhdistävässä koodissa.

Yksi tärkeä rajoitus on: hyvä vaihtoehtoinen teksti voi auttaa järjestelmää ymmärtämään kuvan, mutta se ei takaa, että tekoälyavustaja viittaa sivulle. Kuvan ymmärtäminen ja verkkosivun valitseminen lähteeksi ovat eri vaiheita.

Mitä tutkimus osoittaa – ja mitä ei

Kuvatekstit voivat auttaa visuaalisten kysymysten kanssa

Jotkut tutkimukset osoittavat, että kuvaan liitetty teksti voi auttaa mallia vastaamaan sitä koskeviin kysymyksiin. Vuoden 2019 tutkimuksessa todettiin, että kappalemuotoisten kuvatekstien lisääminen kuviin paransi suorituskykyä visuaalisessa kysymys-vastaus -tehtävässä. Kuvatekstit antoivat yksityiskohtia, jotka oli helpompi yhdistää kysymykseen kuin pelkät kuvaominaisuudet. Tämä oli kuitenkin mallikoe – ei testi siitä, lisääkö vaihtoehtoisen tekstin lisääminen live-verkkosivulle tekoälyviittauksia. ACL Anthology paper (aclanthology.org)

Kaaviot ja diagrammit ovat myös edelleen vaikeita malleille lukea tarkasti. Eräässä kaavio-kysymys-vertailussa tutkijat löysivät heikkouksia tehtävissä, kuten arvojen välisten suhteiden löytämisessä. Heidän tuloksensa paranivat erityisellä tekstikehotteella, mikä osoittaa selkeän kielen arvon – mutta ei todista, että jokin tietty sivumuoto ansaitsisi enemmän viittauksia. ChartInsights benchmark (arxiv.org)

Laajempi opetus on käytännöllinen: visuaalinen voi sisältää hyödyllistä todistusaineistoa, mutta mallit saattavat silti jättää huomiotta pienet merkinnät, tarkat arvot tai vaiheiden välisen polun. Esimerkiksi OpenAI:n näköohjeistus varoittaa pienestä tekstistä, kaavioista, värikoodatuista elementeistä ja tarkasta tilallisesta päättelystä. OpenAI vision guide (developers.openai.com)

Parempi vaihtoehtoinen teksti ei ole viittauskytkin

Hakujärjestelmät voivat käyttää kuvien kuvauksia ja ympäröivää tekstiä ymmärtääkseen, mitä kuva esittää. Google sanoo käyttävänsä vaihtoehtoista tekstiä, konenäköä ja sivun sisältöä yhdessä ymmärtäessään kuvia Hakua varten. Se suosittelee myös kuvien sijoittamista relevantin tekstin lähelle. Tämä tukee hyödyllisen vaihtoehtoisen tekstin kirjoittamista, mutta se ei ole todiste siitä, että vaihtoehtoinen teksti itsessään saisi tekoälyavustajan viittaamaan sivulle. Google Image SEO guidance (developers.google.com)

Tässä artikkelissa tarkasteltu näyttö ei osoita, että pelkän vaihtoehtoisen tekstin muuttaminen nostaisi viittausasteita nykyisten tekoälyavustajien keskuudessa. Monet järjestelmät eivät selitä tarkasti, mitä sivun elementtejä ne lukevat tai miksi ne valitsevat yhden lähteen toisen sijaan. Google sanoo, että sen tekoälyhakutoiminnoilla ei ole erityisiä merkintävaatimuksia eivätkä ne takaa, että kelvollinen sivu näytetään. Google’s AI features guidance (developers.google.com)

Käsittele siis parannettua visuaalista pakkausta järkevänä, testattavissa olevana hypoteesina, ei lupauksena. Se voi tehdä sivusta helpommin käytettävän, helpommin jäsennettävän ja todennäköisemmin sisältävän tekstiä, joka vastaa suoraan kysymykseen. Se, viittaako avustaja siihen sitten, on erillinen mitattava tulos.

Pakkaa jokainen tärkeä visuaalinen todisteena

Vahva visuaalinen paketti koostuu neljästä osasta: kuva, tiivis vaihtoehtoinen teksti, kuvateksti ja läheinen tekstiselitys. Jokaisella osalla on oma tehtävänsä.

1. Kirjoita vaihtoehtoinen teksti lyhyeksi korvaajaksi

Vaihtoehtoisen tekstin tulisi antaa lukijoille, jotka eivät näe kuvaa, tiedot, joita he tarvitsevat seuratakseen sivua. Yksinkertaisen kaavion tapauksessa tämä saattaa mahtua yhteen lauseeseen. Monimutkaisen kaavion tai vuokaavion tapauksessa vaihtoehtoisen tekstin tulisi tunnistaa visuaalinen elementti ja sen pääasiallinen tarkoitus, ei tunkea jokaista yksityiskohtaa yhteen pitkään kuvaukseen.

Esimerkiksi:

alt="Kassavirta, jossa on uusintapolku maksuvirheen jälkeen."

Koristeelliselle kuvalle käytä tyhjää vaihtoehtoista tekstiä (alt=""), jotta apuvälineet voivat ohittaa sen. Älä jätä vaihtoehtoista tekstiä pois äläkä täytä sitä toistuvilla hakusanoilla. W3C:n monimutkaisten kuvien ohjeet ja Googlen kuvaohjeet erottavat lyhyet tekstivaihtoehdot täydellisemmistä kuvauksista. (w3.org)

2. Käytä kuvatekstiä ilmaisemaan kuvan pääpointti

Kuvatekstin tulisi auttaa lukijaa ymmärtämään, miksi kuva on tärkeä. Merkintä kuten ”Arkkitehtuurikaavio” on yleensä liian epämääräinen.

Hyödyllisempi kuvateksti on:

Kuva 1. Epäonnistunut maksu lähettää ostajan takaisin maksuvaiheeseen; ostoskori pysyy auki.

Käytä HTML-elementtejä <figure> ja <figcaption> yhdistääksesi kuvatekstin kuvaan. Selkeä kuvanumero tai nimi helpottaa myös viittaamista samaan visuaaliseen artikkeliin. Googlen dokumentaation tyylioppaassa on esimerkkejä kuvista, joihin on liitetty vaihtoehtoinen teksti, kuvatekstit ja pidemmät kuvaukset. (developers.google.com)

3. Sijoita koko selitys sivulle

Monimutkainen kaavio sanoo yleensä enemmän kuin lyhyt vaihtoehtoinen kuvaus voi. Sisällytä tärkeä merkitys myös tavalliseen sivun tekstiin. Vuokaavion tapauksessa kuvaa vaiheet ja mitä kussakin haarassa tapahtuu. Kaavion tapauksessa sisällytä ajanjakso, yksiköt, avainarvot ja trendi. Teknisen kaavion tapauksessa nimeä osat ja selitä, miten ne liittyvät toisiinsa.

W3C suosittelee lyhyttä kuvausta ja kattavampaa tekstikuvausta monimutkaisille kuville. Tämä kattavampi kuvaus voi olla itse artikkelissa, kuvan lähellä ja kaikkien lukijoiden saatavilla. Datataulukko voi auttaa, kun tarkat arvot ovat tärkeitä. W3C WAI: Complex Images (w3.org)

4. Pidä nimet ja merkinnät johdonmukaisina

Jos kaaviosi kutsuu jotain ”aktivoinniksi”, käytä samaa sanaa kuvatekstissä ja artikkelissa. Jos kuva esittää tärkeän tuloksen, ilmoita se lähellä olevassa lauseessa: ”Kuvassa 2 suurin osa rekisteröityneistä luopuu ennen ensimmäisen projektin luomista.”

Tämä ei ole maaginen viittauskikka. Se on tapa tehdä sivun todisteista helpommin seurattavia ja lainattavia. Google sanoo, ettei tekoäly-yleiskatsauksille tai tekoälytilalle ole erityistä skeemaa; hyödyllinen työ on pitää tärkeä sisältö tekstinä ja varmistaa, että strukturoitu data vastaa sitä, mitä ihmiset voivat nähdä. (developers.google.com)

Huomaa yksinkertainen vuokaavion malli:

html

Tärkein huomio kassavirrassa on, että maksun epäonnistuminen ei tyhjennä ostoskoria.

Kuva 1 sanoin: Ostoskori → toimitus → maksu → vahvistus. Jos maksu epäonnistuu, ostaja palaa maksuvaiheeseen ja ostoskori pysyy tallessa.

Lyhyt vaihtoehtoinen teksti tunnistaa kaavion. Kuvateksti kertoo sen pääkohdan. Viimeinen lause selittää polun selkeällä tekstillä. Kaavion, jossa on tarkkoja arvoja, tapauksessa lisää myös taulukko tai luettelo näistä arvoista.

Varmista, että indeksoijat voivat noutaa kuvan

Hyvin kuvailun kuvan on silti oltava saatavilla. Käytä normaalia HTML <img> -elementtiä, jossa on todellinen src-URL-osoite. Google sanoo löytävänsä kuvia <img>-elementin src:stä, mutta se ei indeksoi CSS-taustakuvia samalla tavalla. Sen kuvaohjeet tukevat myös CDN-palvelimella isännöityjä kuvia kuvasivukartoissa. Google Image SEO guidance (developers.google.com)

CDN:n osalta tarkista perusasiat:

• Kuvan URL-osoite toimii ilman sisäänkirjautumista tai vanhenevaa pääsytunnusta.
• Sivun indeksointioikeudet ja CDN:n tietoturvasäännöt sallivat molemmat pääsyn.
• Renderöidyn sivun kuvan URL-osoite on vakaa ja palauttaa oikean tiedoston.
• Responsiiviset kuvat sisältävät varalta src:n.
• Tärkeä teksti ei ole piilotettu kuvaan, kun se voisi olla todellista sivutekstiä.
• Taitteen alapuolella olevat kuvat latautuvat, kun ne tulevat näkyviin – ei vain sen jälkeen, kun henkilö napsauttaa tai selaa tavalla, jota indeksoija ei voi toistaa.

Googlen ohjeet laiskaan lataukseen sanovat, että kuvien URL-osoitteiden tulisi näkyä renderöidyssä HTML:ssä ja latautua, kun ne tulevat näkyviin. Se neuvoo myös välttämään kuvien laiskaa lataamista, jotka ovat jo näkyvissä, kun sivu avautuu. Google’s lazy-loading guidance (developers.google.com)

Tarkista käyttöoikeudet myös alustan mukaan. OpenAI dokumentoi OAI-SearchBotin hakurobottinaan ja sanoo sen olevan erillinen GPTBotista, joka liittyy koulutusdataan. Yhden salliminen ei edellytä toisen sallimista. Tämä on tärkeää, jos haluat hakunäkyvyyttä, mutta sinulla on erilainen mieltymys koulutuskäytön suhteen. OpenAI crawler documentation (developers.openai.com)

Testaa, viitataanko sivuillesi visuaalisten kysymysten yhteydessä

Älä luota muutamaan satunnaiseen chatbot-kehotteeseen. Suorita kaksi testiä, koska mallin ymmärtäminen ja verkkolähdeviittaus eivät ole sama asia.

Testi 1: Ymmärtääkö malli visuaalisen elementin?

Valitse joukko kaavioita ja diagrammeja. Kirjoita niistä riippuvaisia kysymyksiä, kuten:

• Mikä vaihe seuraa maksua?
• Mitä tapahtuu, jos maksu epäonnistuu?
• Minkä kuukauden konversioprosentti oli korkein?
• Mikä diagrammin mukaan on pääasiallinen syy käyttäjien poistumiseen?

Vertaa sitten mallin vastauksia kontrolloiduissa syöttöolosuhteissa:

1. Pelkkä kuva.
2. Kuva sekä sen vaihtoehtoinen teksti ja kuvateksti.
3. Kuva sekä nämä huomautukset ja sivun tekstiyhteenveto tai datataulukko.

Pidä malli, kysymys ja kuva samoina. Pisteet vastauksista oikeellisuuden mukaan, mukaan lukien tarkat arvot ja suhteet. Tämä auttaa osoittamaan, auttaako lisätty teksti mallia vastaamaan sinun kysymyksiisi. Se ei osoita, löytääkö tai viittaako verkkohakuavustaja sivulle.

Testi 2: Viittaako hakuavustaja sivulle?

Pienessä pilotissa parita samanlaisia kaaviopainotteisia sivuja. Lisää täysi visuaalinen paketti yhteen ryhmään; jätä vertailuryhmä nykyiseen saavutettavaan perustasoonsa. Älä poista välttämätöntä vaihtoehtoista tekstiä kontrolliryhmän luomiseksi. Valmistele kaksi sarjaa kysymyksiä: toiset, jotka vaativat kuvan lukemista, ja tavallisia kysymyksiä, joihin sivun teksti jo vastaa.

Aja samat kehotteet sinua kiinnostavissa hakuavustajissa. Tallenna päivämäärä, tuote, kysymys, vastaus ja viitattu sivu. Toista tarkistukset ajan mittaan, koska tulokset voivat muuttua. Odota, kunnes indeksoijasi tai hakutyökalusi osoittavat, että päivitetyt sivut on indeksoitu uudelleen. Google huomauttaa, että uudelleen indeksointi voi kestää päiviä tai kauemmin. (developers.google.com)

Seuraa neljää tulosta:

• Viittausaste: Kuinka usein vastaus viittaa sivulle?
• Vastauksen tarkkuus: Saisiko avustaja visuaalisen faktan oikein?
• Viittaustuki: Tukeeko viitattu sivu todella vastausta?
• Liiketulos: Auttoiko käynti, ohjaus tai liidi yritystä?

Vertaa visuaalisten kysymysten tuloksia tavallisten kysymysten kontrolliryhmään. Yksinkertainen ennen ja jälkeen -vertailu voi olla harhaanjohtava: avustaja, sen hakuindeksi ja laajempi verkko voivat kaikki muuttua samanaikaisesti. Vastaavat sivut ja toistuvat tarkistukset auttavat, mutta pieni testi tulisi silti raportoida pilottina, ei universaalina sääntönä.

Ole myös tarkka siitä, mitä tulos tarkoittaa. Jos sivua siteerataan useammin sen jälkeen, kun lisäät tekstiyhteenvedon, testi osoittaa, että koko paketti auttoi. Se ei todista, että avustaja luki itse kuvan. Viittauskojelautojen avulla voidaan nähdä, mitkä URL-osoitteet näkyvät tekoälyvastauksissa, mutta ei välttämättä sitä, mikä osa sivusta luettiin. Esimerkiksi Bingin tekoälyn suorituskykyraportti ilmoittaa siteeratut sivut ja kyselytiedot. Bing Webmaster Tools: AI Performance (blogs.bing.com)

Rakenna työ osaksi sisältöjärjestelmääsi

Perustajien ei pitäisi joutua kirjoittamaan kaaviota käsin uudelleen joka kerta, kun he julkaisevat artikkelin. Mutta automaation ei pitäisi keksiä, mitä kuva tarkoittaa.

Yksinkertainen työnkulku on:

1. Sisällöntuottaja toimittaa lähdeaineiston tai kaavion sekä pääkohdan, jonka hän haluaa lukijan ymmärtävän.
2. Sisällön työnkulku luonnostelee vaihtoehtoisen tekstin, kuvatekstin ja pelkän tekstin yhteenvedon näistä lähdemateriaaleista.
3. Henkilö tarkistaa, että kuvaus on tarkka ja että merkinnät, arvot ja reitit vastaavat visuaalista elementtiä.
4. Sivu julkaisee kuvan ja sen tekstin yhdessä.
5. Toistettava tarkistus vahvistaa, että lukijat ja indeksoijat pääsevät käsiksi molempiin.

Sisällöntuottajan näkemys on se osa, jota ei pitäisi automatisoida pois. Esimerkiksi perustaja voi haluta osoittaa paitsi sen, että rekisteröitymismäärät laskevat, myös sen, että tiimi päätti korjata ensimmäisen projektin asennuksen ennen lisäliikenteen hankkimista. Tämä on mielipide ja tuoteopetus, ei kuvatekstin tehtävä.

Automatisoidussa sisältömoottorissa luojan, yleisön ja tyylin syötteet voivat säilyttää tämän näkemyksen artikkeleissa. AutoPod käyttää näitä syötteitä ohjaamaan kutakin artikkelia, kun taas työnkulku käsittelee toistettavia tehtäviä, kuten kuvatekstien luonnostelua ja sivun rakenteen tarkistamista. Malli voi paketoida oivalluksen. Sen ei pitäisi keksiä oivallusta.

Johtopäätös

Vahvin perustelu kuvaileville vaihtoehtoisille teksteille, kuvateksteille, kuvien otsikoille ja lähellä oleville tiivistelmille ei ole luvattu SEO-noste. Se on se, että ne tekevät visuaalisesta elementistä helpommin ymmärrettävän, helpommin saavutettavan ja helpommin yhdistettävän sivun argumenttiin.

Se voi myös auttaa avustajaa vastaamaan visuaaliseen kysymykseen ja viittaamaan sivulle – mutta nostetta ei taata. Pakkaa kaaviot todisteina, tee kuvasta haettavissa ja mittaa viittaukset erikseen ymmärtämisestä. Tämä on yksinkertainen järjestelmä, jolla on ensisijaisesti arvoa lukijoille ja testattavissa oleva hyöty tekoälyn löydettävyyden kannalta.