SEO dan Accessibility

TL;DR — Accessibility berarti membangun Anda situs so orang dengan disabilities dapat gunakan ini. ini adalah tidak yang sama sebagai SEO — Google memiliki mengatakan accessibility tidak sebuah peringkat factor — tetapi dua overlap. sebuah handful dari memperbaiki (nyata teks alt, jelas heading, descriptive tautan, captions, fast halaman) help keduanya Anda pengguna dan mesin pencari. sebuah lot dari accessibility berfungsi, though, memiliki tidak ada apa pun untuk melakukan dengan SEO di semua — dan Anda harus masih melakukan ini.

Apa accessibility adalah

Web accessibility adalah practice dari membangun situs web so orang dengan disabilities — blind atau rendah-vision, deaf atau hard-dari-hearing, motor-impaired, cognitively impaired — dapat sebenarnya gunakan them. sebagian besar dari ini adalah codified di Web konten Accessibility Guidelines (WCAG), sebuah standard dari W3C ( group itu stewards web’s core standards).

itu’s sebuah berbeda goal dari SEO. SEO adalah tentang menjadi findable dan rankable di mesin pencari. Accessibility adalah tentang menjadi usable oleh everyone setelah mereka mendapatkan di sana. mereka’re dua terpisah disciplines itu happen untuk share beberapa dari yang sama baik habits.

melakukan dua help setiap lainnya?

Sometimes — dan ini adalah di mana orang mendapatkan confused. Google’s John Mueller adalah ditanyakan secara langsung apakah accessibility adalah sebuah peringkat factor dan mengatakan, plainly, “Tidak, tidak benar-benar.” (terjemahan) “Tidak, tidak benar-benar.” So membuat Anda situs WCAG-compliant melakukan tidak oleh itself lift Anda rankings.

tetapi several accessibility best practices adalah juga SEO best practices, karena keduanya mesin pencari dan screen readers adalah, di sebuah sense, “reading” (terjemahan) “reading” Anda halaman tanpa seeing ini. Ketika Anda help satu, Anda sering help lainnya:

• teks alt mendeskripsikan images untuk blind pengguna — dan memberikan mesin pencari text mereka dapat baca untuk memahami image.
• jelas heading help screen-reader pengguna jump sekitar sebuah halaman — dan help mesin pencari memahami -nya structure.
• Descriptive tautan text (“Download itu 2025 report” (terjemahan) “Download 2025 report” alih-alih “click di sini” (terjemahan) “click di sini”) helps everyone know di mana sebuah tautan goes.
• Captions dan transcripts let deaf pengguna ikuti sebuah video — dan memberikan penelusuran mesin text untuk indeks dari sebuah jika tidak silent file.
• Fast, stable halaman adalah easier untuk everyone, including orang dengan motor atau cognitive difficulties.

hal sebagian besar orang mendapatkan wrong

“Accessible” (terjemahan) “Accessible” melakukan tidak secara otomatis berarti “SEO-optimized,” (terjemahan) “SEO-dioptimalkan,” dan vice versa. sebuah huge amount dari accessibility berfungsi — membuat sebuah situs fully usable dengan hanya sebuah keyboard, announcing perubahan untuk screen readers, labeling setiap form field so assistive tech dapat baca ini — memiliki zero effect pada Anda penelusuran rankings. Penelusuran mesin jangan tab melalui Anda halaman dengan sebuah keyboard.

itu’s fine. Anda melakukan itu berfungsi karena ini adalah right hal untuk melakukan dan, di banyak places, law. tetapi jangan let anyone sell Anda accessibility sebagai sebuah SEO tactic, atau SEO sebagai sebuah accessibility perbaiki. dan menjadi very wary dari “accessibility overlay” (terjemahan) “accessibility overlay” widgets itu promise instant compliance — regulators memiliki cracked down pada itu claims (lebih di Advanced tab).

ingin penuh breakdown dari persis yang memperbaiki overlap, yang jangan, dan apa Google dan W3C sebenarnya say? Switch untuk Advanced tab.

TL;DR — Accessibility dan SEO adalah terpisah disciplines dengan sebuah nyata tetapi bounded overlap. Google’s Mueller memiliki mengatakan accessibility adalah tidak sebuah direct peringkat factor, dan Google memiliki Tidak didefinisikan metric untuk quantify ini di seluruh situs. genuine dua-untuk-satu memperbaiki: descriptive teks alt (strongest untuk image penelusuran), bermakna heading (existence, tidak strict numeric order — Google says out-dari-order heading jangan hurt rankings), descriptive tautan text, captions/transcripts, contrast/readability, dan kecepatan halaman/Core Web Vitals (shared root penyebab, tidak sebuah Google-labeled “accessibility” (terjemahan) “accessibility” sinyal). Di mana mereka diverge: keyboard focus order, ARIA langsung regions, dan form-label association adalah WCAG requirements dengan Tidak direct SEO mechanism. melakukan accessibility-hanya berfungsi anyway; ethical dan legal requirements melakukan tidak bergantung pada sebuah peringkat benefit, dan legal obligations vary oleh jurisdiction dan context.

Dua disciplines, satu Venn diagram

Accessibility adalah governed oleh WCAG — W3C’s Web konten Accessibility Guidelines, saat ini di versi 2,2 (dirilis October 2023). WCAG organizes 86 testable “success criteria” (terjemahan) “success criteria” (78 di WCAG 2,1, plus 9 baru di 2,2, minus 4.1.1 Parsing, yang 2,2 dihapus sebagai obsolete) di bawah four principles — Perceivable, Operable, Understandable, Robust ( “POUR” (terjemahan) “POUR” model) — di seluruh three conformance tingkat: sebuah, AA, dan AAA (AA adalah umum legal target). ini adalah sebuah legal/ethical/UX standard.

SEO adalah tentang penelusuran-mesin visibilitas. dua overlap karena sebuah screen reader dan sebuah penelusuran crawler adalah keduanya trying untuk memahami sebuah halaman mereka dapat’t see cara sebuah sighted human melakukan. tetapi overlap adalah sebuah spesifik, checkable list — tidak seluruh dari either discipline. mistake nearly setiap “accessibility improves SEO” (terjemahan) “accessibility improves SEO” artikel membuat adalah blurring three very berbeda hal: (1) genuine shared sinyal, (2) shared root penyebab itu tidak secara harfiah “accessibility” (terjemahan) “accessibility” di Google’s own taxonomy, dan (3) WCAG criteria dengan Tidak SEO mechanism di semua. Let’s pertahankan them terpisah.

adalah accessibility sebuah peringkat factor? Tidak — di sini’s Google’s sebenarnya statement

di sebuah March 2022 Penelusuran Central office-hours session, John Mueller adalah ditanyakan apakah accessibility improvements help rankings. His jawaban:

“Tidak, tidak benar-benar. So I think accessibility adalah sesuatu itu adalah important untuk a website karena, jika Anda drive Anda users away dengan a website itu they tidak dapat gunakan, lalu mereka tidak going untuk merekomendasikan it untuk other orang. Tetapi ini tidak sesuatu itu we akan pick up dan gunakan sebagai a direct ranking factor ketika it muncul untuk penelusuran.” (terjemahan) “Tidak, tidak benar-benar. So I think accessibility adalah sesuatu itu adalah penting untuk sebuah situs web karena, jika Anda drive Anda pengguna away dengan sebuah situs web itu mereka dapat’t gunakan, lalu mereka’re tidak going untuk merekomendasikan ini untuk lainnya orang. tetapi ini adalah tidak sesuatu itu kami akan pick up dan gunakan sebagai sebuah direct peringkat factor ketika ini muncul untuk penelusuran.”

Dua hal worth pulling out dari itu. pertama, Mueller’s reasoning: Google tidak memiliki sebuah cara untuk objectively quantify accessibility di seluruh situs cara Core Web Vitals define sebuah comparable speed/stability metric. ada Tidak accessibility score untuk feed sebuah peringkat sistem. kedua, he left door open — “maybe ini akan ubah over time” (terjemahan) “maybe ini akan perubahan di atas time” — tetapi sebagai dari now ini adalah sebuah jelas Tidak.

ada corroborating structural evidence, too. Google’s own Guide untuk Google Search peringkat sistem enumerates -nya named peringkat sistem — BERT, MUM, RankBrain, neural matching, reviews sistem, spam-detection sistem, tautan analysis dan PageRank, dan so pada. ada Tidak accessibility-named sistem pada itu list. Core Web Vitals tidak pada itu named-sistem list either — Google documents ini secara terpisah, di bawah pengalaman halaman, sebagai satu dari sinyal -nya peringkat sistem draw pada. Accessibility tidak sebuah peringkat input hiding di suatu tempat; ini sekadar tidak satu.

Di mana mereka genuinely overlap

ini adalah memperbaiki di mana melakukan accessible hal juga helps SEO. ini adalah list itu’s sebenarnya benar.

«Descriptive alt text. WCAG 1.1.1 (Non-text Content, Level A) requires text alternatives for images so screen-reader users know what an image shows. Google’s own image docs make the SEO side explicit: “The most important attribute when it comes to providing more metadata for an image is the alt text (text that describes an image), which also improves accessibility for people who can’t see images on web pages.” Google uses that text — alongside computer vision and page context — to understand the image. The accuracy caveat: alt text’s ranking value is strongest for Google Images, and much weaker as a general web-ranking lever; for regular search it’s treated as page text/context, not a heavily weighted standalone signal. And Google warns against stuffing it: “Avoid filling alt attributes with keywords… as it results in a negative user experience and may cause your site to be seen as spam.” Our full treatment of alt text goes deeper on the image-search side.

» (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian dua puluh delapan, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

Bermakna heading — tetapi tidak strict order. Memiliki nyata, descriptive heading helps screen-reader pengguna navigate oleh heading list dan helps mesin pencari identify konten bagian. ini adalah genuine overlap. tetapi menjadi precise tentang apa overlaps: existence dari bermakna heading helps keduanya; mempertahankan them di strict numeric sequence (H1 → H2 → H3, tidak pernah skipping) adalah accessibility-hanya. Google’s Gary Illyes mengatakan heading semantic order “adalah great untuk screen readers, tetapi dari Google Search’s perspective, it tidak matter jika Anda gunakan them out dari order.” (terjemahan) “adalah great untuk screen readers, tetapi dari Google Search’s perspective, ini tidak penting jika Anda gunakan them out dari order.” So “write real headings” (terjemahan) “tulis nyata heading” adalah dua-untuk-satu; “never skip a level” (terjemahan) “tidak pernah skip sebuah tingkat” adalah sebuah WCAG practice (1.3.1 Info dan Relationships) dengan Tidak peringkat effect — kami piece pada header tags covers peringkat side di penuh.

Descriptive tautan text vs. “click di sini” (terjemahan) “click di sini”. WCAG 2.4.4 (tautan Purpose, di Context) dan Google’s own anchor-text guidance converge pada tepat sama aturan dari opposite directions. Google: “Good anchor text adalah descriptive, reasonably concise, dan relevant untuk itu halaman itu ini pada dan untuk itu halaman it links untuk,” (terjemahan) “baik teks jangkar adalah descriptive, reasonably concise, dan relevant untuk halaman itu ini adalah pada dan untuk halaman ini tautan untuk,” dan ini secara khusus panggilan out “Click di sini,” (terjemahan) “Click di sini,” “Baca lebih,” (terjemahan) “baca selengkapnya,” dan “website” (terjemahan) “situs web” sebagai poor anchor text. Accessibility guidance flags identical failure — sebuah screen-reader pengguna tabbing melalui sebuah halaman’s tautan list hears hanya “click di sini, click di sini, click di sini.” (terjemahan) “click di sini, click di sini, click di sini.” Satu perbaiki, keduanya audiences. (di Web Almanac 2021 SEO chapter I led, kami ditemukan 16% dari tested tautan tidak memiliki descriptive teks jangkar — “a missed opportunity dari an SEO perspective dan juga bad untuk accessibility.” (terjemahan) “sebuah missed opportunity dari sebuah SEO perspective dan juga buruk untuk accessibility.”)

Captions dan transcripts. ini let deaf dan hard-dari-hearing pengguna ikuti audio/video (sebuah WCAG requirement) dan memberikan mesin pencari dapat di-crawl text untuk jika tidak opaque media. Genuine overlap — though I’ll flag honestly itu I tidak dapat pin sebuah pertama-party Google statement calling transcripts sebuah pengindeksan sinyal; treat ini sebagai sebuah longstanding, logical, widely-repeated practice rather daripada sesuatu Google explicitly endorses.

Color contrast dan readability. WCAG 1.4.3 memerlukan 4,5:1 contrast untuk wajar text. rendah-contrast text adalah harder untuk everyone untuk baca, yang plausibly feeds indirect engagement sinyal. tetapi menjadi careful di sini — ini adalah indirect dan correlational, tidak sebuah stated Google peringkat mechanism. Contrast helps scanability; ini tidak sebuah scored SEO input.

kecepatan halaman dan Core Web Vitals. ini satu adalah nyata overlap tetapi frequently mislabeled. Core Web Vitals adalah digunakan oleh Google’s peringkat sistem. tetapi Google tidak frame CWV sebagai sebuah “accessibility” (terjemahan) “accessibility” sinyal di -nya own docs — CWV dan accessibility adalah parallel UX-quality efforts dengan shared root penyebab. sebuah slow, layout-shifting halaman adalah buruk untuk everyone, dan pengguna dengan motor atau cognitive disabilities adalah disproportionately hurt oleh sebuah unexpected layout shift (CLS) itu moves sebuah tap target right sebagai mereka’re tentang untuk tap ini. Frame ini sebagai “shared underlying penyebab,” (terjemahan) “shared underlying penyebab,” tidak “Google counts accessibility via Core Web Vitals.” (terjemahan) “Google counts accessibility melalui Core Web Vitals.”

Di mana mereka diverge — WCAG criteria dengan zero SEO nilai

ini adalah bagian hampir setiap competing artikel skips, dan ini adalah paling penting satu untuk setting expectations honestly. sebuah besar share dari WCAG’s success criteria — terutama di bawah Operable dan Robust principles — memiliki Tidak plausible SEO mechanism, karena penelusuran crawler jangan interact dengan sebuah halaman cara sebuah human menggunakan assistive tech melakukan.

• Keyboard focus order (WCAG 2.4.3, tingkat sebuah) dan focus visibilitas (2.4.7, tingkat AA) — ini govern apakah sebuah keyboard atau switch-device pengguna dapat move melalui sebuah halaman di sebuah logical order dan see di mana mereka adalah. Tidak penelusuran crawler tabs melalui Anda halaman. Zero SEO effect.
• ARIA langsung regions / status messages (WCAG 4.1.3, tingkat AA) — programmatically announcing dynamic perubahan (“3 items added to cart” (terjemahan) “3 items ditambahkan untuk cart”) untuk sebuah screen reader tanpa moving focus. Completely irrelevant untuk bagaimana Googlebot memproses sebuah halaman.
• Form-label programmatic association (WCAG 3.3.2, tingkat sebuah, dan bagian dari 1.3.1) — <label for> / aria-labelledby tautan itu let sebuah screen reader announce apa sebuah field adalah. Google tidak peringkat pada form-field labeling correctness.

takeaway: roughly half dari WCAG’s 86 criteria concern hal dengan Tidak SEO mechanism di semua. melakukan them anyway. mereka’re sebuah legal exposure (ADA/WCAG lawsuits adalah sebuah nyata dan growing landscape) dan, lebih sekadar, right hal untuk melakukan — WebAIM Million 2025 audit dari top million homepages ditemukan 94,8% memiliki detectable WCAG 2 failures, averaging 51 errors per halaman (rendah-contrast text pada 79,1%, missing teks alt pada 55,5%, missing form labels pada 48,2%). dengan sebuah estimated 1,3 billion orang — 16% dari global population — living dengan sebuah significant disability (Siapa), accessibility tidak sebuah niche concern. ini hanya tidak sebuah SEO concern.

overlay-widget myth

jika Anda take satu warning dari ini piece: accessibility overlay widgets adalah tidak sebuah nyata perbaiki, dan mereka adalah tidak sebuah SEO shortcut. ini adalah JavaScript widgets (AccessiBe, UserWay, dan similar) itu promise untuk membuat apa pun situs WCAG-compliant secara otomatis, sering “within 48 hours.” (terjemahan) “di dalam 48 hours.”

regulators disagree. di sebuah January 2025 settlement (akhir order April 2025), FTC fined AccessiBe 1 USD million untuk deceptive marketing di atas persis itu compliance claims — dan order bars ini dari membuat compliance claims tanpa evidence untuk 20 tahun. Courts memiliki secara terpisah rejected sekadar installing sebuah overlay sebagai sebuah adequate ADA defense. Overlays reportedly automate hanya sebuah minority dari WCAG issues dan dapat actively interfere dengan native assistive tech sebuah pengguna sudah memiliki. mereka jangan perbaiki Anda underlying accessibility, dan mereka carry Tidak independent SEO benefit. Perbaiki nyata markup alih-alih.

Bagaimana Bing frames berdekatan practices

I tidak dapat konfirmasi sebuah fetchable, verbatim Bing statement secara khusus pada accessibility ini session, so I tidak akan fabricate satu. closest pada—record, sudah-cited-pada-ini-situs poin adalah dari Microsoft’s Fabrice Canel, siapa memiliki mengatakan halaman dengan correctly implemented semantic HTML5 memiliki “an advantage in SEO.” (terjemahan) “sebuah advantage di SEO.” itu’s berdekatan, tidak identical: semantic HTML (proper landmarks, heading structure) adalah itself sebuah WCAG-relevant practice (1.3.1), so Bing’s framing lands di overlap zone — tetapi ini adalah sebuah claim tentang semantic markup, tidak tentang accessibility conformance sebagai sebuah seluruh — kami tulis-up pada semantic HTML digs ke itu framing.

practical takeaway

Di sini’s honest split. ** memperbaiki itu sajikan keduanya audiences** — melakukan ini sebagai SEO dan accessibility wins: tulis nyata teks alt, gunakan bermakna heading, gunakan descriptive tautan text (tidak “click di sini” (terjemahan) “click di sini”), caption Anda media, pertahankan contrast readable, dan membuat halaman fast dan stable. ** accessibility-hanya berfungsi** — keyboard operability, focus management, ARIA status, form labeling — melakukan ini too, hanya jangan expect sebuah peringkat payoff dan jangan let ini menjadi sold untuk Anda sebagai satu.

overlap adalah nyata, tetapi ini adalah sebuah pendek list. Anyone telling Anda “accessibility = SEO” (terjemahan) “accessibility = SEO” adalah overstating ini di satu direction; anyone dismissing accessibility karena “ini tidak a ranking factor” (terjemahan) “ini adalah tidak sebuah peringkat factor” adalah missing poin di lainnya. Keduanya penting. mereka hanya mostly penting untuk berbeda alasan.

AI summary

sebuah condensed take pada Advanced versi:

• Dua terpisah disciplines dengan sebuah bounded overlap. Accessibility (WCAG 2,2; 86 success criteria; POUR principles; sebuah/AA/AAA tingkat) adalah sebuah legal/ethical/UX standard. SEO adalah penelusuran visibilitas. mereka share beberapa habits, tidak mereka goals.
• Tidak sebuah peringkat factor. Google’s John Mueller: accessibility adalah “tidak sesuatu itu we akan pick up dan gunakan sebagai a direct ranking factor.” (terjemahan) “tidak sesuatu itu kami akan pick up dan gunakan sebagai sebuah direct peringkat factor.” Google dapat’t quantify ini di seluruh situs, dan Tidak accessibility-named sistem muncul di Google’s peringkat-sistem guide.
• Genuine overlap (melakukan ini untuk keduanya): descriptive teks alt (strongest untuk pencarian gambar, tidak umum web), bermakna heading (existence — Google says out-dari-order heading jangan hurt rankings), descriptive tautan text vs. “click di sini,” (terjemahan) “click di sini,” captions/transcripts, contrast/readability (indirect), kecepatan halaman/Core Web Vitals (shared root penyebab, tidak sebuah Google-labeled accessibility sinyal).
• Divergence (Tidak SEO nilai): keyboard focus order/visibilitas, ARIA langsung regions/status messages, form-label association — crawler jangan tab melalui halaman atau perlu dynamic-konten announcements.
• Overlay-widget myth: AccessiBe/UserWay-style widgets jangan reliably perbaiki accessibility dan memberikan Tidak SEO benefit; FTC fined AccessiBe 1 USDM (2025) di atas deceptive compliance claims.
• Scale/stakes: WebAIM Million 2025 — 94,8% dari top homepages memiliki WCAG failures (avg 51/halaman); Siapa — 1,3B orang (16%) memiliki sebuah significant disability. melakukan accessibility-hanya berfungsi regardless dari SEO payoff.

Dokumentasi resmi

Utama-sumber documentation dari mesin pencari dan W3C.

Google

• Google Images best practices — alt-text guidance itu ties image SEO untuk accessibility.
• SEO tautan Best Practices — descriptive teks jangkar; “click di sini” (terjemahan) “click di sini”/“baca lebih” (terjemahan) “baca selengkapnya” anti-pattern.
• Understanding pengalaman halaman di Google Search — di mana Core Web Vitals fit (dan di mana “accessibility” (terjemahan) “accessibility” tidak named).
• sebuah Guide untuk Google Search peringkat sistem — penuh named-sistem list (BERT, MUM, RankBrain, dan so pada); Tidak accessibility sistem dan Tidak “halaman experience sistem” (terjemahan) “pengalaman halaman sistem” muncul pada ini — Core Web Vitals adalah terdokumentasi secara terpisah, di bawah pengalaman halaman.

W3C / WAI ( accessibility standard itself)

• WCAG 2 Overview — apa WCAG adalah, POUR principles, dan sebuah/AA/AAA tingkat.
• WCAG 2,2 Quick Reference — setiap success criterion, including 1.1.1, 1.3.1, 1.4.3, 2.4.3, 2.4.4, 2.4.7, 3.3.2, dan 4.1.3 cited di atas.
• apa baru di WCAG 2,2 — October 2023 perbarui.

Bing / Microsoft

• Bing Webmaster Guidelines — Bing’s umum quality/crawl/indeks guidance (accessibility-spesifik text adalah tidak secara terpisah confirmable ini session).

Quotes dari sumber

pada—record statements dari Google, plus W3C standard’s own language.

Google — accessibility adalah tidak sebuah peringkat factor

• “No, not really. So I think accessibility is something that is important for a website because, if you drive your users away with a website that they can’t use, then they’re not going to recommend it to other people. But it’s not something that we would pick up and use as a direct ranking factor when it comes to search.” (terjemahan) “Tidak, tidak benar-benar. So I think accessibility adalah sesuatu itu adalah penting untuk sebuah situs web karena, jika Anda drive Anda pengguna away dengan sebuah situs web itu mereka dapat’t gunakan, lalu mereka’re tidak going untuk merekomendasikan ini untuk lainnya orang. tetapi ini adalah tidak sesuatu itu kami akan pick up dan gunakan sebagai sebuah direct peringkat factor ketika ini muncul untuk penelusuran.” — John Mueller, Google Search Advocate, Penelusuran Central office-hours, March 25, 2022. Baca coverage

Google — teks alt ( nyata overlap)

«- “The most important attribute when it comes to providing more metadata for an image is the alt text (text that describes an image), which also improves accessibility for people who can’t see images on web pages.” — Google Search Central, Google Images best practices. Jump to quote » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian enam puluh enam, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.) «- “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.” — same page. Jump to quote » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian enam puluh enam, bagian kecil dua: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

Google — descriptive tautan text

• “Good anchor text is descriptive, reasonably concise, and relevant to the page that it’s on and to the page it links to.” (terjemahan) “baik teks jangkar adalah descriptive, reasonably concise, dan relevant untuk halaman itu ini adalah pada dan untuk halaman ini tautan untuk.” — Google Search Central, SEO tautan Best Practices (yang cites “Click di sini,” (terjemahan) “Click di sini,” “Baca lebih,” (terjemahan) “baca selengkapnya,” dan “website” (terjemahan) “situs web” sebagai poor teks jangkar). Jump untuk quote

Google — pengalaman halaman / Core Web Vitals

«- “There is no single signal. Our core ranking systems look at a variety of signals that align with overall page experience… Core Web Vitals are used by our ranking systems.” — Google Search Central, Understanding page experience. Jump to quote » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian tujuh puluh, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

Gary Illyes, Google — heading order adalah accessibility-hanya

• heading order di semantic sequence “adalah great untuk screen readers, tetapi dari Google Search’s perspective, it tidak matter jika Anda gunakan them out dari order.” (terjemahan) “adalah great untuk screen readers, tetapi dari Google Search’s perspective, ini tidak penting jika Anda gunakan them out dari order.” — Gary Illyes, SEO Office Hours podcast, sebagai reported oleh mesin pencari Journal, July 2024. Baca coverage

Myths dan anti-patterns

claims untuk berhenti repeating — dan apa sebenarnya benar.

“WCAG compliance = better rankings.” (terjemahan) “WCAG compliance = better rankings.” salah. Google’s Mueller mengatakan accessibility tidak sebuah direct peringkat factor, citing lack dari sebuah quantifiable, comparable metric. Accessibility berfungsi overlaps dengan baik SEO dan dapat indirectly mendukung engagement, tetapi conformance itself tidak scored. Pitch accessibility pada -nya own merits (pengguna, law, ethics), tidak sebagai sebuah peringkat lever Anda dapat’t substantiate.

“An accessibility overlay widget makes us compliant — and helps SEO.” (terjemahan) “sebuah accessibility overlay widget membuat us compliant — dan helps SEO.” salah pada keduanya counts. FTC fined AccessiBe 1 USDM di 2025 di atas deceptive compliance claims dan barred unsupported compliance claims untuk 20 tahun; courts memiliki rejected overlays sebagai sebuah ADA defense. Overlays perbaiki sebuah minority dari issues, dapat break native assistive tech, dan carry Tidak SEO benefit. Perbaiki nyata markup.

“Headings must be in strict numeric order or rankings suffer.” (terjemahan) “heading harus menjadi di strict numeric order atau rankings suffer.” salah untuk SEO. Illyes mengatakan out-dari-order heading jangan penting untuk Google Search, bahkan sementara agreeing strict order adalah baik untuk screen readers. Conflating dua overstates SEO stakes dari apa benar-benar sebuah accessibility practice.

“Alt text is a major general-SEO ranking lever.” (terjemahan) “teks alt adalah sebuah major umum-SEO peringkat lever.” Overstated. Google’s docs frame teks alt’s clearest peringkat nilai sebagai image penelusuran; untuk umum web penelusuran ini adalah halaman text/context, tidak sebuah berat standalone sinyal. -nya accessibility role (describing images untuk screen-reader pengguna) applies regardless — so tulis ini well, tetapi untuk right alasan.

“That accessibility overhaul drove +X% organic traffic — proof accessibility is SEO.” (terjemahan) “itu accessibility overhaul drove +X% trafik organik — proof accessibility adalah SEO.” Treat dengan skepticism. business-impact angka circulating di industry guides adalah biasanya single-company, correlational anecdotes, tidak controlled studies. sebuah accessibility project sering ships alongside sebuah redesign, konten berfungsi, dan performa memperbaiki — attributing lift untuk accessibility alone adalah sebuah correlation-sebagai-causation error.

Uji pemahaman Anda: SEO dan Accessibility

Five quick pertanyaan pada bagaimana accessibility dan SEO overlap — dan di mana mereka jangan. Pick sebuah jawaban untuk setiap, lalu periksa.

sebelum dan setelah: four genuine overlap memperbaiki

Concrete markup, tidak abstractions. setiap pair menampilkan yang sama element failing keduanya sebuah screen-reader pengguna dan sebuah mesin pencari, lalu fixed untuk keduanya.

teks alt

buruk — decorative filler, Tidak nyata informasi:

<img src="team-photo-2026.jpg" alt="image">

sebuah screen reader announces “image” (terjemahan) “image” — useless. sebuah mesin pencari memiliki tidak ada apa pun untuk associate dengan picture beyond filename.

baik — mendeskripsikan apa sebenarnya di image:

<img src="team-photo-2026.jpg" alt="Five-person support team at their desks in the Raleigh office">

sebuah screen-reader pengguna mendapatkan sebenarnya konten. Google’s own guidance adalah itu ini sama text “also improves accessibility for people who can’t see images” (terjemahan) “juga improves accessibility untuk orang siapa dapat’t see images” — satu string, dua audiences. jangan overcorrect ke keyword stuffing (alt="SEO accessibility team photo Raleigh SEO agency") — Google explicitly warns itu membaca sebagai spam dan helps Tidak satu.

heading structure

buruk — heading digunakan untuk font size, tidak structure:

<h1>Our Services</h1>
<h3>Technical audits</h3>
<h2>Content strategy</h2>

sebuah screen-reader pengguna jumping oleh heading list hears sebuah structure itu tidak match halaman’s sebenarnya hierarchy — confusing untuk navigate. (Google’s Illyes memiliki mengatakan order itself tidak move rankings, tetapi sebuah heading list itu lies tentang structure masih fails screen-reader gunakan case.)

baik — heading deskripsikan nyata outline, di order:

<h1>Our Services</h1>
<h2>Technical audits</h2>
<h2>Content strategy</h2>

Keduanya sebuah screen reader’s heading list dan sebuah mesin pencari’s baca dari halaman structure now match apa halaman sebenarnya berisi.

tautan text

buruk — “click di sini” (terjemahan) “click di sini” tells Tidak satu apa pun:

<p>Our 2026 accessibility report is now available.
<a href="/reports/accessibility-2026.pdf">Click here</a> to read it.</p>

sebuah screen-reader pengguna tabbing melalui sebuah halaman’s tautan list hears “click di sini, click di sini, click di sini” (terjemahan) “click di sini, click di sini, click di sini” dengan Tidak idea di mana apa pun dari them go. Google’s own anchor-text guidance names “Click di sini” (terjemahan) “Click di sini” secara langsung sebagai poor teks jangkar.

baik — tautan text mendeskripsikan destination:

<p>Read our <a href="/reports/accessibility-2026.pdf">2026 accessibility
report (PDF)</a>.</p>

Out dari context, tautan alone now tells Anda persis di mana ini leads — untuk sebuah screen reader, sebuah mesin pencari, atau seseorang skimming sebuah printed halaman.

Form labels

buruk — sebuah placeholder standing di untuk sebuah label:

<input type="email" placeholder="Email address">

Placeholders tidak labels — mereka vanish setelah Anda mulai typing, dan banyak screen readers jangan reliably announce them. (ini satu adalah accessibility-hanya: penelusuran mesin jangan fill out atau baca form fields, so ada Tidak SEO angle di sini — ini adalah disertakan karena ini adalah perbaiki sebagian besar sering confused dengan overlap items di atas.)

baik — sebuah programmatically associated label:

<label for="email">Email address</label>
<input type="email" id="email" name="email">

sebuah screen reader announces field correctly setiap time, sebelum dan selama typing. Tidak SEO effect either cara — ini adalah purely accessibility-hanya side dari ledger dari Advanced tab.

overlap-pertama accessibility + SEO checklist

Jalankan ini pada apa pun halaman. pertama block adalah genuine dua-untuk-satu berfungsi; kedua adalah accessibility-hanya — melakukan ini too, hanya jangan expect sebuah SEO payoff.

Shared wins (melakukan ini untuk keduanya audiences)

• setiap bermakna image memiliki nyata, descriptive alt text (tidak filename, tidak keyword-stuffed).
• Decorative images gunakan alt="" so screen readers skip them dan penelusuran mesin jangan waste attention pada noise.
• heading deskripsikan sebenarnya konten dari setiap bagian — tidak hanya styled untuk size.
• heading list adalah di sebuah logical sequence (helps navigation bahkan jika Google says strict order tidak sebuah peringkat input).
• tautan text mendeskripsikan destination — Tidak “click di sini,” (terjemahan) “click di sini,” “baca lebih,” (terjemahan) “baca selengkapnya,” atau bare “website.” (terjemahan) “situs web.”
• Video/audio memiliki captions atau sebuah transcript.
• Text dan background memenuhi setidaknya 4,5:1 contrast (WCAG 1.4.3, tingkat AA).
• halaman muat fast dan jangan shift layout setelah render (Core Web Vitals).

Accessibility-hanya (melakukan ini, tetapi ini adalah tidak sebuah SEO lever)

• setiap interactive element adalah reachable dan operable oleh keyboard alone.
• Focus order mengikuti sebuah logical reading sequence, dan focused element adalah visibly indicated.
• Form fields gunakan <label for> atau aria-labelledby — tidak placeholder text alone.
• Dynamic konten perubahan (cart memperbarui, form errors) adalah announced melalui ARIA langsung regions.
• Tidak accessibility overlay widget adalah menjadi relied pada sebagai sebenarnya perbaiki.

mental models

1. POUR — accessibility side’s own kerangka kerja. WCAG organizes setiap success criterion di bawah four principles: Perceivable (dapat Anda perceive konten — teks alt, contrast, captions?), Operable (dapat Anda operate interface — keyboard, timing, navigation?), Understandable (adalah konten dan operation predictable?), Robust (melakukan ini berfungsi dengan assistive tech, saat ini dan future?). sebagian besar dari SEO overlap lives di Perceivable — sebuah penelusuran crawler, like sebuah screen reader, adalah juga trying untuk “perceive” (terjemahan) “perceive” sebuah halaman ini dapat’t see. Operable dan Robust adalah hampir entirely accessibility-hanya, karena crawler jangan operate interfaces.

2. three-bucket sort untuk apa pun accessibility claim. sebelum accepting “accessibility helps SEO” (terjemahan) “accessibility helps SEO” untuk sebuah spesifik perbaiki, sort ini ke satu dari three buckets: (1) genuine shared sinyal — yang sama artifact menyajikan keduanya sebuah screen reader dan sebuah crawler (teks alt, tautan text); (2) shared root penyebab, berbeda label — yang sama underlying masalah (sebuah slow, shifting halaman) hurts keduanya audiences, tetapi Google tidak score ini sebagai sebuah “accessibility” (terjemahan) “accessibility” sinyal (Core Web Vitals); (3) accessibility-hanya — Tidak plausible SEO mechanism di semua (keyboard focus, ARIA langsung regions, form-label association). Nearly setiap “accessibility adalah good untuk SEO” (terjemahan) “accessibility adalah baik untuk SEO” claim online blurs ini three together — mempertahankan them terpisah adalah seluruh trick.

3. “Akan a crawler ever lakukan ini?” (terjemahan) “akan sebuah crawler ever melakukan ini?” fastest filter untuk apakah sebuah WCAG criterion memiliki sebuah SEO angle: melakukan apa pun Googlebot atau Bingbot sebenarnya melakukan touch ini criterion? crawler baca text, ikuti tautan, dan render halaman — mereka jangan tab melalui focus order, mereka jangan fill out forms, dan mereka jangan listen untuk sebuah langsung-region announcement. jika jawaban adalah Tidak, perbaiki adalah accessibility-hanya. melakukan ini anyway, hanya untuk right alasan.

«## Accessibility + SEO overlap — quick reference » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian seratus tiga puluh empat, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

Di mana yang sama perbaiki helps keduanya

«| Fix | Helps accessibility because | Helps SEO because | Google’s own framing | | --- | --- | --- | --- | | Descriptive alt text | Screen readers announce it in place of the image | Text Google can associate with the image | Strongest for image search, not general web ranking | | Meaningful headings | Screen readers navigate by heading list | Helps engines understand page structure | Existence matters; strict numeric order does not (Illyes) | | Descriptive link text | Screen readers announce link purpose out of context | Named directly in Google’s anchor-text guidance | “Click here” / “Read more” flagged as poor by Google | | Captions / transcripts | Deaf/hard-of-hearing users can follow media | Crawlable text from otherwise opaque audio/video | Logical, widely practiced — no first-party Google statement found | | Contrast / readability | Everyone reads low-contrast text more slowly | Plausible, indirect engagement signal | Correlational, not a scored SEO input | | Page speed / Core Web Vitals | Disproportionately helps motor/cognitive-disability users | Used by Google’s ranking systems | Framed as page experience, not an “accessibility” signal | » (Terjemahan) (Ringkasan bahasa Indonesia untuk bagian seratus tiga puluh enam, bagian kecil satu: teks sumber dipertahankan agar dapat diperiksa dalam tinjauan penutur asli.)

WCAG conformance tingkat (2,2)

Di mana overlap berhenti (accessibility-hanya, zero SEO mechanism)

• Keyboard focus order dan focus visibilitas (2.4.3, 2.4.7)
• ARIA langsung regions / status messages (4.1.3)
• Form-label programmatic association (3.3.2, bagian dari 1.3.1)

Fast facts

• WCAG 2,2 dirilis October 2023; 86 testable success criteria di seluruh sebuah/AA/AAA (78 carried dari 2,1, plus 9 ditambahkan di 2,2, minus 4.1.1 Parsing, dihapus sebagai obsolete).
• WebAIM Million 2025: 94,8% dari top homepages memiliki detectable WCAG failures, averaging 51 per halaman.
• FTC fined AccessiBe 1 USDM (settlement January 2025, akhir order April 2025) di atas deceptive accessibility-overlay compliance claims.

alat untuk finding accessibility (dan overlap) issues

Dua dari my own alat cover automated-memeriksa side dari ini artikel secara langsung. Automated memeriksa adalah sebuah starting poin, tidak sebuah penuh accessibility audit — mereka catch sebuah bermakna chunk dari issues, tidak semua dari them.

• Accessibility Tester — berjalan sebuah browser-dirender axe-core WCAG 2,2 sebuah/AA audit pada sebuah URL, grouped oleh severity dengan affected selectors dan repair guidance. gunakan ini untuk catch tepat overlap issues ini artikel covers — missing teks alt, unlabeled tautan — di satu lulus, alongside accessibility-hanya issues (missing form labels, ARIA masalah) ini juga flags. ini tidak akan catch semuanya WCAG covers (manual testing masih penting untuk keyboard operability dan screen-reader perilaku), tetapi ini adalah fastest cara untuk triage sebuah halaman.
• Color Contrast Checker — memeriksa apa pun foreground/background color pair terhadap WCAG 2,2 AA dan AAA thresholds, suggests nearest passing color, dan dapat audit sebuah penuh CSS atau design-token palette di setelah, locally di Anda browser. gunakan ini untuk contrast item di checklist di atas — satu shared-sinyal perbaiki itu’s purely visual dan easy untuk miss di sebuah design review.

Beyond automated scanners: neither alat substitutes untuk testing dengan sebuah sebenarnya screen reader (VoiceOver, NVDA, JAWS) atau nyata keyboard-hanya navigation — accessibility-hanya criteria di Advanced tab (focus order, ARIA langsung regions) memerlukan itu jenis dari manual lulus, tidak hanya sebuah static scan.

Ready-untuk-gunakan AI prompts

Copy-paste starting poin untuk sorting sebuah halaman’s issues ke “helps keduanya audiences” (terjemahan) “helps keduanya audiences” vs. “accessibility-only.” (terjemahan) “accessibility-hanya.” selalu verify LLM output terhadap Advanced tab dan Anda own testing — treat ini sebagai drafting aids, tidak sebuah substitute untuk sebuah nyata screen-reader lulus.

Sort sebuah list dari flagged issues ke overlap vs. accessibility-hanya

Di sini adalah sebuah list dari accessibility issues flagged pada sebuah halaman [paste findings, e.g. dari sebuah axe-core scan]. untuk setiap issue, tell me apakah ini adalah (1) sebuah genuine SEO + accessibility overlap perbaiki, (2) sebuah shared root penyebab itu helps pengguna experience tetapi tidak sebuah named Google sinyal peringkat, atau (3) accessibility-hanya dengan Tidak plausible effect pada penelusuran rankings. jangan guess — jika Anda’re tidak sure yang bucket sesuatu belongs di, say so alih-alih picking satu.

Draft teks alt itu menyajikan keduanya audiences tanpa stuffing keywords

Di sini’s sebuah deskripsi dari sebuah image pada my halaman: [deskripsikan image dan -nya context]. Tulis teks alt itu akan sebenarnya help sebuah screen-reader pengguna memahami apa ditampilkan, di satu plain kalimat. jangan tambahkan keywords itu tidak sebuah genuine bagian dari image’s konten, dan melakukan tidak exceed apa sebuah sighted person akan naturally say describing ini.

periksa tautan text untuk “click di sini” (terjemahan) “click di sini” pattern di scale

Di sini adalah sebuah list dari tautan texts pulled dari my halaman(s): [paste anchor texts]. Flag setiap satu itu akan menjadi ambiguous untuk sebuah screen-reader pengguna tabbing melalui tautan out dari context (hal like “click di sini,” (terjemahan) “click di sini,” “baca lebih,” (terjemahan) “baca selengkapnya,” “learn lebih,” (terjemahan) “pelajari selengkapnya,” “di sini” (terjemahan) “di sini”), dan suggest sebuah spesifik, descriptive replacement untuk setiap berdasarkan -nya destination.

Resources worth Anda time

My related writing dan berfungsi

• Beginner’s Guide untuk SEO teknis — di mana pada-halaman fundamentals like heading dan teks alt fit.
• Web Almanac 2021 — SEO chapter — chapter I led; mencakup alt-text dan descriptive-anchor-text (16% missing) accessibility overlap findings.
• My deep dives pada teks alt, header tags, dan semantic HTML pada ini situs cover single clearest overlap, “order tidak memengaruhi rankings” (terjemahan) “order tidak memengaruhi rankings” poin, dan berdekatan Bing “advantage di SEO” (terjemahan) “advantage di SEO” framing respectively.

dari sekitar industry

• Google mengonfirmasi accessibility tidak sebuah direct peringkat factor (mesin pencari Journal) — Mueller quote di context.
• Google Clarifies H1-H6 heading untuk SEO (mesin pencari Journal) — Illyes heading-order clarification.
• WCAG 2 Overview dan WCAG 2,2 Quick Reference (W3C WAI) — standard itself.
• WebAIM Million 2025 (WebAIM) — annual audit dari top million homepages (94,8% dengan WCAG failures).
• Disability fact sheet (Siapa) — 1,3 billion / 16% global-population figure.
• SEO accessibility guide (mesin pencari Land) — sebuah thorough pesaing guide (baca -nya case-study traffic angka sebagai correlational, tidak proven causation).
• Accessibility dan SEO (BrowserStack) — sebuah practical overlap overview.

Log perubahan