teks alt

TL;DR — teks alt adalah sebuah pendek stand-di Anda tambahkan untuk sebuah image so orang siapa dapat’t see ini — dan mesin pencari — know apa ini adalah untuk. Anda tambahkan ini dengan alt attribute pada <img> element. ini adalah satu input ke accessibility (tidak sebuah jaminan dari penuh compliance oleh itself), dan ini helps Anda images tampilkan up di pencarian gambar. Deskripsikan apa image adalah melakukan pada itu halaman, tidak hanya apa ini menampilkan; jangan stuff di keywords; gunakan empty alt="" untuk purely decorative images; dan untuk icon buttons dan ditautkan images, deskripsikan tindakan atau destination alih-alih.

Apa teks alt adalah

Ketika Anda put sebuah image pada sebuah halaman web, code looks like ini:

<img src="dalmatian-puppy.jpg" alt="Dalmatian puppy playing fetch in a park">

itu alt="..." bagian adalah teks alt — pendek untuk alternative text. ini adalah sebuah ditulis stand-di untuk image: sebuah pendek deskripsi dari apa picture menampilkan atau melakukan. jika image dapat’t menjadi seen, teks alt adalah apa digunakan alih-alih.

Anda’ll sering hear orang panggil ini “alt tag.” (terjemahan) “alt tag.” itu’s umum name, tetapi ini adalah tidak quite right — <img> adalah tag, dan alt adalah sebuah attribute pada ini. I’ll gunakan “alt text” (terjemahan) “teks alt” dan “alt attribute” (terjemahan) “alt attribute” di sini, tetapi jika Anda say “alt tag,” (terjemahan) “alt tag,” everyone akan know apa Anda berarti.

baik teks alt tidak sebuah fixed deskripsi template — ini adalah chosen untuk apa image adalah melakukan pada itu particular halaman, tidak hanya apa visually di ini. yang sama photo dapat perlu berbeda teks alt (atau none di semua) di sebuah berbeda spot, depending pada apa ini adalah di sana untuk communicate dan apa sekitarnya text sudah says.

mengapa ini penting

teks alt melakukan dua penting jobs:

• Accessibility. Orang siapa adalah blind atau memiliki rendah vision gunakan screen readers itu baca halaman aloud. Ketika screen reader hits sebuah image, ini membaca alt text. Tidak teks alt, dan mereka mendapatkan tidak ada apa pun berguna — atau worse, reader announces image’s filename. ini tidak hanya nice-untuk-memiliki: missing teks alt adalah satu dari paling umum hal flagged di situs web accessibility lawsuits.
• Image SEO. mesin pencari dapat’t “see” (terjemahan) “see” sebuah picture cara Anda melakukan. teks alt adalah main cara Anda tell Google dan Bing apa sebuah image adalah tentang, yang helps Anda images tampilkan up di pencarian gambar.

cara tulis baik teks alt

sebuah sedikit sederhana aturan:

• Deskripsikan apa sebenarnya di image, di context dari Anda halaman. “Dalmatian puppy playing fetch di a park” (terjemahan) “Dalmatian puppy playing fetch di sebuah park” adalah great. “puppy dog pup pups doggies” (terjemahan) “puppy dog pup pups doggies” adalah keyword stuffing — jangan melakukan itu.
• jangan mulai dengan “Image dari” (terjemahan) “pembuka ‘gambar berupa’ yang tidak perlu” atau “Photo dari.” (terjemahan) “pembuka ‘foto berupa’ yang tidak perlu”. mesin pencari dan screen readers sudah know ini adalah sebuah image. hanya deskripsikan ini.
• pertahankan ini pendek. sebuah phrase atau sebuah kalimat. Anda tidak perlu sebuah paragraf.
• untuk decorative images, gunakan empty alt="". jika sebuah image adalah hanya sebuah divider line atau background flourish itu menambahkan tidak ada apa pun, memberikan ini alt="" (dengan tidak ada apa pun antara quotes). itu tells screen readers untuk skip ini. jangan leave alt attribute off entirely — itu’s sebenarnya worse. test: jika image menambahkan Tidak informasi beyond apa halaman sudah says elsewhere, ini adalah decorative.
• untuk icon-hanya buttons dan controls, deskripsikan tindakan, tidak icon. sebuah penelusuran button dengan sebuah magnifying-glass icon seharusnya say alt="Search", tidak alt="Magnifying glass" — person perlu untuk know apa happens ketika mereka activate ini.

hal sebagian besar orang mendapatkan wrong

teks alt mostly helps image penelusuran, tidak regular web penelusuran rankings. sebuah lot dari guides imply itu menambahkan teks alt untuk Anda images akan boost di mana Anda halaman peringkat di wajar hasil pencarian. ini benar-benar tidak berfungsi itu cara — Google’s John Mueller memiliki mengatakan ini banyak times. teks alt helps Anda images mendapatkan ditemukan di pencarian gambar, dan ini menambahkan sebuah little text untuk halaman, tetapi ini adalah tidak sebuah magic peringkat lever untuk web penelusuran.

ingin precise versi — tepat Google quotes, image-penelusuran-vs-web-penelusuran pembedaan, decorative images, ditautkan images, dan cara temukan missing teks alt di scale? Switch untuk Advanced tab.

TL;DR — teks alt adalah nilai dari alt attribute pada sebuah <img> element — diperlukan oleh HTML, sebuah accessibility necessity, dan paling penting piece dari image metadata untuk penelusuran. nuance sebagian besar guides botch: ini primarily memengaruhi pencarian gambar, tidak web penelusuran rankings (Mueller, repeatedly). Google membaca ini alongside computer vision dan halaman context, so tulis untuk context, tidak bare deskripsi. jangan keyword-stuff, jangan open dengan “image dari,” (terjemahan) “pembuka ‘gambar berupa’ yang tidak perlu,” dan gunakan alt="" (tidak sebuah missing attribute) untuk decorative images. pada sebuah ditautkan image, teks alt acts sebagai teks jangkar. ada Tidak Google character limit; 155 chars adalah sebuah writing guideline. Missing alt adalah single sebagian besar umum teknis issue pada web — 80,4% dari situs memiliki setidaknya satu.

Apa teks alt sebenarnya adalah

teks alt adalah nilai dari alt attribute pada sebuah HTML <img> element:

<img src="dalmatian-puppy.jpg" alt="Dalmatian puppy playing fetch">

ini adalah sebuah pendek text substitute untuk image — untuk screen-reader pengguna, untuk crawler, dan untuk browser di mana image adalah disabled atau fails untuk muat. Satu terminology note worth getting right: ini adalah frequently called “alt tag,” (terjemahan) “alt tag,” tetapi itu’s sebuah misnomer. tag adalah <img>; alt adalah sebuah attribute pada itu tag. label adalah so entrenched itu I tidak akan fight ini, tetapi precise istilah adalah alt attribute, dan text di dalam ini adalah teks alt.

alt attribute adalah diperlukan pada <img> elements oleh HTML specification. Omitting ini entirely adalah sebuah conformance error. sebuah empty nilai (alt="") adalah valid dan bermakna — ini adalah correct cara untuk mark sebuah decorative image (lebih pada itu di bawah).

Choosing apa untuk tulis adalah tidak sebuah penting dari berjalan melalui sebuah universal deskripsi recipe. right teks alt adalah sebuah function dari image’s purpose di itu spesifik spot pada halaman — tidak sebuah literal inventory dari apa di frame. yang sama image dapat legitimately perlu berbeda teks alt (atau sebuah empty satu) depending pada di mana ini sits dan apa sekitarnya konten sudah conveys; ada Tidak single “correct” (terjemahan) “correct” caption independent dari context.

teks alt memiliki dua terpisah SEO jobs — dan satu dari them adalah overstated

ini adalah pembedaan sebagian besar “alt text untuk SEO” (terjemahan) “teks alt untuk SEO” guides blur, dan ini adalah di mana nyata nilai dari ini halaman adalah. teks alt melakukan dua berbeda hal untuk penelusuran:

1. ini menambahkan text untuk halaman. Google counts teks alt sebagai bagian dari pada-halaman text. Mueller: “Itu alt text adalah essentially shown ketika itu images adalah turned off di paling browsers, so itu sesuatu itu we akan count sebagai part dari itu pada-halaman text.” (terjemahan) “ teks alt adalah essentially ditampilkan ketika images adalah turned off di sebagian besar browser, so itu’s sesuatu itu kami akan count sebagai bagian dari pada-halaman text.” itu’s nyata, tetapi kecil.

2. ini sinyal apa sebuah image adalah tentang — untuk pencarian gambar. ini adalah utama job. Google’s own documentation panggilan teks alt “the most important attribute” (terjemahan) “atribut yang paling penting” untuk providing image metadata, dan Mueller frames -nya effect sebagai living di image penelusuran: “if someone is searching in Google Images for something that kind of matches the alt text, then we can use that to understand that your image is relevant.” (terjemahan) “jika seseorang mencari sesuatu di Google Images yang kurang lebih cocok dengan teks alt, kami dapat menggunakannya untuk memahami bahwa gambar Anda relevan.”

Di sini’s bagian untuk internalize: menambahkan teks alt melakukan tidak membuat sebuah halaman peringkat lebih tinggi di web penelusuran sekadar karena ini memiliki images. Mueller put ini secara langsung: “ini tidak itu case itu we akan say a textual webpage memiliki lebih value karena it memiliki images. ini benar-benar sekadar we see itu alt text dan we apply itu untuk itu image, dan jika seseorang searches untuk itu image we dapat gunakan itu untuk better understand itu image.” (terjemahan) “ini adalah tidak case itu kami akan say sebuah textual webpage memiliki lebih nilai karena ini memiliki images. ini adalah benar-benar hanya kami see teks alt dan kami apply itu untuk image, dan jika seseorang searches untuk image kami dapat gunakan itu untuk better memahami image.”

So jika Anda goal adalah image-penelusuran visibilitas (dan referral traffic itu brings), teks alt penting sebuah lot. jika Anda’re hoping teks alt alone akan lift Anda blue-tautan web rankings, Anda’ve mendapat wrong alat. ini adalah yang sama poin I membuat di my JavaScript SEO tulis-up: untuk web penelusuran, teks alt counts sebagai pada-halaman text tetapi -nya importance adalah sering overstated — -nya nyata payoff adalah pencarian gambar dan accessibility.

ini adalah tidak satu-satunya sinyal Google menggunakan

teks alt tidak baca di sebuah vacuum. Google: “Google menggunakan alt text along dengan computer vision algorithms dan itu contents dari itu halaman untuk understand itu subject matter dari itu image.” (terjemahan) “Google menggunakan teks alt along dengan computer vision algorithms dan contents dari halaman untuk memahami subject penting dari image.” Computer vision dapat sudah tell ini adalah sebuah beach. teks alt’s job adalah hal model dapat’t infer — context: mengapa ini image adalah pada ini halaman, dan apa ini berarti di sini. itu’s mengapa Mueller’s 2024 advice lands so well: AI itu spits out “photo of a beach” (terjemahan) “foto pantai” secara teknis mendeskripsikan piksel tetapi menyia-nyiakan opportunity, karena “the alt-text is unique in that it’s what directly connects the image to the page with context.” (terjemahan) “teks alt unik karena secara langsung menghubungkan gambar dengan halaman dalam konteksnya.” yang sama beach photo mungkin warrant berbeda teks alt pada sebuah surfing halaman versus sebuah nyata-estate listing versus sebuah climate artikel.

Accessibility — dan legal stakes

sebelum ini adalah sebuah SEO asset, teks alt adalah sebuah accessibility requirement. WCAG 2.x Success Criterion 1.1.1 (Non-text konten), tingkat sebuah memerlukan sebuah text alternative untuk non-text konten. Screen-reader pengguna rely pada ini; tanpa ini, sebuah image adalah sebuah dead spot di halaman, dan sebuah omitted alt attribute dapat membuat beberapa readers announce mentah filename alih-alih.

itu’s satu success criterion among dozens. Getting teks alt right satisfies 1.1.1 untuk Anda images, tetapi ini tidak oleh itself establish penuh WCAG conformance — atau ADA compliance — untuk sebuah halaman atau sebuah situs. itu bergantung pada terpisah criteria too (color contrast, keyboard access, form labels, heading structure, dan lebih). Treat alt text sebagai sebuah necessary piece dari accessibility, tidak seluruh dari ini.

ini memiliki teeth. Missing alt attributes adalah routinely cited di ADA situs web accessibility lawsuits, yang jalankan ke thousands annually di US. sebagai I note di my JavaScript SEO guide, “missing alt attributes adalah an accessibility issue, yang mungkin turn menjadi a legal issue.” (terjemahan) “missing alt attributes adalah sebuah accessibility issue, yang dapat turn ke sebuah legal issue.” itu reframes perbaiki: ini adalah sebuah compliance tindakan pertama, sebuah SEO tindakan kedua. ini adalah juga mengapa SEO crawler (Ahrefs situs Audit disertakan) flag missing alt di bawah teknis issues.

cara tulis teks alt itu berfungsi

• Lead dengan context, tidak sebuah caption. Deskripsikan apa image berarti untuk halaman, tidak hanya apa visually di ini. Mueller, pada pencarian gambar: “Anda jangan niscaya perlu untuk deskripsikan persis apa adalah di itu image, tetapi rather kind dari like apa ini image berarti untuk Anda particular halaman.” (terjemahan) “Anda tidak niscaya perlu untuk deskripsikan persis apa adalah di image, tetapi rather jenis dari like apa ini image berarti untuk Anda particular halaman.”
• jangan mulai dengan “Image dari” (terjemahan) “pembuka ‘gambar berupa’ yang tidak perlu” / “Photo dari.” (terjemahan) “pembuka ‘foto berupa’ yang tidak perlu”. Google’s Lizzi Sassman: “We sudah adalah aware itu ini an image. Anda jangan perlu untuk say, ‘ini an image dari’ dan lalu itu hal.” (terjemahan) “kami sudah adalah aware itu ini adalah sebuah image. Anda tidak perlu untuk say, ‘ini adalah sebuah image dari’ dan lalu hal.” sebuah descriptive phrase adalah fine — ini tidak memiliki untuk menjadi sebuah penuh kalimat.
• gunakan keywords naturally, tidak pernah stuff. Google: “focus on creating useful, information-rich content that uses keywords appropriately and is in context.” (terjemahan) “fokus membuat konten berguna dan kaya informasi, dengan kata kunci yang digunakan secara tepat sesuai konteks.” dan warning: “Avoid filling alt attributes with keywords… as it results in a negative user experience and may cause your site to be seen as spam.” (terjemahan) “hindari mengisi atribut alt dengan kata kunci karena dapat menghasilkan pengalaman pengguna yang buruk dan membuat situs tampak seperti spam.” Gary Illyes put ini plainly: teks alt “tidak seharusnya menjadi apa Anda ingin untuk rank untuk, tetapi apa di itu image.” (terjemahan) “tidak seharusnya menjadi apa Anda ingin peringkat untuk, tetapi apa di image.”
• jangan copy Anda sekitarnya paragraf ke alt. Mueller: “I tidak akan sekadar blindly copy dan paste itu sama text itu Anda sudah memiliki pada a halaman sebagai an alt text.” (terjemahan) “I tidak akan hanya blindly copy dan paste yang sama text itu Anda sudah memiliki pada sebuah halaman sebagai sebuah alt text.” alt attribute adalah sebuah unique opportunity untuk tambahkan context, tidak sebuah duplicate.
• ada Tidak Google character limit. Mueller: “we jangan memiliki any guidelines dengan regards untuk bagaimana long Anda alt text dapat menjadi.” (terjemahan) “kami jangan memiliki apa pun guidelines dengan regards untuk bagaimana panjang Anda teks alt dapat menjadi.” widely-cited “125 characters” (terjemahan) “125 characters” muncul dari accessibility alat; Google’s Developer Style Guide suggests 155 characters atau lebih sedikit sebagai sebuah writing guideline, tidak sebuah hard cap. pertahankan ini pendek karena panjang deskripsi interrupt reading flow untuk screen-reader pengguna — tidak karena Google truncates ini.
• gunakan consistent teks alt untuk repeated images. jika yang sama image muncul di multiple places, memberikan ini yang sama teks alt.

Decorative images: alt="", tidak sebuah missing alt

untuk purely decorative images — spacers, dividers, background flourishes itu carry Tidak informasi — correct pattern adalah sebuah empty alt attribute:

<img src="divider.svg" alt="">

alt="" tells assistive technology image adalah decorative dan seharusnya menjadi skipped. ini adalah tidak yang sama sebagai leaving attribute off. Omitting alt entirely adalah sebuah HTML spec violation, dan ini dapat penyebab beberapa screen readers untuk baca filename aloud. So: decorative mendapatkan alt="" (empty nilai present), tidak pernah sebuah missing attribute, dan tidak pernah sebuah deskripsi. sebagai I put ini di my JavaScript SEO guide — perbaiki alt untuk main konten images, tetapi untuk placeholder atau decorative images Anda dapat leave alt blank (meaning alt="").

test untuk “decorative” (terjemahan) “decorative”: melakukan image tambahkan informasi halaman tidak sudah convey elsewhere — di sekitarnya text, sebuah caption, atau halaman’s structure? jika tidak (sebuah spacer, sebuah repeated icon berikutnya untuk text itu sudah says yang sama hal, sebuah stock photo digunakan sebagai pure visual filler), ini adalah decorative dan mendapatkan alt="". jika ini melakukan tambahkan informasi tidak ada apa pun else pada halaman menyediakan, ini tidak decorative, Tidak penting bagaimana kecil atau stylistic ini looks.

Functional images: deskripsikan tindakan, tidak icon

beberapa images adalah neither purely decorative nor sebuah sederhana informative picture — mereka’re controls: sebuah icon-hanya penelusuran button, sebuah hamburger menu icon, sebuah play button pada sebuah video thumbnail. untuk ini, teks alt seharusnya deskripsikan apa activating control melakukan, tidak apa icon looks like.

<!-- Weak: describes the icon -->
<button><img src="magnifying-glass.svg" alt="Magnifying glass icon"></button>

<!-- Better: describes the action -->
<button><img src="magnifying-glass.svg" alt="Search"></button>

sebuah screen-reader pengguna siapa hears “magnifying glass icon” (terjemahan) “magnifying glass icon” tidak know apa happens jika mereka activate control; “Penelusuran” (terjemahan) “Penelusuran” tells them immediately. ini adalah yang sama principle behind ditautkan images di bawah — teks alt menyajikan image’s function pada halaman — tetapi ini applies bahkan ketika ada Tidak <a> involved.

ditautkan images: teks alt becomes teks jangkar

Ketika sebuah image adalah sebuah tautan — wrapped di sebuah <a> — -nya teks alt functions sebagai teks jangkar untuk itu tautan. Google: “Alt text di images adalah useful sebagai anchor text jika Anda decide untuk gunakan an image sebagai a link.” (terjemahan) “teks alt di images adalah berguna sebagai teks jangkar jika Anda decide untuk gunakan image sebagai sebuah tautan.” sebuah image-hanya tautan dengan empty alt adalah equivalent dari sebuah empty teks jangkar, yang adalah buruk untuk keduanya accessibility ( screen reader dapat’t deskripsikan destination) dan untuk tautan sinyal. untuk sebuah ditautkan image, teks alt seharusnya deskripsikan di mana tautan goes, tidak hanya apa picture menampilkan.

Cakupan ini precisely: apa Google documents adalah secara khusus tentang menggunakan teks alt sebagai teks jangkar untuk sebuah dapat di-crawl tautan. ini adalah lebih sempit daripada penuh “accessible name” (terjemahan) “accessible name” computation browser dan assistive technology gunakan, yang dapat juga pull dari aria-label, aria-labelledby, atau sekitarnya tautan text — teks alt adalah satu input ke itu lebih luas calculation, tidak seluruh dari ini.

SVGs adalah berbeda

Inline <svg> elements jangan take sebuah alt attribute — itu’s untuk <img>. untuk memberikan sebuah inline SVG sebuah accessible name, gunakan <title> element referenced dengan aria-labelledby:

<svg role="img" aria-labelledby="logo-title">
  <title id="logo-title">Acme Corp logo</title>
  <!-- paths… -->
</svg>

(sebuah SVG referenced melalui <img src="logo.svg"> menggunakan sebuah wajar alt attribute like apa pun lainnya image — ini hanya applies untuk inline SVG markup.)

Anti-patterns untuk hindari

• Keyword stuffing — spam sinyal Google explicitly warns tentang.
• Copying sekitarnya paragraf ke alt attribute verbatim.
• “Image dari” (terjemahan) “pembuka ‘gambar berupa’ yang tidak perlu” / “Photo dari” (terjemahan) “pembuka ‘foto berupa’ yang tidak perlu” openers — redundant.
• Omitting alt pada decorative images alih-alih menggunakan alt="".
• AI-generated “photo dari X” (terjemahan) “photo dari X” deskripsi itu ignore halaman context.
• Putting Anda company name di blank alt attributes. Mueller adalah blunt tentang ini satu: “It membuat Tidak sense, it seems like a waste dari time untuk me: setelah wasted time untuk implement, dan again wasted time untuk bersih up kemudian pada.” (terjemahan) “ini membuat Tidak sense, ini seems like sebuah waste dari time untuk me: setelah wasted time untuk implement, dan again wasted time untuk bersih up kemudian pada.”
• Confusing alt dengan title attribute. title attribute menampilkan sebagai sebuah hover tooltip; ini adalah tidak teks alt dan carries little SEO atau accessibility weight.

Finding dan memperbaiki missing teks alt

Missing alt attributes tidak sebuah edge case — mereka’re default failure state dari web. di kami situs audit study dari di atas sebuah million domains, 80,4% dari situs memiliki missing alt attributes pada setidaknya satu halaman, membuat ini single sebagian besar prevalent SEO teknis issue kami ditemukan.

untuk temukan them:

• Ahrefs situs Audit → Images report flags images missing alt attributes di seluruh Anda situs. (Ahrefs Webmaster alat memberikan Anda ini free untuk situs Anda verify.)
• Manual spot-memeriksa — inspect element pada key konten images, atau gunakan browser accessibility extension.

Priority order ketika Anda perbaiki them:

1. Main konten images pertama — ones itu carry meaning dan dapat earn image penelusuran traffic.
2. ditautkan images — empty alt di sini adalah doubly costly (teks jangkar + accessibility).
3. Decorative images terakhir — dan perbaiki adalah alt="", tidak sebuah deskripsi.

sebuah note pada expectations: SearchPilot’s split tests pada menambahkan teks alt memiliki telah inconclusive / tidak statistically significant untuk web rankings — consistent dengan poin di atas itu teks alt’s payoff adalah di pencarian gambar dan accessibility, tidak sebuah web-peringkat boost. dan Mueller’s reassurance untuk situs starting dari zero coverage: “if you’re just adding alt text for the first time, then sometimes, even any alt text is better than nothing.” (terjemahan) “jika Anda’re hanya menambahkan teks alt untuk pertama time, lalu sometimes, bahkan apa pun alt text adalah better daripada tidak ada apa pun.”

untuk menjadi direct tentang ini: tidak ada apa pun di ini piece backs sebuah jaminan itu memperbaiki teks alt moves rankings, traffic, atau AI-penelusuran citations oleh apa pun set amount — Tidak reviewed official sumber membuat itu promise, dan split-test evidence di atas adalah inconclusive. Apa teks alt reliably melakukan adalah close sebuah accessibility kesenjangan dan memberikan Google’s pencarian gambar algorithm metadata ini explicitly says ini menggunakan.

untuk bigger picture — filenames, image sitemaps, lazy-memuat, formats, dan responsive images — see lebih luas image SEO hub ini artikel sits di bawah.

AI summary

sebuah condensed take pada Advanced versi:

• Apa ini adalah: teks alt adalah nilai dari alt attribute pada sebuah <img> element — sebuah pendek text substitute chosen untuk image’s purpose dan context, tidak sebuah literal inventory dari pixels. diperlukan oleh HTML. Commonly miscalled “alt tag” (terjemahan) “alt tag” (<img> adalah tag; alt adalah attribute).
• Dua SEO jobs, satu overstated: (1) ini menambahkan pada-halaman text — nyata tetapi minor; (2) ini sinyal apa sebuah image adalah tentang untuk pencarian gambar — utama nilai. menambahkan teks alt melakukan tidak lift web rankings hanya karena sebuah halaman memiliki images (Mueller, repeatedly), dan Tidak reviewed official sumber promises sebuah peringkat, traffic, atau AI-citation outcome dari menambahkan ini.
• Tidak satu-satunya sinyal: Google membaca teks alt dengan computer vision dan halaman context. So tulis untuk context — mengapa image adalah pada ini halaman — tidak sebuah bare “photo of a beach” (terjemahan) “caption ‘foto pantai’ yang generik”.
• Accessibility + legal: WCAG 1.1.1 (tingkat sebuah) memerlukan sebuah text alternative; missing alt adalah sebuah frequent ADA lawsuit item. tetapi 1.1.1 adalah satu criterion among dozens — teks alt alone tidak establish penuh WCAG conformance atau ADA compliance untuk sebuah halaman atau situs. Compliance pertama, SEO kedua.
• Writing aturan: lead dengan context; jangan open dengan “image dari” (terjemahan) “image dari”; gunakan keywords naturally (Tidak stuffing, Tidak fixed formula); jangan copy sekitarnya paragraf; Tidak Google character limit (155 chars adalah sebuah style-guide writing target, tidak sebuah cap).
• Gambar dekoratif: gunakan alt="" (nilai kosong yang tetap hadir) — bukan atribut yang hilang dan bukan deskripsi. Uji: apakah gambar ini menambahkan informasi yang belum disampaikan di tempat lain? Jika tidak, gambar ini dekoratif.
• Functional images: icon-hanya buttons dan controls (penelusuran icon, hamburger menu) mendapatkan teks alt describing tindakan, tidak icon’s appearance.
• ditautkan images: teks alt acts sebagai teks jangkar untuk sebuah dapat di-crawl tautan — lebih sempit daripada penuh “accessible name” (terjemahan) “accessible name” computation assistive tech menggunakan.
• SVG: inline SVGs gunakan <title> + aria-labelledby, tidak alt.
• Anti-patterns: keyword stuffing, company-name-di-blank-alt (Mueller: “a waste dari time” (terjemahan) “sebuah waste dari time”), confusing alt dengan title tooltip attribute.
• Scale dari masalah: 80,4% dari situs memiliki setidaknya satu missing alt attribute — paling umum teknis issue pada web. Audit dengan Ahrefs situs Audit’s Images report; perbaiki konten images pertama, decorative (alt="") terakhir.

Dokumentasi resmi

Utama-sumber documentation dari mesin pencari.

Google

• Google Images best practices — core reference: teks alt sebagai “the most important attribute,” (terjemahan) “atribut terpenting,” keyword-stuffing warning, image-sebagai-tautan teks jangkar, dan baik/buruk contoh.
• SEO Starter Guide — descriptive teks alt — teks alt sebagai text itu “explains the relationship between the image and your content.” (terjemahan) “menjelaskan hubungan antara image dan Anda konten.”
• Developer Documentation Style Guide — teks alt — 155-character writing guideline, alt="" untuk decorative images, Tidak “Image dari” (terjemahan) “pembuka ‘gambar berupa’ yang tidak perlu”/“Photo dari,” (terjemahan) “pembuka ‘foto berupa’ yang tidak perlu,” dan sertakan punctuation.
• Tulis helpful teks alt (Teknis Writing) — Google’s accessibility-focused bagaimana-untuk: pertahankan ini pendek, jelaskan di context, consistent alt untuk repeated images.
• web.dev — Text alternatives untuk images — descriptive alt untuk penting images, empty alt="" untuk decorative ones.

Bing / Microsoft

• Architecting konten untuk SEO (SEM 101) — older Bing post framing images sebagai “dead zones untuk a bot” (terjemahan) “dead zones untuk sebuah bot” dan alt attributes sebagai bagaimana Anda deskripsikan them (gunakan relevant keywords, jangan force).
• menjadi sebuah bagian dari Bing pencarian gambar Ecosystem — filenames dan teks alt helping sebuah halaman surface di image carousel bahkan ketika ini tidak peringkat pada halaman satu dari web penelusuran.

Quotes dari sumber

pada—record statements dari Google. Di mana sebuah halaman exposes text, tautan adalah sebuah deep tautan itu jumps untuk quoted passage.

Google docs — apa teks alt adalah untuk

• “The most important attribute when it comes to providing more metadata for an image is the alt text… which also improves accessibility for people who can’t see images on web pages.” (terjemahan) “paling penting attribute ketika ini muncul untuk providing lebih metadata untuk sebuah image adalah teks alt… yang juga improves accessibility untuk orang siapa dapat’t see images pada halaman web.” Jump untuk quote
• “Google uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image.” (terjemahan) “Google menggunakan teks alt along dengan computer vision algorithms dan contents dari halaman untuk memahami subject penting dari image.” Jump untuk quote
• “Avoid filling alt attributes with keywords (also known as keyword stuffing) as it results in a negative user experience and may cause your site to be seen as spam.” (terjemahan) “hindari mengisi atribut alt dengan kata kunci (juga disebut keyword stuffing) karena dapat menghasilkan pengalaman pengguna yang buruk dan membuat situs tampak seperti spam.” Jump untuk quote
• “Alt text in images is useful as anchor text if you decide to use an image as a link.” (terjemahan) “teks alt di images adalah berguna sebagai teks jangkar jika Anda decide untuk gunakan image sebagai sebuah tautan.” Jump untuk quote

John Mueller, Google — teks alt adalah untuk pencarian gambar

• “When it comes to the alt text, we primarily use that to better understand the image. So if someone is searching in Google Images for something that kind of matches the alt text, then we can use that to understand that your image is relevant for that alt text on that specific page.” (terjemahan) “Ketika ini muncul untuk teks alt, kami primarily gunakan itu untuk better memahami image. So jika seseorang adalah searching di Google Images untuk sesuatu itu jenis dari matches teks alt, lalu kami dapat gunakan itu untuk memahami itu Anda image adalah relevant untuk itu teks alt pada itu spesifik halaman.” — Office Hours, March 18 2022. Listen · SEJ coverage
• “It’s not the case that we would say a textual webpage has more value because it has images. It’s really just we see the alt text and we apply that to the image, and if someone searches for the image we can use that to better understand the image.” (terjemahan) “ini adalah tidak case itu kami akan say sebuah textual webpage memiliki lebih nilai karena ini memiliki images. ini adalah benar-benar hanya kami see teks alt dan kami apply itu untuk image, dan jika seseorang searches untuk image kami dapat gunakan itu untuk better memahami image.” — Office Hours, March 18 2022.
• “I think the important part here is we don’t have any guidelines with regards to how long your alt text can be.” (terjemahan) “I think penting bagian di sini adalah kami jangan memiliki apa pun guidelines dengan regards untuk bagaimana panjang Anda teks alt dapat menjadi.” — Office Hours, March 18 2022.
• “The alt-text is unique in that it’s what directly connects the image to the page with context… if you use AI to create alt texts based on the image file, and get ‘photo of a beach’ as the alt text for that image, you’re not getting the most out of the alt text, both for users & search engines.” (terjemahan) “teks alt secara langsung menghubungkan gambar ke halaman; contoh ‘photo of a beach’ yang generik tidak memanfaatkan konteks untuk pengguna maupun mesin pencari.”* — Reddit r/SEO, September 2024. Utas · SEJ coverage
• pada putting sebuah company name ke blank alt attributes: “It makes no sense, it seems like a waste of time to me: once wasted time to implement, and again wasted time to clean up later on.” (terjemahan) “ini membuat Tidak sense, ini seems like sebuah waste dari time untuk me: setelah wasted time untuk implement, dan again wasted time untuk bersih up kemudian pada.” — Twitter, June 2 2022. Coverage

Lizzi Sassman, Google — jangan say “image dari” (terjemahan) “jangan gunakan pembuka ‘gambar berupa’”

• “We already are aware that it’s an image. You don’t need to say, ‘It’s an image of’ and then the thing.” (terjemahan) “kami sudah adalah aware itu ini adalah sebuah image. Anda tidak perlu untuk say, ‘ini adalah sebuah image dari’ dan lalu hal.” — Penelusuran Off Record, “Let’s talk image SEO,” (terjemahan) “Let’s talk image SEO,” October 2022. Transcript

Gary Illyes, Google — deskripsikan image, jangan keyword-target

• “Make sure to add alt attribute. This text shouldn’t be what you want to rank for, but what’s in the image.” (terjemahan) “pastikan untuk tambahkan alt attribute. ini text tidak seharusnya menjadi apa Anda ingin peringkat untuk, tetapi apa di image.” — Pubcon keynote, October 17 2018. Coverage

teks alt audit checklist

sebuah lulus untuk catch alt-text masalah itu sebenarnya penting — accessibility pertama, image SEO kedua:

• Missing alt attributes pada konten images — #1 issue (80,4% dari situs memiliki setidaknya satu). Perbaiki ini pertama.
• Decorative images gunakan alt="" (empty nilai present), tidak sebuah missing attribute dan tidak sebuah deskripsi.
• Tidak omitted alt anywhere — sebuah absent attribute adalah sebuah HTML spec violation dan dapat membuat screen readers baca filename.
• ditautkan images memiliki bermakna alt describing destination (alt = anchor text pada sebuah ditautkan image; empty alt = empty teks jangkar).
• Functional images (icon-hanya buttons/controls) deskripsikan tindakan — alt="Search", tidak alt="Magnifying glass icon".
• Tidak keyword stuffing — Tidak strings dari synonyms atau target keywords crammed di.
• Tidak “Image dari” (terjemahan) “pembuka ‘gambar berupa’ yang tidak perlu” / “Photo dari” (terjemahan) “pembuka ‘foto berupa’ yang tidak perlu” openers — lead straight ke deskripsi.
• Alt tidak sebuah copy dari sekitarnya paragraf — ini seharusnya tambahkan unique context untuk itu image.
• Alt mendeskripsikan context, tidak hanya visuals — apa image berarti pada ini halaman, tidak sebuah generic “photo dari a beach.” (terjemahan) “photo dari sebuah beach.”
• Tidak company name dumped ke blank alt attributes (Mueller: “a waste dari time” (terjemahan) “sebuah waste dari time”).
• alt tidak confused dengan title — title attribute adalah sebuah hover tooltip, tidak teks alt.
• Repeated images gunakan consistent teks alt.
• Inline SVGs gunakan <title> + aria-labelledby alih-alih sebuah alt attribute.
• Mobile = desktop teks alt — mobile versi carries yang sama teks alt sebagai desktop (pengindeksan mobile-pertama).
• Audit di scale dengan Ahrefs situs Audit’s Images report (atau Ahrefs Webmaster alat, free untuk verified situs).

Resources worth Anda time

My related writing

• JavaScript SEO Issues & Best Practices — di mana I cover blank alt attributes left behind oleh JS kerangka kerja, accessibility-dan-legal angle, dan mengapa teks alt’s web-penelusuran importance adalah sering overstated.
• Ahrefs situs Audit Study — study dari 1M+ domains di mana missing alt attributes turned out untuk menjadi paling umum SEO teknis issue (80,4% dari situs).
• Beginner’s Guide untuk SEO teknis — di mana image dan alt-text menangani fit ke bigger teknis picture.

Official

• Google’s Google Images best practices — canonical reference untuk teks alt dan image metadata.
• Google’s Developer Documentation Style Guide — teks alt — concrete writing aturan (155 chars, alt="", Tidak “Image dari” (terjemahan) “pembuka ‘gambar berupa’ yang tidak perlu”).
• WCAG 2,1 — Non-text konten (1.1.1) — accessibility success criterion behind teks alt.

dari others

• SearchPilot’s split tests pada teks alt — menambahkan teks alt (inconclusive) dan descriptive teks alt pada listing images (estimated lift, tidak statistically significant) — berguna dunia nyata tempering dari “alt text boosts web rankings.” (terjemahan) “teks alt boosts web rankings.”
• mesin pencari Journal — Mueller pada teks alt untuk SEO (March 2022) — tulis-up dari Office Hours di mana Mueller draws image-penelusuran vs. web-penelusuran line dengan jelas.
• mesin pencari Journal — Mueller’s 2024 “photo dari a beach” (terjemahan) “photo dari sebuah beach” context advice — covers his Reddit comment pada mengapa AI-generated deskripsi miss poin dari teks alt.
• SE Roundtable — Google pada company names di blank teks alt (June 2022) — Barry Schwartz’s coverage dari Mueller calling practice “a waste dari time.” (terjemahan) “sebuah waste dari time.”
• Penelusuran Off Record — “Let’s talk image SEO” (terjemahan) “Let’s talk image SEO” (Oct 2022, transcript) — Mueller dan Lizzi Sassman pada context-pertama teks alt, “image dari” (terjemahan) “image dari” opener mistake, dan ketika apa pun teks alt beats none.
• W3C — WCAG 2,1 Success Criterion 1.1.1 (Non-text konten) — tingkat sebuah accessibility requirement underpinning mengapa missing alt adalah sebuah compliance issue, tidak hanya sebuah SEO satu.
• web.dev — Text alternatives untuk images — Google’s developer guidance distinguishing descriptive alt untuk bermakna images dari empty alt="" untuk decorative ones.

teks alt mistakes worth naming individually

Keyword stuffing, “image dari” (terjemahan) “image dari” openers, dan missing alt pada decorative images adalah three mistakes I see sebagian besar, tetapi mereka’re tidak satu-satunya ones. setiap entry di sini adalah sebuah mistake dengan sebuah alasan ini adalah wrong dan apa untuk melakukan alih-alih.

Keyword stuffing alt attribute

Mengapa ini adalah wrong: Google explicitly warns terhadap ini — “Avoid filling alt attributes dengan keywords… sebagai it hasil di a negative user experience dan mungkin penyebab Anda site untuk menjadi seen sebagai spam.” (terjemahan) “hindari mengisi atribut alt dengan kata kunci karena dapat menghasilkan pengalaman pengguna yang buruk dan membuat Anda situs untuk menjadi seen sebagai spam.” sebuah screen reader membaca teks alt aloud, so alt="puppy dog pup pups doggies" tidak hanya spammy untuk sebuah crawler, ini adalah unusable untuk sebuah nyata listener.

melakukan alih-alih: Deskripsikan image di plain language, di context. alt="Dalmatian puppy playing fetch di a park" says yang sama informasi tanpa keyword pile.

Opening dengan “Image dari” (terjemahan) “pembuka ‘gambar berupa’ yang tidak perlu” atau “Photo dari” (terjemahan) “pembuka ‘foto berupa’ yang tidak perlu”

Mengapa ini adalah wrong: Google’s Lizzi Sassman adalah direct tentang ini: “We sudah adalah aware itu ini an image. Anda jangan perlu untuk say, ‘ini an image dari’ dan lalu itu hal.” (terjemahan) “kami sudah adalah aware itu ini adalah sebuah image. Anda tidak perlu untuk say, ‘ini adalah sebuah image dari’ dan lalu hal.” setiap character spent pada redundant opener adalah sebuah character tidak spent pada berguna context.

melakukan alih-alih: Mulai deskripsi immediately — alt="Dalmatian puppy playing fetch in a park", not alt="Image of a dalmatian puppy playing fetch in a park".

Omitting alt attribute pada decorative images

Mengapa ini adalah wrong: Leaving alt off entirely (alih-alih setting ini untuk sebuah empty string) adalah sebuah HTML spec violation, dan ini dapat membuat beberapa screen readers announce mentah filename alih-alih staying silent.

melakukan alih-alih: gunakan alt="" — sebuah empty nilai, attribute present — untuk genuinely decorative images like dividers dan background flourishes. itu tells assistive technology untuk skip image cleanly.

menggunakan AI-generated “photo dari X” (terjemahan) “photo dari X” deskripsi itu ignore halaman context

Mengapa ini adalah wrong: Mueller called ini out secara langsung: AI alat itu spit out “photo dari a beach” (terjemahan) “photo dari sebuah beach” technically deskripsikan pixels tetapi miss poin, karena “itu alt-text adalah unique di itu ini apa secara langsung connects itu image untuk itu halaman dengan context.” (terjemahan) “ alt-text adalah unique di itu ini adalah apa secara langsung connects image untuk halaman dengan context.” sebuah bare visual caption throws away satu hal teks alt dapat melakukan itu computer vision dapat’t.

melakukan alih-alih: Tulis (atau edit sebuah AI draft) untuk jelaskan apa image berarti pada ini halaman — yang sama beach photo perlu berbeda teks alt pada sebuah surfing halaman daripada pada sebuah nyata-estate listing.

Putting Anda company name ke blank alt attributes

Mengapa ini adalah wrong: Mueller called ini spesifik pattern sebuah waste dari effort: “It membuat Tidak sense, it seems like a waste dari time untuk me: setelah wasted time untuk implement, dan again wasted time untuk bersih up kemudian pada.” (terjemahan) “ini membuat Tidak sense, ini seems like sebuah waste dari time untuk me: setelah wasted time untuk implement, dan again wasted time untuk bersih up kemudian pada.” ini menambahkan Tidak informasi untuk either pengguna atau mesin pencari dan hanya becomes cleanup debt kemudian.

melakukan alih-alih: Either tulis nyata, image-spesifik teks alt atau gunakan alt="" untuk genuinely decorative images. jangan default untuk sebuah boilerplate brand name.

Describing sebuah icon-hanya control’s appearance alih-alih -nya tindakan

Mengapa ini adalah wrong: alt="Magnifying glass icon" pada sebuah penelusuran button tells sebuah screen-reader pengguna apa icon looks like, tidak apa pressing ini melakukan. untuk sebuah functional control, appearance tidak berguna informasi — tindakan adalah.

melakukan alih-alih: Name tindakan atau hasil: alt="Search", alt="Close menu", alt="Play video". ini adalah yang sama principle sebagai sebuah ditautkan image’s teks alt acting sebagai teks jangkar — teks alt seharusnya sajikan control’s function.

Confusing alt attribute dengan title attribute

Mengapa ini adalah wrong: title attribute renders sebagai sebuah hover tooltip di sebagian besar browser. ini tidak baca oleh screen readers cara teks alt adalah, dan ini carries little SEO weight — treating ini sebagai sebuah substitute untuk teks alt leaves keduanya accessibility dan pencarian gambar unaddressed.

melakukan alih-alih: Set alt untuk text substitute setiap image perlu; gunakan title hanya untuk genuine supplementary tooltip text, jika di semua.

sebelum/setelah teks alt contoh

Four concrete sebelum/setelah pairs pulled straight dari aturan di atas.

Keyword-stuffed vs. descriptive

<!-- Before: keyword stuffing -->
<img src="dalmatian-puppy.jpg" alt="puppy dog pup pups doggies dalmatian puppies for sale">

<!-- After: plain description -->
<img src="dalmatian-puppy.jpg" alt="Dalmatian puppy playing fetch in a park">

“setelah” (terjemahan) “setelah” versi mendeskripsikan apa sebenarnya di image setelah, di plain language, alih-alih cramming di setiap synonym dan buyer-intent phrase Google warned terhadap.

Generic caption vs. context-aware alt

yang sama beach photo perlu berbeda teks alt depending pada halaman ini sits pada — ini adalah pembedaan Mueller drew ketika he criticized AI alat itu output “photo dari a beach” (terjemahan) “photo dari sebuah beach” regardless dari context.

<!-- Generic, low-value -->
<img src="beach.jpg" alt="Photo of a beach">

<!-- On a surfing page -->
<img src="beach.jpg" alt="Surfer paddling out past the break at sunrise">

<!-- On a real-estate listing -->
<img src="beach.jpg" alt="Private beach access behind the oceanfront property">

sama pixels, three berbeda jobs — teks alt seharusnya match halaman’s purpose, tidak hanya narrate image.

Decorative image: empty alt vs. missing alt

<!-- Wrong: attribute omitted entirely -->
<img src="divider.svg">

<!-- Right: empty value, attribute present -->
<img src="divider.svg" alt="">

Keduanya look similar di sebuah glance, tetapi mereka behave differently: omitted attribute adalah sebuah HTML spec violation itu dapat membuat beberapa screen readers announce filename; empty alt="" correctly tells assistive technology untuk skip image.

Functional image: tindakan vs. appearance

<!-- Weak: describes the icon -->
<button><img src="magnifying-glass.svg" alt="Magnifying glass icon"></button>

<!-- Better: describes what the control does -->
<button><img src="magnifying-glass.svg" alt="Search"></button>

button tidak sebuah tautan dan tidak decorative — ini adalah sebuah control. Naming icon tells sebuah screen-reader pengguna tidak ada apa pun tentang apa happens jika mereka press ini; naming tindakan melakukan.

ditautkan image: alt sebagai teks jangkar

<!-- Weak: doesn't describe the destination -->
<a href="/pricing/"><img src="cta-button.png" alt="Button"></a>

<!-- Better: alt describes where the link goes -->
<a href="/pricing/"><img src="cta-button.png" alt="View pricing plans"></a>

Karena image adalah wrapped di sebuah tautan, -nya teks alt functions sebagai teks jangkar — “Button” (terjemahan) “Button” tells sebuah screen-reader pengguna tidak ada apa pun tentang destination, sementara “View pricing plans” (terjemahan) “lihat paket harga” mengarahkan pengguna.

Apa teks alt seharusnya ini image mendapatkan?

Three quick branches untuk decisions itu come up pada hampir setiap image: adalah ini decorative, adalah ini sebuah control alih-alih sebuah picture, dan adalah ini wrapped di sebuah tautan.

umum issues dengan teks alt

Four symptom-penyebab-perbaiki entries untuk teks alt masalah itu sebenarnya tampilkan up di audits dan accessibility reviews.

sebuah screen reader announces mentah filename alih-alih sebuah deskripsi

Symptom: sebuah screen reader membaca sesuatu like “dalmatian-puppy-jpg” (terjemahan) “dalmatian-puppy-jpg” atau “IMG_4021” (terjemahan) “IMG_4021” aloud alih-alih sebuah deskripsi.

mungkin penyebab(s): alt attribute adalah omitted dari <img> element entirely, alih-alih atur ke sebuah empty string. ini adalah sebuah HTML spec violation, dan ini adalah default failure state — missing alt attributes tampilkan up pada 80,4% dari situs menurut Ahrefs’ situs audit study dari di atas sebuah million domains.

Perbaiki + periksa: tambahkan sebuah descriptive alt untuk konten images, atau alt="" untuk genuinely decorative ones. Konfirmasi dengan sebuah browser accessibility extension atau oleh inspecting element — attribute seharusnya menjadi present either cara.

Missing alt attributes flagged di seluruh situs

Symptom: sebuah audit alat muncul back dengan hundreds atau thousands dari images flagged untuk missing alt attributes.

mungkin penyebab(s): Tidak systematic proses untuk menambahkan teks alt sebagai images adalah uploaded, sering compounded oleh sebuah CMS atau theme itu tidak memerlukan ini di upload time.

Perbaiki + periksa: Prioritize di order — main konten images pertama (mereka carry meaning dan dapat earn pencarian gambar traffic), ditautkan images kedua (empty alt di sana costs Anda teks jangkar too), decorative images terakhir (dan perbaiki ada alt="", tidak sebuah deskripsi). Re-jalankan Image SEO Checker atau Anda situs audit alat setelah setiap lulus untuk konfirmasi count adalah dropping.

Images tidak menunjukkan up di Google Images despite memiliki teks alt

Symptom: konten images memiliki teks alt, tetapi mereka masih jangan muncul untuk relevant Google Images searches.

mungkin penyebab(s): teks alt adalah sebuah generic visual caption (“photo dari a beach” (terjemahan) “photo dari sebuah beach”) alih-alih context-spesifik deskripsi dari apa image berarti pada itu halaman — Mueller memiliki mengatakan ini jenis dari generic AI-generated teks alt di bawah-delivers. ini adalah juga worth remembering teks alt adalah hanya satu sinyal: Google combines ini dengan computer vision dan halaman context, so sebuah thin atau unrelated sekitarnya halaman dapat hold sebuah image back bahkan dengan baik teks alt.

Perbaiki + periksa: Rewrite teks alt untuk reflect halaman’s sebenarnya subject dan purpose, tidak hanya pixels. Recheck performa di Search Console → performa → Penelusuran jenis: Image setelah Google memiliki waktu untuk recrawl dan reprocess.

sebuah icon-hanya button tidak tell screen-reader pengguna apa ini melakukan

Symptom: sebuah screen reader announces sesuatu like “magnifying glass icon” (terjemahan) “magnifying glass icon” atau “button image” (terjemahan) “button image” sebelum sebuah icon-hanya control, dengan Tidak indication dari apa pressing ini melakukan.

mungkin penyebab(s): teks alt mendeskripsikan icon’s appearance alih-alih control’s tindakan — sebuah umum mix-up karena image looks like sebuah wajar picture, tidak sebuah tautan atau sebuah purely decorative element.

Perbaiki + periksa: Rewrite teks alt untuk name tindakan atau hasil (alt="Search", alt="Close menu", alt="Play video"), tidak icon. Konfirmasi oleh tabbing untuk control dengan sebuah keyboard dan listening untuk apa sebuah screen reader announces.

sebuah ditautkan image’s destination tidak jelas untuk screen-reader pengguna

Symptom: sebuah pengguna navigating oleh tautan (atau oleh image) melalui screen reader hears tidak ada apa pun berguna sebelum activating sebuah image-hanya tautan.

mungkin penyebab(s): ditautkan image memiliki empty atau missing teks alt — equivalent dari sebuah empty teks jangkar pada sebuah text tautan.

Perbaiki + periksa: Tulis teks alt itu mendeskripsikan di mana tautan goes, tidak hanya apa image menampilkan (see contoh tab untuk sebuah sebelum/setelah). Konfirmasi oleh tabbing untuk tautan dengan sebuah keyboard dan memeriksa apa sebuah screen reader announces, atau oleh inspecting element.

standing KPIs untuk image teks alt

Dua hal worth tracking pada sebuah ongoing basis, tidak hanya setelah sebuah satu-time cleanup: bagaimana banyak dari situs memiliki teks alt di semua, dan apakah itu teks alt adalah sebenarnya earning pencarian gambar visibilitas.

teks alt coverage di seluruh situs

• Metric — share dari <img> elements situs-wide itu memiliki sebuah non-empty, non-decorative alt attribute (konten images hanya — decorative images seharusnya correctly tampilkan alt="", yang tidak sebuah kesenjangan).
• Apa ini tells Anda — Apakah teks alt adalah sebuah satu-time perbaiki atau sebuah ongoing habit. Diberikan itu 80,4% dari situs di Ahrefs’ situs audit study memiliki setidaknya satu missing alt attribute, coverage tends untuk erode again sebagai baru konten mendapatkan published unless ini adalah diperiksa regularly.
• cara pull ini — Image SEO Checker pada sebuah halaman, Ahrefs situs Audit’s Images report di seluruh sebuah penuh crawl, atau sebuah browser accessibility extension untuk spot-memeriksa.
• Benchmark / realistic range — ada Tidak universal target percentage — sebuah situs dengan sebuah lot dari decorative background imagery akan legitimately tampilkan lebih alt="" daripada sebuah photo-berat blog. Baseline Anda own saat ini coverage pertama time Anda periksa, lalu watch itu ini tidak sliding backward sebagai baru halaman ship.
• Cadence — Quarterly sebagai sebuah standing periksa, dan immediately setelah apa pun bulk konten migration atau CMS/theme perubahan itu touches bagaimana images mendapatkan uploaded.

pencarian gambar performa (Google Images impressions/clicks)

• Metric — Impressions, clicks, dan CTR untuk Anda situs filtered untuk pencarian gambar hasil.
• Apa ini tells Anda — Apakah teks alt Anda’re writing adalah sebenarnya translating ke pencarian gambar visibilitas dan traffic — utama job Mueller memiliki repeatedly mengatakan teks alt melakukan, sebagai opposed untuk sebuah web-peringkat boost.
• cara pull ini — Search Console → performa → Penelusuran jenis: Image.
• Benchmark / realistic range — Bergantung entirely pada bagaimana image-berat situs dan -nya topic adalah — ada Tidak defensible universal angka. Establish Anda own baseline pertama time Anda pull ini report, lalu track trend setelah alt text atau image konten perubahan alih-alih comparing untuk apa pun external benchmark.
• Cadence — Monthly sebagai sebuah standing periksa; watch ini lebih closely untuk sebuah sedikit weeks setelah apa pun bulk alt-text rewrite untuk see apakah ini moves.

alat untuk auditing dan memperbaiki teks alt

• Image SEO Checker — audits mentah HTML image sinyal secara langsung, including alt attributes, lazy-memuat hints, dan image formats. ini adalah fastest cara untuk spot-periksa sebuah single halaman’s teks alt coverage sebelum atau setelah sebuah perbaiki.
• pada-halaman SEO Checker — memberikan sebuah prioritized pada-halaman memo plus advanced mentah-HTML memeriksa covering images alongside heading, tautan, dan lainnya pada-halaman elements, berguna ketika teks alt adalah satu dari several hal Anda’re auditing pada sebuah halaman di setelah.
• Ahrefs situs Audit — Images report — flags images missing alt attributes di seluruh sebuah penuh crawl dari Anda situs (Ahrefs Webmaster alat memberikan Anda ini free untuk verified situs), yang adalah bagaimana 80,4% missing-alt figure di Ahrefs’ situs audit study adalah diukur.
• Search Console — performa, Penelusuran jenis: Image — sumber kebenaran untuk apakah Anda teks alt adalah sebenarnya earning pencarian gambar impressions dan clicks.
• browser accessibility extensions / inspect element — untuk manual spot-memeriksa pada key konten images, dan untuk confirming apa sebuah screen reader akan sebenarnya announce.

Uji pemahaman Anda: teks alt

Five quick pertanyaan pada apa teks alt sebenarnya melakukan dan cara tulis ini. Pick sebuah jawaban untuk setiap, lalu periksa.

Log perubahan