Kaip rašyti vaizdų failų pavadinimus, kurie padeda SEO ir prieinamumui

Vaizdų failų pavadinimai svarbūs, bet ne tiek, kiek dažnai teigiama

Vaizdų failų pavadinimai yra viena iš tų smulkių žiniatinklio detalių, apie kurias kalbama pernelyg užtikrintai. Kai kurios komandos jų visiškai nepaiso ir publikuoja IMG_7421.jpg. Kitos kiekvieną produkto nuotrauką paverčia miniatiūriniu raktažodžių rašiniu.

Naudingas vidurio kelias paprastas: rašykite failų pavadinimus, kurie aiškiai apibūdina vaizdą, padeda žmonėms tvarkyti išteklius ir suteikia paieškos sistemoms šiek tiek papildomo konteksto. Nesitikėkite, kad failų pavadinimai išgelbės silpną turinį, trūkstamą alternatyvųjį tekstą, lėtus vaizdus ar painų puslapį.

Google aiškiai rekomenduoja vaizdams naudoti trumpus, aprašomuosius failų pavadinimus. Tai geras patarimas. Kartu tai ribotas patarimas. Failo pavadinimas yra viena iš daugelio kontekstinių užuominų: aplinkinis tekstas, puslapio pavadinimas, struktūrizuoti duomenys, antraštės, alternatyvusis tekstas, nuorodos, vaizdo kokybė ir tai, ar vaizdas iš tikrųjų naudingas puslapiui.

Su prieinamumu panašiai. Geras failo pavadinimas nepakeičia alternatyviojo teksto. Tačiau jis gali sumažinti žalą, kai kas nors nepavyksta, ir palengvina darbą redaktoriams, kūrėjams bei naudotojams, kurie atsisiunčia, išsaugo ar bendrina failą.

Trumpa taisyklė

Naudokite failo pavadinimą, kuris atsako į šį klausimą:

Jei kas nors matytų tik failo pavadinimą, ar jis apytikriai suprastų, kas yra vaizde?

Gerai:

• red-running-shoes-side-view.jpg
• checkout-error-message-mobile.png
• oak-dining-table-120cm-walnut.jpg
• team-planning-workshop-whiteboard.webp

Prastai:

• IMG_7421.jpg
• final-final-v3-new.jpg
• best-cheap-running-shoes-buy-online-discount-sale.jpg
• screenshot.png

Tikslas nėra poezija. Tikslas yra naudingas konkretumas.

Kuo geras vaizdo failo pavadinimas naudingas SEO

Geras failo pavadinimas padeda paieškos sistemoms suprasti vaizdą, ypač vaizdų paieškos kontekstuose. Jis gali sustiprinti puslapio temą ir vizualo objektą.

Tačiau tai silpnas signalas, palyginti su pagrindais:

• Vaizdas rodomas aktualiame puslapyje.
• Aplinkinis tekstas paaiškina arba pagrindžia vaizdą.
• Kai reikia, vaizdas turi tinkamą alternatyvųjį tekstą.
• Vaizdą galima aptikti ir indeksuoti.
• Failas nėra be reikalo didelis.
• Puslapis įkeliamas patikimai.

Jei tvarkote vaizdus organinei paieškai, pradėkite nuo puslapio aktualumo ir naudingumo. Tada sutvarkykite failų pavadinimus. Tuomet įvertinkite glaudinimą, formatus, matmenis, tingųjį įkėlimą ir, kur tinkama, struktūrizuotus duomenis. Mūsų gidas apie vaizdų formatus 2026 m. bus naudingas, jei pavadinimų tvarkymas virs platesniu vaizdų našumo darbu.

Kuo geras vaizdo failo pavadinimas naudingas prieinamumui

Griežtai kalbant, failų pavadinimai nėra pagrindinis vaizdų prieinamumo mechanizmas. Alternatyvusis tekstas yra.

Jei vaizdas perteikia informaciją, atributas alt turėtų pateikti tekstinę alternatyvą. Jei vaizdas dekoratyvinis, atributas alt paprastai turėtų būti tuščias: alt="". Jei vaizdas yra nuoroda arba mygtukas, alternatyvusis tekstas turėtų apibūdinti veiksmą ar paskirties vietą, o ne vien pikselius.

Tai išsamiai aptarėme pragmatiškame vaizdų alternatyviojo teksto gide 2026 m., ir verta alternatyvųjį tekstą laikyti atskira redakcine užduotimi.

Tad kodėl apskritai rūpintis failų pavadinimais prieinamumo požiūriu?

Nes failų pavadinimai dažnai pasirodo patirties pakraščiuose:

• Kai kurie pagalbinių technologijų ir naršyklių deriniai gali parodyti failo pavadinimą, kai trūksta alternatyviojo teksto.
• Atsisiųstiems vaizdams reikia suprantamų pavadinimų už tinklalapio ribų.
• CMS medijų bibliotekas lengviau audituoti, kai pavadinimai aprašomieji.
• Redaktoriai rečiau prisega netinkamą vaizdą, kai failai aiškiai pavadinti.
• Sugedusius vaizdus ir derinimo rodinius lengviau suprasti.

Failo pavadinimas nepadarys neprieinamo vaizdo prieinamo. Tačiau prastas failo pavadinimas gali padaryti klaidas painesnes.

Praktiška pavadinimų schema

Naudokite šį numatytąjį šabloną:

subject-detail-context.ext

Pavyzdžiai:

• espresso-machine-steam-wand-closeup.jpg
• pricing-table-enterprise-plan-desktop.png
• garden-chair-green-metal-front-view.webp
• password-reset-email-example.png

Produktams dažnai geriau tinka šiek tiek struktūriškesnė versija:

brand-product-model-color-view.ext

Pavyzdžiai:

• acme-trail-jacket-blue-front.jpg
• northline-desk-lamp-brass-side.webp
• terra-ceramic-mug-white-top-view.jpg

Redakciniams vaizdams:

topic-specific-scene.ext

Pavyzdžiai:

• remote-team-video-call-laptop.jpg
• city-bike-lane-rain-evening.jpg
• developer-debugging-http-headers-terminal.png

UI ekrano kopijoms:

feature-state-device.ext

Pavyzdžiai:

• checkout-validation-error-mobile.png
• account-settings-two-factor-enabled-desktop.png
• analytics-dashboard-empty-state-tablet.png

Tai nėra griežta taksonomija. Tai būdas pašalinti dviprasmybę.

Naudokite brūkšnelius, mažąsias raides ir paprastus žodžius

Viešiems žiniatinklio ištekliams rinkitės:

• Mažąsias raides
• Brūkšnelius tarp žodžių
• Be tarpų
• Be pabraukimų
• Be skyrybos ženklų, išskyrus brūkšnelius
• Be specialiųjų simbolių, nebent jų reikalauja jūsų sistema

Gerai:

blue-cotton-shirt-front.jpg

Venkite:

Blue Cotton Shirt (Front).jpg

blue_cotton_shirt_front.jpg

bluecottonshirtfront.jpg

Brūkšnelius lengviau skaityti, kopijuoti, o URL adresuose jie plačiai suprantami kaip žodžių skirtukai. Mažosios raidės taip pat padeda išvengti erzinančių didžiųjų ir mažųjų raidžių jautrumo klaidų tarp vietinės kūrimo aplinkos, Linux serverių, CDN ir objektų saugyklų.

Laikykite failų pavadinimus trumpus, bet ne miglotus

Failo pavadinimas turėtų būti pakankamai ilgas, kad apibūdintų vaizdą, ir pakankamai trumpas, kad išliktų skaitomas.

Naudingas intervalas paprastai yra 3–8 žodžiai iki plėtinio.

Per miglota:

shoes.jpg

Geriau:

red-running-shoes-side-view.jpg

Per daug:

best-lightweight-red-running-shoes-for-marathon-training-side-view-discount.jpg

Geriau:

red-marathon-running-shoes-side-view.jpg

Jei frazė skamba kaip paieškos užklausa, parašyta desperatiško rinkodaros specialisto, ji tikriausiai per ilga.

Nekimškite raktažodžių į vaizdų failų pavadinimus

Raktažodžių kimšimas į failų pavadinimus dažniausiai rodo, kad puslapis neatlieka savo darbo.

Blogai:

best-seo-agency-seo-services-seo-consultant-seo-company.jpg

Tai nenaudinga naudotojams. Tai nenaudinga redaktoriams. Tai nėra rimta prieinamumo praktika. Be to, dėl to svetainė atrodo prastesnės kokybės.

Naudokite natūralų vaizde rodomo dalyko pavadinimą. Jei raktažodis tinka, nes tiksliai apibūdina vaizdą, naudokite jį. Jei netinka, palikite jį nuošalyje.

Pavyzdžiui, jei vaizde yra juodos odinės sofos nuotrauka, black-leather-sofa-three-seat.jpg yra tinkama. best-modern-luxury-living-room-furniture-online.jpg nėra failo pavadinimas; tai pagalbos šauksmas.

Failo pavadinimą derinkite su tikruoju vaizdu

Tai skamba akivaizdžiai, bet vaizdų bibliotekos laikui bėgant nutolsta nuo tvarkos. Failas, pavadintas homepage-hero-new.jpg, galiausiai gali rodyti kitą produktą, kitą žmogų ar visiškai kitą kampaniją.

Tai sukuria dvi problemas.

Pirma, paieškos sistemos ir naudotojai gauna prieštaringus signalus. Antra, komandos nustoja pasitikėti medijų biblioteka.

Jei vaizdo reikšmė pasikeičia, prieš publikuodami jį pervadinkite. Jei jūsų CMS ar CDN apsunkina pervadinimą, apsvarstykite galimybę viduje naudoti stabilius išteklių ID, o viešus aprašomuosius failų pavadinimus generuoti ten, kur įmanoma.

Gera vidinė eiga galėtų būti tokia:

1. Įkelkite originalų išteklių.
2. Pašalinkite nereikalingus metaduomenis, jei svarbus privatumas.
3. Pervadinkite svetainėje naudojamą išvestinį failą.
4. Eksportuokite tinkamais matmenimis ir formatu.
5. CMS pridėkite alternatyvųjį tekstą ir antraštes.

Jei nuotraukos gaunamos iš naudotojų, darbuotojų ar komandų vietoje, atminkite, kad failų pavadinimai yra tik vienas privatumo paviršius. EXIF duomenyse gali būti laiko žymų, kameros duomenų ir vietos informacijos. Prieš publikuodami jautrius vaizdus, žr. mūsų gidą apie tai, kaip pašalinti EXIF metaduomenis prieš dalijantis nuotraukomis internete.

Atskirkite failų pavadinimus nuo alternatyviojo teksto

Dažna klaida — naudoti tą pačią frazę failo pavadinimui ir alternatyviajam tekstui.

Kartais tai priimtina. Dažnai tai tiesiog tingumas.

Failo pavadinimas:

red-running-shoes-side-view.jpg

Geras alternatyvusis tekstas produkto puslapyje:

Red running shoe shown from the side, with a white foam sole and black laces.

Geras alternatyvusis tekstas spalvos pasirinkimo miniatiūroje:

Red

Geras alternatyvusis tekstas, jei vaizdas dekoratyvinis:

alt=""

Failo pavadinimas identifikuoja išteklių. Alternatyvusis tekstas tarnauja naudotojui konkrečiame kontekste. Tai susiję darbai, bet ne tapatūs.

Vaizdų pavadinimai skirtingų tipų svetainėms

El. prekyba

Įtraukite produkto tipą, svarbią variaciją ir vaizdą.

Pavyzdžiai:

• linen-shirt-white-front.jpg
• linen-shirt-white-back.jpg
• linen-shirt-white-collar-detail.jpg

Venkite pridėti kainų, akcijų ar laikinos kampanijos kalbos. Tai pernelyg dažnai keičiasi.

Tinklaraščiai ir redakcinės svetainės

Apibūdinkite sceną ar sąvoką, o ne straipsnio antraštę.

Gerai:

designer-reviewing-mobile-layout.jpg

Mažiau naudinga:

ultimate-guide-to-mobile-ux.jpg

Vaizdas gali būti pakartotinai panaudotas, apkirptas ar sindikuotas. Scena pagrįstas pavadinimas sensta geriau.

SaaS ir dokumentacija

Ekrano kopijas pavadinkite pagal funkciją, būseną ir platformą.

Pavyzdžiai:

• billing-settings-payment-method-empty-state.png
• project-dashboard-filter-menu-open.png
• api-token-created-confirmation-modal.png

Tai gerokai sumažina dokumentacijos atnaujinimų skausmą.

Vietos verslai

Naudokite paslaugą, objektą ar vietą, kai tai iš tikrųjų matoma ir aktualu.

Pavyzdžiai:

• bakery-window-display-sourdough-loaves.jpg
• dental-clinic-reception-area-berlin.jpg
• plumber-repairing-kitchen-sink.jpg

Nepridėkite miestų pavadinimų prie kiekvieno failo, jei vaizdas to nepagrindžia. Veržliarakčio nuotrauka prasmingai nėra wrench-london.jpg.

O kaip dėl vaizdų matmenų ir versijų?

Venkite dėti matmenis į pagrindinį aprašomąjį pavadinimą, nebent to reikia jūsų sistemai.

Geresnė išteklių šeima:

• red-running-shoes-side-view.jpg
• red-running-shoes-side-view-800w.jpg
• red-running-shoes-side-view-1600w.jpg

Jei jūsų kūrimo sistema automatiškai generuoja adaptyvias versijas, leiskite jai pridėti pločius ar maišas. Neprižiūrėkite rankiniu būdu dešimčių failų pavadinimų, nebent mėgstate ateities archeologiją.

Turinio maišos tinka podėliavimui:

red-running-shoes-side-view.a8f31c.webp

Aprašomoji dalis vis dar yra. Maiša tarnauja mašinai.

Greitas kontrolinis sąrašas prieš publikavimą

Prieš publikuodami vaizdą, paklauskite:

• Ar failo pavadinimas paprasta kalba apibūdina vaizdą?
• Ar jis parašytas mažosiomis raidėmis ir atskirtas brūkšneliais?
• Ar jame nėra raktažodžių kimšimo?
• Ar jis vengia laikinų žodžių, tokių kaip new, final ar v2?
• Ar alternatyvusis tekstas prasmingas puslapio kontekste?
• Ar failo formatas ir dydis tinkami?
• Ar, kur būtina, pašalinti jautrūs metaduomenys?

Jei į tai galite atsakyti „taip“, failo pavadinimas tikriausiai pakankamai geras. Negaiškite 20 minučių pavadindami dekoratyvinį skirtuką. Skirkite 20 sekundžių, kad DSC0038.jpg netaptų nuolatiniu viešu URL.

<!-- tool-cta:start -->

💡 Išbandykite tai: Masiniu būdu normalizuokite failų pavadinimus į lowercase-kebab-case naudodami Case Converter, kad jūsų paveikslėlių pavadinimai išliktų nuoseklūs visame projekte.

<!-- tool-cta:end -->

Tylioji nauda: geresnės komandos

Vaizdų failų pavadinimų SEO vertė kukli. Operacinė vertė didesnė.

Geri failų pavadinimai padaro medijų bibliotekas ieškomas. Jie sumažina pasikartojančius įkėlimus. Jie padeda dizaineriams, kūrėjams, rinkodaros ir pagalbos komandoms kalbėti apie tą patį išteklių neatidarant šešių peržiūrų. Jie pagreitina auditus.

Tai ir yra tikroji priežastis standartizuoti vaizdų pavadinimus. Paieškos sistemoms aiškumas naudingas, bet žmonėms taip pat. O žmonės dažniausiai yra ta vieta, kur darbas pirmiausia ima strigti.