4. Ellenőrizd a SEO-t és jelöld az AI-közreműködést

Állítsd be az oldal címét és metaleírását

A HTML-fájl <head> részében keresd meg a <title> elemet és a metaleírást. A cím röviden nevezze meg a szakkört és az iskolát. A metaleírás foglalja össze, mit talál a látogató az oldalon.

Az alábbi példa kitalált intézménynevet használ:

<title>Robotika szakkör | Minta Iskola</title>
<meta name="description" content="Ismerd meg a Minta Iskola robotika szakkörét: foglalkozások, részvételi tudnivalók és kapcsolattartó egy helyen.">

A meglévő elemeket módosítsd, így elkerülöd a duplikált címeket és metaleírásokat. A leírás kizárólag az oldalon valóban szereplő tartalmat ígérje.

Helyi ellenőrzés: mentés után frissítsd az oldalt a böngészőben. A lapfülön az oldal címét látod. A metaleírást a HTML-fájlban vagy a böngésző forrásnézetében ellenőrizheted.

A kereső a találati címet és leírást saját szempontjai szerint is összeállíthatja. A beállított szöveg megjelenése ezért változhat.

Ellenőrizd a címsorokat, képeket és hivatkozásokat

A jól tagolt oldal segíti az olvasást, a segítő technológiák használatát és a tartalom gépi értelmezését.

• Címsorok: ennél az egyszerű oldalnál használj egy főcímet, például <h1>Robotika szakkör</h1>. A nagyobb részek kapjanak h2 címsort, például „Mit csinálunk a foglalkozásokon?” és „Hogyan kapcsolódhatsz be?”. Egy rész alfejezete lehet h3.
• Természetes megfogalmazás: a szakkör neve és témája szerepeljen a megfelelő helyeken. Kerüld a keresőkifejezések erőltetett ismétlését.
• Alternatív szöveg: a tartalmi kép alt szövege írja le a kép adott helyzetben fontos jelentését. Például: alt="Összeszerelt oktatórobot színérzékelővel". A leírást igazítsd a tényleges képhez.
• Díszítő kép: a pusztán dekorációs képhez használj üres alternatív szöveget: alt="".
• Hivatkozások: a linkszöveg jelezze a célját, például „A szakkör részvételi tudnivalói”. Kattints végig minden hivatkozást, az oldalon belüli ugrásokat is.

Ha egy kép szöveges információt hordoz, például időpontot tartalmazó plakát, a lényeges tudnivalókat az oldal szövegében is jelenítsd meg.

Vesd össze az állításokat az eredeti információkkal

Az AI-val készített szöveg ellenőrzést igényel. A gördülékeny megfogalmazás mellett is előfordulhat hibás időpont, kitalált eredmény vagy pontatlan részvételi feltétel.

A szakköri oldalon nézd át különösen ezeket:

• a foglalkozás napja, időpontja és helyszíne;
• a célzott évfolyamok és a részvétel feltételei;
• az esetleges költségek és szükséges eszközök;
• a kapcsolattartó neve és közzétehető elérhetősége;
• a versenyeredmények, szakmai állítások és idézett adatok.

Gyakorlati módszer: az időpontot az aktuális iskolai beosztással, a részvételi feltételeket a szakkörvezető jóváhagyott tájékoztatásával vesd össze. A bizonytalan adatot tisztázd a közzététel előtt.

Külső szakmai állításnál adj meg releváns, ellenőrizhető forrást, például egy hivatalos versenykiírást. A forrás valóban támassza alá az állítást. A világos címsorok, a rövid válaszok és a forrásmegjelölések az AI-alapú keresők számára is segíthetik a tartalom értelmezését; az idézés vagy ajánlás továbbra is bizonytalan.

Tisztázd a képek felhasználási jogosultságát

Minden képnél legyen megállapítható, honnan származik, és milyen feltételekkel teheted közzé. Az internetes keresőben megtalált kép felhasználhatóságát külön ellenőrizd.

• Saját vagy iskolai fotó: tisztázd a szerzői jogosultságokat. Felismerhető személyek, különösen tanulók esetén az intézmény adatvédelmi és képmáskezelési szabályait is kövesd.
• Képtárból származó kép: olvasd el az adott kép licencfeltételeit. Ellenőrizd a forrásmegjelölés, az átdolgozás és a felhasználási cél feltételeit.
• AI-val generált kép: ellenőrizd a szolgáltatás felhasználási feltételeit és a képen megjelenő esetleges védett elemeket. Az AI-eredet önmagában nem rendezi az összes jogi kérdést.

Vezess egyszerű nyilvántartást: fájlnév, forrás, jogosultság vagy licenc, szükséges kredit. A jogosultságot igazoló dokumentumokat őrizd meg belső helyen.

Egy generált robotillusztráció mellett szerepelhet: „AI-val készített illusztráció.” Így a látogató számára elkülönül a tényleges szakköri fotóktól.

Próbáld ki mobilon és billentyűzettel

A helyben megnyitott HTML-oldalt már publikálás előtt tesztelheted. A böngésző fejlesztői eszközeinek mobilnézete segít a különböző képernyőszélességek kipróbálásában. A közzététel után valódi telefonon is végezd el az ellenőrzést.

Mobilnézetben figyeld meg:

• olvasható-e a szöveg, és elférnek-e a képek;
• megjelenik-e indokolatlan vízszintes görgetés;
• kényelmesen elérhetők-e a linkek;
• hosszabb címeknél is rendezett marad-e az oldal;
• nagyításkor is hozzáférhető-e minden tartalom.

Billentyűzetes próba: tedd félre az egeret, és a Tab billentyűvel haladj végig a hivatkozásokon és gombokon. A Shift + Tab visszafelé léptet. Hivatkozást az Enter billentyűvel nyithatsz meg.

Mindig legyen látható, melyik elemen áll a fókusz. A bejárási sorrend kövesse az oldal logikus olvasási rendjét. Ha elakad a navigáció, vagy eltűnik a fókuszjelzés, javítsd a hibát, majd ismételd meg a próbát.

Ez hasznos alapellenőrzés; a teljes akadálymentességi vizsgálat további teszteket is igényel.