Како писати називе датотека слика који помажу SEO-у и приступачности

Називи датотека слика су важни, али не онолико колико се тврди

Називи датотека слика спадају у оне ситне веб детаље о којима људи често говоре са превише сигурности. Неки тимови их потпуно игноришу и објављују IMG_7421.jpg. Други сваку фотографију производа претварају у минијатурни есеј од кључних речи.

Корисна средина је једноставна: пишите називе датотека који јасно описују слику, помажу људима да управљају ресурсима и претраживачима дају мало додатног контекста. Не очекујте да ће називи датотека спасити слаб садржај, недостајући alt текст, споре слике или збуњујућу страницу.

Google изричито препоручује кратке, описне називе датотека за слике. То је добар савет. Али је и ограничен савет. Назив датотеке је један контекстуални траг међу многима: околни текст, наслов странице, структурирани подаци, потписи, alt текст, линкови, квалитет слике и то да ли је слика заиста корисна за страницу.

Слично је и са приступачношћу. Добар назив датотеке није замена за alt текст. Али може да умањи штету када нешто пође наопако и олакша живот уредницима, програмерима и корисницима који преузимају, чувају или деле датотеку.

Кратко правило

Користите назив датотеке који одговара на ово питање:

Ако би неко видео само назив датотеке, да ли би имао приближну представу шта слика садржи?

Добро:

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

Лоше:

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

Циљ није поезија. Циљ је корисна конкретност.

Шта добар назив датотеке слике ради за SEO

Добар назив датотеке помаже претраживачима да разумеју слику, нарочито у контексту претраге слика. Може да појача тему странице и предмет визуелног садржаја.

Али то је слаб сигнал у поређењу са основама:

• Слика се налази на релевантној страници.
• Околни текст објашњава или подржава слику.
• Слика има одговарајући alt текст када је потребан.
• Слика може да се попише и индексира.
• Датотека није непотребно велика.
• Страница се поуздано учитава.

Ако поправљате слике ради органске претраге, почните од релевантности и корисности странице. Затим средите називе датотека. Потом погледајте компресију, формате, димензије, lazy loading и структуриране податке тамо где је прикладно. Наш водич за формате слика у 2026. користан је додатак ако се сређивање назива претвори у шири рад на перформансама слика.

Шта добар назив датотеке слике ради за приступачност

Строго говорећи, називи датотека нису главни механизам приступачности за слике. Alt текст јесте.

Ако слика преноси информацију, атрибут alt треба да обезбеди текстуалну алтернативу. Ако је слика декоративна, атрибут alt обично треба да буде празан: alt="". Ако је слика линк или дугме, алтернативни текст треба да описује радњу или одредиште, а не само пикселе.

То смо детаљно обрадили у прагматичном водичу за alt текст слика у 2026., и вреди третирати alt текст као засебан уреднички задатак.

Зашто онда уопште бринути о називима датотека због приступачности?

Зато што се називи датотека често појављују на рубовима корисничког искуства:

• Неке комбинације асистивне технологије и прегледача могу приказати назив датотеке када alt текст недостаје.
• Преузетим сликама су потребни разумљиви називи изван веб странице.
• CMS медијске библиотеке лакше је ревидирати када су називи описни.
• Уредници ређе прикаче погрешну слику када су датотеке јасно именоване.
• Покварене слике и прикази за отклањање грешака лакше се тумаче.

Назив датотеке неће учинити неприступачну слику приступачном. Али лош назив датотеке може учинити кварове збуњујућим.

Практична конвенција именовања

Користите овај подразумевани образац:

subject-detail-context.ext

Примери:

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

За производе, нешто структуриранија верзија често боље функционише:

brand-product-model-color-view.ext

Примери:

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

За уредничке слике:

topic-specific-scene.ext

Примери:

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

За UI снимке екрана:

feature-state-device.ext

Примери:

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

Ово није ствар круте таксономије. Реч је о уклањању двосмислености.

Користите цртице, мала слова и обичне речи

За јавне веб ресурсе, предност дајте следећем:

• Мала слова
• Цртице између речи
• Без размака
• Без доњих црта
• Без интерпункције осим цртица
• Без специјалних знакова, осим ако их ваш систем не захтева

Добро:

blue-cotton-shirt-front.jpg

Избегавајте:

Blue Cotton Shirt (Front).jpg

blue_cotton_shirt_front.jpg

bluecottonshirtfront.jpg

Цртице су лакше за читање, лакше за копирање и широко се разумеју као раздвајачи речи у URL-овима. Мала слова такође избегавају досадне грешке осетљивости на велика и мала слова између локалног развоја, Linux сервера, CDN-ова и складишта објеката.

Нека називи датотека буду кратки, али не неодређени

Назив датотеке треба да буде довољно дугачак да опише слику и довољно кратак да остане читљив.

Корисан опсег је обично 3 до 8 речи пре екстензије.

Превише неодређено:

shoes.jpg

Боље:

red-running-shoes-side-view.jpg

Превише:

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

Боље:

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

Ако фраза звучи као упит за претрагу који је написао очајни маркетар, вероватно је предугачка.

Не претрпавајте називе датотека слика кључним речима

Претрпавање кључним речима у називима датотека обично је знак да страница не ради свој посао.

Лоше:

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

Ово није корисно корисницима. Није корисно уредницима. Није озбиљна пракса приступачности. Такође чини да ваш сајт делује мање квалитетно.

Користите природан назив онога што је приказано на слици. Ако се кључна реч уклапа зато што тачно описује слику, употребите је. Ако се не уклапа, изоставите је.

На пример, ако је слика фотографија црне кожне софе, black-leather-sofa-three-seat.jpg је у реду. best-modern-luxury-living-room-furniture-online.jpg није назив датотеке; то је позив у помоћ.

Ускладите назив датотеке са стварном сликом

Ово звучи очигледно, али библиотеке слика временом одлутају. Датотека названа homepage-hero-new.jpg може на крају приказивати други производ, другу особу или потпуно другачију кампању.

То ствара два проблема.

Прво, претраживачи и корисници добијају недоследне сигнале. Друго, тимови престају да верују медијској библиотеци.

Ако се значење слике промени, преименујте је пре објављивања. Ако ваш CMS или CDN отежава преименовање, размислите о коришћењу стабилних интерних ID-јева ресурса, уз генерисање описних јавних назива датотека где год је могуће.

Добар интерни ток рада могао би да буде:

1. Отпремите оригинални ресурс.
2. Уклоните непотребне метаподатке ако је приватност важна.
3. Преименујте изведену датотеку која се користи на сајту.
4. Извезите у одговарајућим димензијама и формату.
5. Додајте alt текст и потписе у CMS-у.

Ако фотографије долазе од корисника, запослених или теренских тимова, имајте на уму да су називи датотека само једна површина приватности. EXIF подаци могу садржати временске ознаке, детаље о камери и информације о локацији. Погледајте наш водич о томе како уклонити EXIF метаподатке пре дељења фотографија на интернету пре објављивања осетљивих слика.

Раздвојте називе датотека од alt текста

Честа грешка је коришћење исте фразе за назив датотеке и alt текст.

Понекад је то прихватљиво. Често је лењо.

Назив датотеке:

red-running-shoes-side-view.jpg

Добар alt текст на страници производа:

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

Добар alt текст на сличици за избор боје:

Red

Добар alt текст ако је слика декоративна:

alt=""

Назив датотеке идентификује ресурс. Alt текст служи кориснику у контексту. То су повезани задаци, али нису исти задаци.

Именовање слика за различите типове сајтова

Ecommerce

Укључите тип производа, важну варијанту и приказ.

Примери:

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

Избегавајте додавање цена, промоција или привременог језика кампање. То се пречесто мења.

Блогови и уреднички сајтови

Опишите сцену или концепт, а не наслов чланка.

Добро:

designer-reviewing-mobile-layout.jpg

Мање корисно:

ultimate-guide-to-mobile-ux.jpg

Слика се може поново користити, исецати или синдицирати. Назив заснован на сцени боље стари.

SaaS и документација

Именујте снимке екрана по функцији, стању и платформи.

Примери:

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

То знатно мање боли када се ажурира документација.

Локална предузећа

Користите услугу, објекат или локацију када је то заиста видљиво и релевантно.

Примери:

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

Не додајте називе градова у сваку датотеку ако слика то не подржава. Фотографија француског кључа није смислено wrench-london.jpg.

Шта је са димензијама и верзијама слика?

Избегавајте стављање димензија у главни описни назив, осим ако је вашем систему то потребно.

Боља породица ресурса:

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

Ако ваш систем за изградњу аутоматски генерише респонзивне варијанте, пустите га да дода ширине или хешеве. Немојте ручно одржавати десетине назива датотека, осим ако уживате у будућој археологији.

Хешеви садржаја су у реду за кеширање:

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

Описни део је и даље ту. Хеш служи машини.

Брза контролна листа пре објављивања

Пре објављивања слике, питајте:

• Да ли назив датотеке описује слику једноставним језиком?
• Да ли је написан малим словима и раздвојен цртицама?
• Да ли је без претрпавања кључним речима?
• Да ли избегава привремене речи као што су new, final или v2?
• Да ли alt текст има смисла у контексту странице?
• Да ли су формат и величина датотеке одговарајући?
• Да ли су осетљиви метаподаци уклоњени где је потребно?

Ако на то можете да одговорите потврдно, назив датотеке је вероватно довољно добар. Немојте трошити 20 минута на именовање декоративног раздвајача. Потрошите 20 секунди да спречите да DSC0038.jpg постане трајни јавни URL.

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

💡 Пробајте ово: Нормализујте називе датотека у lowercase-kebab-case групно помоћу Case Converter, тако да називи слика остану доследни у целом пројекту.

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

Тиха корист: бољи тимови

SEO вредност назива датотека слика је скромна. Оперативна вредност је већа.

Добри називи датотека чине медијске библиотеке претраживим. Смањују дупла отпремања. Помажу дизајнерима, програмерима, маркетарима и тимовима подршке да говоре о истом ресурсу без отварања шест прегледа. Убрзавају ревизије.

То је прави разлог за стандардизацију именовања слика. Претраживачи имају користи од јасноће, али имају је и људи. А људи су обично место где се рад прво поквари.