SEO dan Aksesibilitas: Tingkatkan UX Anda

Pentingnya Memiliki Situs Web yang Dapat Diakses

Banyak aktivitas terjadi di ruang online — belajar, berbelanja, perbankan, dan membuat janji temu. Lingkungan digital harus dapat diakses seperti lingkungan fisik. Ketika situs Anda dioptimalkan untuk teknologi bantu dan cara interaksi alternatif, Anda memperluas jangkauan pasar dan membuka bisnis Anda untuk semua orang, serta menunjukkan inklusivitas dan kesetaraan.

Bisnis harus memberikan “kenikmatan penuh dan setara” atas barang, jasa, hak istimewa, dan keuntungan mereka, sesuai dengan Judul III Undang-Undang Penyandang Disabilitas Amerika (ADA). Departemen Kehakiman AS menafsirkan ini mencakup layanan yang ditawarkan di internet.

Ada peningkatan risiko tindakan hukum terhadap bisnis yang situsnya tidak mematuhi ADA. Terdapat 3.255 tuntutan hukum aksesibilitas situs web Judul III ADA di pengadilan federal AS pada tahun 2022, meningkat dari 814 kasus pada tahun 2017.

Apakah Aksesibilitas Mempengaruhi SEO?

Saat Anda menerapkan fitur aksesibilitas yang memungkinkan penyandang disabilitas berinteraksi dengan situs web Anda, Anda membantu mesin telusur untuk lebih memahami situs Anda dan mengindeksnya dengan lebih akurat.

Standar industri untuk aksesibilitas situs web ditetapkan dalam Pedoman Aksesibilitas Konten Web (WCAG), yang diterbitkan oleh World Wide Web Consortium (W3C). Pemasar SEO dapat menggunakan panduan ini untuk mengatasi elemen teknis seperti kontras warna, teks alternatif gambar, dan navigasi, sehingga menciptakan pengalaman online yang adil untuk semua orang, apa pun kemampuannya.

Apakah Aksesibilitas merupakan Faktor Pemeringkatan?

Aksesibilitas situs web bukanlah faktor peringkat mesin pencari langsung. Namun, situs yang dioptimalkan untuk semua pengguna lebih cenderung selaras dengan faktor peringkat Google dan mendapatkan peringkat lebih tinggi dalam hasil pencarian.

Banyak fitur aksesibilitas yang terkait dengan SEO, seperti peta situs XML dan HTML, keterbacaan, teks video, dan Core Web Vitals. Semakin banyak elemen yang dapat Anda penuhi, semakin baik peringkat situs Anda.

Misalnya, situs dengan Data Web Inti yang sehat memuat dan menstabilkan dengan cepat serta merespons interaksi pengguna dengan cepat untuk pengalaman yang optimal. Garis bawah? Google mendorong pengembang untuk membuat produk yang mudah diakses, jadi penting untuk mengikuti jejak raksasa pencarian tersebut.

Cara Mengintegrasikan Aksesibilitas dan SEO

Di bagian selanjutnya, saya akan menyoroti beberapa strategi aksesibilitas SEO yang dapat membuat situs Anda lebih bermanfaat bagi penyandang disabilitas dan mesin pencari.

Desain Situs Web dan UX

Google semakin mempertimbangkan pengalaman pengguna dalam pemeringkatannya, sehingga situs dengan SEO yang dapat diakses memiliki peluang lebih besar untuk mendapatkan peringkat yang baik. Anda akan menurunkan rasio pentalan dan mendorong keterlibatan pengunjung jika pengguna penyandang disabilitas dapat berinteraksi dengan situs Anda dengan lancar.

Tingkatkan desain situs dengan:

• Menjaga elemen situs tetap sederhana.
• Menghindari pemuatan gambar yang lambat, interstisial, dan konten yang berkedip.
• Memberikan kontras warna yang tinggi serta jenis dan ukuran font yang mudah dibaca.
• Menyejajarkan teks ke kiri.
• Membuat arsitektur situs yang logis dan navigasi intuitif.
• Menggunakan headline yang deskriptif dan jelas.
• Menghindari warna sebagai cara untuk menyorot informasi.
• Memberikan cara alternatif untuk menavigasi situs dan mengonsumsi konten.

Peta Situs XML & HTML

Peta situs menyediakan tautan ke setiap halaman di situs web dan memberikan gambaran besar kepada mesin pencari tentang bagaimana konten diatur untuk dirayapi dan diindeks. Peta Situs juga menawarkan metode navigasi alternatif yang penting bagi pengguna penyandang disabilitas, memungkinkan mereka memindai dan menemukan halaman web yang relevan dengan cepat dari satu tempat.

Atur peta situs Anda berdasarkan bagian dan subbagian untuk menampilkan hierarki situs, dan perbaiki setiap kali halaman ditambahkan, dipindahkan, atau dihapus untuk memastikan tidak ada tautan mati atau halaman yang hilang.

Navigasi

Situs yang mudah dinavigasi sangat penting untuk aksesibilitas, karena pengguna dapat merasa frustrasi jika mereka tidak dapat menemukan atau mengakses konten dengan perangkat bantu. Navigasi juga berdampak pada SEO karena mesin pencari mengikuti tautan untuk menemukan dan mengindeks halaman baru.

Untuk mengoptimalkan arsitektur situs Anda:

• Tempatkan navigasi di lokasi yang familier di tempat yang diharapkan pengguna.
• Gunakan label bermakna yang memperjelas ke mana tautan membawa Anda.
• Memberikan opsi navigasi keyboard bagi mereka yang tidak bisa menggunakan mouse.
• Tambahkan tautan bagian pada halaman dengan banyak konten untuk navigasi lebih cepat.
• Pastikan tautan cukup besar agar pengguna dapat mengekliknya dengan mudah.
• Uji navigasi untuk mengidentifikasi masalah sebelum meluncurkan situs.
• Pastikan urutan tab diatur dengan benar.

Tepung roti

Navigasi Breadcrumb adalah navigasi khusus halaman yang muncul secara horizontal di bagian atas halaman. Ini menunjukkan di mana suatu halaman berhubungan dengan halaman induk dan berguna untuk mengarahkan pengguna ke situs yang kompleks, terutama mereka yang membuka halaman kategori melalui pencarian, bukan halaman beranda. Pengguna juga dapat dengan cepat menavigasi ke halaman yang lebih tinggi dalam hierarki langsung dari halaman tersebut.

Untuk tujuan SEO, navigasi runut tautan menunjukkan kepada mesin pencari bagaimana halaman-halaman saling terkait. Halaman induk juga dapat berbagi ekuitas link dengan halaman anak melalui link internal, sehingga membantu meningkatkan otoritas untuk menentukan peringkat.

Untuk navigasi runut tautan yang efektif:

• Gunakan pemisah visual di remah roti Anda, seperti garis miring ke depan atau tanda lebih besar dari. Tambahkan remah roti menggunakan CSS sehingga pembaca layar tidak mengumumkan pemisah visual.
• Menerapkan data terstruktur sehingga navigasi runut tautan muncul di hasil penelusuran. Ini memberi tahu penelusur di mana di situs mereka akan diarahkan jika mengeklik cuplikan.

Judul Halaman

Judul halaman merangkum tujuan atau isi halaman web. Mereka sering muncul sebagai:

• Tautan yang dapat diklik di hasil mesin pencari.
• Nama tab yang terbuka di bilah browser.
• Judul default halaman yang diberi bookmark.
• Judul blok gambar yang dapat diklik di tautan media sosial.

Mesin pencari menggunakan tag judul HTML untuk memahami isi halaman untuk pengindeksan. Pembaca layar akan mengumumkan judul halaman untuk membantu pengguna menemukan halaman yang relevan atau mengetahui halaman apa yang mereka gunakan.

Untuk mengoptimalkan tag judul untuk SEO aksesibilitas, buatlah judul halaman bermanfaat yang:

• Menjelaskan halaman secara akurat.
• Secara alami memasukkan kata kunci target Anda.
• Panjangnya 50 hingga 60 karakter.
• Memaksa pengguna untuk mengklik.

Judul

Tag header adalah elemen standar SEO pada halaman yang digunakan untuk mengatur teks menjadi beberapa bagian guna meningkatkan keterbacaan. Setiap header menandakan dimulainya topik atau subtopik baru.

Teknologi pendukung menggunakan judul untuk mengarahkan pengguna langsung ke bagian yang mereka inginkan, yang lebih mudah daripada membaca seluruh halaman web untuk mendapatkan informasi spesifik. Mesin pencari menggunakan judul untuk memahami konten yang mengikuti setiap header agar lebih cocok dengan kueri.

Untuk mengoptimalkan judul untuk aksesibilitas SEO:

• Gunakan tag HTML yang tepat sehingga teknologi bantu dapat membacanya.
• Pastikan setiap header secara akurat mendeskripsikan konten bagian.
• Susun tingkat header secara berurutan dalam beberapa bagian, jadi jangan melompat dari H3 ke H5.

Teks Alternatif

Teks alternatif adalah deskripsi tertulis dari gambar online yang menggantikan gambar. Mereka membantu orang-orang dengan gangguan penglihatan atau gangguan penglihatan untuk memahami suatu gambar, serta memberikan informasi kepada semua pengguna jika gambar dimuat dengan lambat atau hilang. Karena mesin telusur tidak dapat merayapi gambar, tag alt penting untuk tujuan SEO guna menyampaikan subjek gambar untuk pengindeksan.

Berikut beberapa hal yang perlu dipertimbangkan saat menulis teks alternatif:

• Anda tidak perlu menyertakan “Ini adalah gambar” dalam deskripsi Anda karena pembaca layar secara otomatis mengumumkan hal ini.
• Tulislah kalimat lengkap dan hidupkan gambarnya. Daripada menggunakan “es krim” untuk teks alternatif, cobalah: “Pegang kerucut wafel dengan dua sendok es krim stroberi.”
• Jadikan teks alternatif relevan dengan konten halaman dan pertimbangkan apa yang ingin diketahui seseorang dalam konteks subjek.
• Jika gambar mempunyai fungsi, jelaskan tindakannya, bukan gambarnya. Misalnya, jika logo Nike tertaut ke produk Nike yang Anda jual, teks alternatif harus menyampaikan informasi ini, bukan menyatakan “logo Nike”.
• Gabungkan kata kunci secara alami. Isian kata kunci dianggap berisi spam.
• Untuk gambar kompleks seperti bagan, tautan ke deskripsi mendetail.
• Untuk gambar dekoratif atau untuk menghindari pengulangan keterangan rinci di layar, gunakan atribut alt kosong sehingga pembaca layar melewatkannya.

Metadata

Metadata, seperti deskripsi meta, tidak muncul di halaman web yang dipublikasikan tetapi membantu mesin pencari dan pengguna memahami tujuan dan konten halaman.

Deskripsi meta muncul di SERP di bawah judul halaman dan penting untuk aksesibilitas. Pembaca layar membacanya dengan lantang untuk membantu pengguna memutuskan apakah halaman tersebut memenuhi kebutuhan mereka sebelum mereka mengkliknya. Mereka juga meningkatkan SEO dengan memberikan wawasan mesin pencari tentang relevansi halaman sehingga mereka dapat mencocokkan konten dengan kueri yang sesuai, sehingga mengurangi rasio pentalan.

Deskripsi meta yang efektif:

• Menggambarkan isi suatu halaman secara akurat.
• Jelas dan mudah dipahami jika dibaca dengan lantang.
• Sertakan kata kunci utama.
• Berisi kurang dari 160 karakter.
• Berisi ajakan bertindak dan memaksa pengguna untuk mengklik.

Keramahan Seluler

Lebih dari separuh lalu lintas web global berasal dari perangkat seluler. Google meng-crawl versi seluler semua situs web baru terlebih dahulu, artinya situs Anda harus dapat diakses dan dioptimalkan untuk ponsel cerdas, tablet, dan perangkat lainnya.

Untuk memastikan situs Anda ramah seluler:

• Gunakan desain responsif yang dapat dirender untuk berbagai ukuran layar.
• Format konten sehingga pembaca dapat membaca sepintas atau membacanya dengan mudah.
• Jaga agar situs Anda tetap sederhana dan bersih tanpa interstisial yang mengganggu.
• Optimalkan kecepatan situs agar dimuat dengan cepat bagi pengguna saat bepergian.
• Targetkan kata kunci spesifik untuk pencarian suara.

Teks dan Transkrip Video

Konten video semakin populer, tetapi streaming langsung, webinar, wawancara, dan demo produk visual dapat menjadi tantangan bagi pengguna tunarungu atau gangguan pendengaran dan mesin telusur kecuali Anda menyediakan teks dan transkrip.

Teks di layar adalah alternatif teks selain audio bagi pengguna tunarungu atau gangguan pendengaran. Beberapa orang juga lebih memilih caption ketika berada di lingkungan yang bising atau tidak ingin mengganggu orang lain. Meskipun YouTube menyediakan teks video otomatis, Anda harus mengedit teks agar akurat demi pengalaman pengguna terbaik.

Transkrip lengkap memberikan alternatif teks untuk bagian video yang diucapkan (dan bagus untuk SEO video). Anda harus mempublikasikannya di halaman yang sama dengan video atau di halaman terpisah dengan link. Pembaca layar dapat membaca transkrip lebih cepat dibandingkan teks video. Beberapa pengguna mungkin juga lebih memilih membaca sekilas transkrip daripada menonton video atau menelusuri transkrip untuk istilah tertentu.

Karena mesin telusur tidak dapat merayapi konten video, transkrip memberikan informasi berharga untuk pengindeksan. Edit transkrip untuk menghilangkan elemen percakapan seperti “um” dan “ah” agar lebih mudah dibaca.

Teks Jangkar

Teks jangkar adalah teks yang dapat diklik yang memberi tahu pengguna dan mesin pencari ke mana tautan membawa mereka. Mesin pencari menggunakan teks tautan untuk memahami konten di sekitar tautan dan di halaman tujuan. Teks jangkar yang akurat juga penting bagi pengguna penyandang disabilitas agar mereka tidak perlu mengklik halaman lain yang tidak memenuhi kebutuhan mereka.

Tulis teks jangkar yang ringkas dan akurat sehingga pengguna mengetahui apa yang diharapkan ketika mereka mengikuti tautan. Ini berarti menghindari frasa umum seperti “klik di sini” atau menggunakan URL sebagai teks jangkar.

Karena beberapa pengguna pembaca layar akan memindai halaman untuk mencari tautan, tes yang baik untuk mengetahui apakah teks jangkar Anda dapat diakses adalah dengan melihat apakah teks tersebut dapat dipahami jika dibacakan sendiri.

Keterbacaan

Keterbacaan mengacu pada seberapa mudah suatu konten untuk dikonsumsi. Halaman dengan keterbacaan tinggi akan melibatkan pengguna dan membuat mereka tetap berada di situs Anda lebih lama. Hal ini juga lebih mudah dipahami oleh mesin pencari yang mencoba mencocokkan konten dengan permintaan pengguna.

Anda dapat meningkatkan keterbacaan untuk SEO dan aksesibilitas dengan:

• Mengelompokkan konten menjadi beberapa bagian dengan header yang jelas sehingga informasi mudah ditemukan.
• Menghilangkan kata-kata yang bertele-tele dan memilih bahasa yang sederhana dan menarik.
• Menggunakan kalimat aktif untuk gaya penulisan yang lebih langsung.
• Menggunakan daftar bernomor atau berpoin untuk pemindaian.
• Menulis untuk pembaca dan menghindari penjejalan kata kunci.

Alat Pengujian Aksesibilitas

Ada banyak alat gratis dan berbayar yang tersedia yang dapat memberi Anda gambaran tentang seberapa mudah diaksesnya situs Anda. Saya telah mencantumkan beberapa di bawah untuk membantu Anda memulai.

aksesPindai

accessScan memberikan analisis terperinci tentang bagaimana situs Anda diukur dalam hal elemen yang dapat diklik, judul, menu, orientasi, grafik, formulir, dan keterbacaan. Alat gratis ini memindai domain dan memberi tahu Anda apakah situs Anda memenuhi berbagai standar aksesibilitas, dengan detail tentang elemen yang gagal Anda penuhi. Anda dapat mengunduh informasi sebagai laporan PDF.

Pemeriksa Aksesibilitas

Pemeriksa Aksesibilitas mengaudit kepatuhan situs web berdasarkan undang-undang aksesibilitas di negara tertentu. Laporan ini memberikan skor kepatuhan keseluruhan, daftar masalah mendesak dan sekunder, serta solusinya. Alat gratis ini dapat digunakan pada halaman web individual, namun Anda harus meningkatkan versi untuk memindai beberapa halaman sekaligus.

Alat Evaluasi Aksesibilitas Web (WAVE)

Dikembangkan oleh WebAIM, alat ini menguji halaman web untuk masalah aksesibilitas sesuai dengan pedoman WCAG 2.1. Anda bisa langsung masuk ke website WAVE dan memasukkan URL untuk melihat visualisasi kesalahannya. Alat ini menempatkan ikon di halaman web Anda untuk menunjukkan lokasi masalahnya. WAVE juga tersedia sebagai ekstensi browser sehingga Anda dapat mengujinya langsung di Chrome, Firefox, dan Edge.

Dapatkan Bantuan Menyatukan SEO dan Aksesibilitas Sekarang

Daripada menganggap aksesibilitas sebagai sebuah renungan, gabungkan dengan SEO untuk menyederhanakan upaya pengoptimalan situs web Anda. Tim kami di Victorious dapat membantu Anda membangun strategi hebat yang menggabungkan aksesibilitas dan SEO, menciptakan situs web bermanfaat dan bebas hambatan yang menjangkau khalayak seluas mungkin. Hubungi kami hari ini untuk konsultasi gratis.