Web Sitenizin Erişilebilirliğini + SEO Nasıl Geliştirilir

Erişilebilirlik ve SEO'nun Mutlu Bir şekilde Birlikte Bulunduğu Yerin Bulunması

Bu bir efsane değil - SEO ve erişilebilirliğin kesiştiği bazı alanlar var. Kredi: Unsplash

Arama Motoru Optimizasyonu (SEO) ve web sitesine erişilebilirlik aynı şey değildir. İzlenecek farklı kurallar, hedeflenecek farklı izleyiciler ve her birinin etkinliğini test etmenin farklı yolları vardır.

Web sitenizi arama motoru botları için optimize etmek, gerçek kullanıcılar için otomatik olarak erişilebilir olacağı anlamına gelmez. Bazı SEO uygulamaları web sitenizin erişilebilirliğine bile zarar verebilir.

Ancak hepsi kötü haber değil, iki dünyanın üst üste geldiği bazı alanlar var. Bir proje için sınırlı bir bütçeye ve / veya zamana sahipseniz, bu altı alanı * hedeflemek, hem SEO hem de web sitesi erişilebilirliğini aynı anda artırabilir.

* Not: Bu makalenin odak noktası örtüşen alanlardır. Aşağıdaki her alandaki her belirli görev SEO'yu daha fazla hedefleyebilir, bazı işler erişilebilirliği daha fazla hedefleyebilir.

Uyarı: sakallı hippi pizza adamı sizi avlayacak ve UI'nin SEO ve web sitelerinin erişilebilirliği için önemini göz ardı ederseniz sizi küvette yaptığı el yapımı bir demliği içmeye zorlar. Kredi: Unsplash

Yapısı Önemlidir

İyi bir kullanıcı arayüzünün (UI) gücünü hafife almayın. Temiz, anlaşılır ve tutarlı UI'lere sahip web siteleri özellikle arama motoru botları ve yardımcı teknoloji cihazları kullanan veya yalnızca klavye kullanan kişiler için iyidir. Bir düşünün - bir kullanıcı veya bot bir sayfa bulamazsa, onu nasıl okuyabilir veya etkileşime girebilir? Sayfa bulmayı ve web sitesiyle etkileşimi olabildiğince kolay hale getirmeniz gerekir.

En İyi Uygulamalar

  • Gezinme ve sayfa düzeninizi açık ve tutarlı bir şekilde oluşturun ve birden fazla içerik bulma yoluna sahip olun (ör. Arama, site haritası, içindekiler tablosu). İçeriği daha anlamlı bir şekilde dizine eklemelerini sağlayan iyi düzenlenmiş web sitesi mimarisi gibi arama motoru botları.
  • Web sitenizde gezinmek veya kullanmak zorsa, - bir web sitesindeki süre, görüntülenen sayfalar ve hemen çıkma oranı da dahil olmak üzere kullanıcı analitik istatistiklerinizi etkileyebilir. Bu da SEO sıralamanıza zarar verebilir. En azından, kullanıcılarınızı rahatsız eder.
  • Anlamı iletmek için CSS veya başka bir stilistik işaretleme kullanmaktan kaçının. Bunun yerine HTML işaretlemesi kullanması gereken bir öğeyi asla “taklit etmemelisiniz”.
  • Uygun olduğunda , , , gibi erişilebilir HTML 5 sayfa öğelerini kullanın. Bu elemanlar arama motoru botlarına ve yardımcı teknoloji cihazlarına göre
    veya

    elemanlarına göre daha açıklayıcıdır.

Etiketler, etiketler, her yerde etiketler. Çeşitli ebat ve renklerde el yapımı ambalaj etiketleri. Kredi: Unsplash

Etiketlerin Doğru Kullanımı

Web sitenizin içeriği esas olarak, sayfanızın başlıkları için kullanılan etiketler dahil (

etiketleriyle karıştırılmamalıdır) HTML işaretlemesine indirgenebilir.

ve

etiketleri arasında gezinmek, bir kullanıcıya veya arama motoruna bir sayfanın genel içeriğini ve içeriğinin nasıl yapılandırıldığını gösterirken,

ile

etiketleri her bölümdeki ayrıntıların hızlı bir şekilde anlaşılmasını sağlar . Hem web sitesi erişilebilirliği hem de SEO için bu etiketleri doğru kullanmak önemlidir.

En İyi Uygulamalar

  • Başlık etiketlerini tutarlı tutun ve başlıklara görsel bir görünüm vermek için yalnızca metni stillendirmeyin - gerçek başlık etiketlerini kullanın. Aksi halde, arama motoru botları ve kullanıcıları hangi içeriğin en önemli olduğunu bilmeyeceklerdir.
  • Başlık etiketleri sırayla olmalıdır. Bu, bir

    'i bir

    takip eder, bir

    ardından bir

    veya

    takip eder.

  • Bir web sitesinde sıraya girerken başlık etiketlerini atlamaktan kaçının. Örneğin, bir

    'den

    ' e atlamayın. Not: Yeni bir sayfa bölümü başlatıyorsanız, sırayla (
    ila

    ) ilerlerken başlık etiketlerini atlamak sorun değildir.

  • Sayfa başına yalnızca bir

    olması en iyi yöntemdir.

    etiketlerini esas olarak arama motoru botlarına alaka düzeyi sinyali gönderen "ikinci sayfa başlık etiketleri" olarak düşünün.

Pratik yapmak mükemmelleştirir. Atlet beyaz Adidas ayakkabılarını chainlink çitin üzerinde duruyor. Kredi: Unsplash

Bağlantılarınızı Mükemmelleştirin

Bağlantılar, hem arama motoru botları hem de ekran okuyucular gibi yardımcı teknoloji cihazları kullanan kişiler için bir web sitesi oluşturabilir veya bozabilir. Sayfa başlıklarını inceledikten sonra, bağlantılar kullanıcıların ve tarayıcıların en çok not aldıkları bir sonraki ana unsurdur, bu nedenle bağlantılarınızın mümkün olduğu kadar mükemmel olması esastır.

En İyi Uygulamalar

  • Hiçbir bağlantınız olmadığından emin olun. Bu SEO için ihmal edilmiş veya terk edilmiş bir web sitesinin bir işareti olarak görülebilir. Ayrıca, kullanıcılarınızı sinirlendiren / kafanızı karıştıran kötü bir web sitesi erişilebilirlik uygulamasıdır.
  • Dahili etiketleme tipi bağlantıları kullanın, ancak aşırıya kaçmayın. Yoast.com'a göre: “SEO'nuzu geliştirir, bir içerik parçasını diğerine ve daha spesifik olarak birbirleriyle paylaşılan bir grup gruba ilişkilendirir.” Ayrıca kullanıcıların tek bir tıklamayla benzer içeriğe kolay erişmelerini sağlar.
  • Açıklayıcı bağlantı metni sağlayın. Buraya tıklayın ve daha fazlasını okumak gibi ifadeler kullanmaktan kaçının. Bu cümleleri kullanmayı tercih ediyorsanız, görsel olarak gizli veya ARIA yöntemlerini kullanarak ek bağlantı bilgileri eklerseniz, bunları * tutabilirsiniz.
  • Bağlantılarınıza açıklayıcı başlık özellikleri eklemeyi atlayın (bir bağlantı üzerine geldiğinizde görünen o metin). Bağlantı başlıkları eklemek mutlaka yanlış değildir, ancak tartışmalı bir şekilde SEO veya web sitesi erişilebilirliği için pek yardımcı değildir.
Peynir de! Retro çiçek tutan pembe çiçekli gömlekli kadın. Kredi: Unsplash

Görüntü Optimizasyonu

Her ne kadar arama motoru botları ve ekran okuyucu kullanan insanlar geleneksel anlamda “göremiyorlar” olsa da, resmin ne olduğunu göstermek için hem resim adlarına hem de alternatif metne güveniyorlar. Bu öğelerin yerinde olması, hem çevreleyen içeriği desteklemek hem de genel kullanıcı deneyimi için önemlidir.

En İyi Uygulamalar

  • Resimlerinizi adlandırırken mümkün olduğunca tutarlı ve doğru olun. Örneğin, turuncu bir tekir kedi fotoğrafı için dosyanızı brown-puppy.jpg olarak adlandırmayın.
  • Alfa olmayan karakterler kullanmaktan kaçının (ör. 7,%, &, $) ve resim adlarınızdaki veya alternatif metninizde alt çizgiler yerine, kelimeler arasında kısa çizgiler kullanın. Örneğin, orange-tabby-cat.jpg yazın ve 0r @ nge_t @ 66y_c @ t! .Jpg yazın.
  • Alternatif metninizi 125 karakterin altında tutun. Daha fazla karaktere ihtiyacınız varsa, başlık metnini kullanın veya görüntüyü sayfadaki ana metin alanında tanımlayın.
  • Robot gibi değil, insan gibi alternatif bir metin yazın. Anahtar kelime doldurma kimseye fayda sağlamaz - ekran okuyucu kullanan kişiler rahatsız olur ve arama motoru botları sizi cezalandırır. Sadece yapma.
Medyanızın botlar ve insanlar için çalışmasını sağlayın. İplik rekor oyuncunun yakın çekim. Kredi: Unsplash

Medyanızı Tamamlayın

Görme engelli kişiler (örneğin, nöbet bozuklukları, kör), işitsel engelli (işitme engelli, işitme güçlüğü), durumsal / geçici engeller, bant genişliği zayıf bağlantıları olan insanlar ve birçoğu erişilebilir bir ortamda gösterilen medyadan büyük ölçüde yararlanabilirler. yol. Benzer şekilde, arama motoru botları, gözleri, kulakları veya elleri olmadığı için “devre dışı bırakılmıştır”, bu yüzden bu, hem SEO hem de web sitesine erişimin, iyi bir örtüşme olduğu bir alandır.

En İyi Uygulamalar

  • Az daha çoktur. Mümkün olduğunca tasarımınızdaki karmaşık ortam bileşenlerinin (örn. Slayt gösterileri, videolar) kullanımını sınırlayın. Korkma… alternatif yerleşim seçenekleri var.
  • Temel medyaya açık, eksiksiz ve kısa metin açıklamaları ekleyin ve işaretleyin. Gerekli olmayan medyayı tutmak için iki kez düşünün.
  • Tüm videolarda ve slayt gösterilerinde otomatik ilerletme varsa bir oynat / duraklat düğmesi bulunmalıdır; ancak lütfen hiçbir zaman otomatik başlatma yapmayın. İdeal olarak, tüm medya kontrolleri erişilebilir olmalıdır.
  • Medyaya erişmek için alternatif yollar sağlayın. Örneğin, videolar için transkriptlere ve / veya başlıklara sahip olmak; sadece ses dosyası için bir transkript oluşturmak; medyanıza bir braille formatlı dosya ekleyin. Kullanmanız için birçok farklı alternatif format türü vardır.
İçerik kraldır. Matbaa kabı, çeşitli ebat ve yazı tipi ailelerin harflerini engeller. Kredi: Unsplash

İçeriğinizi Deklutter

Son fakat en az değil, web sitenizin genel yapısını, başlık etiketlerini, bağlantıları, görüntüleri ve diğer medyayı ele aldıktan sonra, bir sonraki adım gerçek içeriğe odaklanmaktır. Her web sitesi benzersiz bir kar tanesi olduğu için, web sitesi içeriğinde bir web sitesinden diğerine çok fazla değişkenlik vardır. Bazı web sitelerindeki bazı kullanıcılar için işe yarar, sizin ve siteniz için çalışmayabilir. Anahtar, alabileceğiniz en iyi içeriği yazmak ve Google’ın içerik oluşturma mantrasını zihninizin arkasında tutmaktır:

“Web sitenizi benzersiz, değerli veya ilgi çekici kılan şeyleri düşünün. Web sitenizi alanınızdaki diğerlerinden farklı kılın. ”

En İyi Uygulamalar

  • Her paragrafın uzunluğunu kabaca üç cümle ile sınırlandırın ve hedef kitlenizle tutarlı bir okuma notu seviyesi hedefleyin. İdeal olarak, hem web sitesine erişilebilirlik hem de SEO amaçları için, 9. sınıf seviyesini hedeflemelisiniz.
  • Kelimeleri vurgulamak için kalın ve italik etiketleri kullanmayın, bunun yerine güçlü ve vurgu kullanın. Görsel olarak birbirlerine benzeyeceklerdir, ancak ekran okuyucular (doğru modda), ve etiketleriyle çevrili kelimelere vurgu eklerken, tamamen göz ardı eder veya ve etiketlerini değiştirir .
  • İçeriğinizi çoğaltmayın. Arama motoru botları sizi fark edecek ve cezalandırır. Kullanıcılarınızın kafası karışacak.
  • Madde işaretleri ve numaralandırılmış listeler, okuyucular için içeriğinizi kırmaya yardımcı olarak daha kullanıcı dostu hale getirir. Bonus: Bazı araştırmalar, arama motorlarının botların mermi ve sayıları içeren içeriği düz metin olarak tercih ettiğini gösteriyor.

❤ Bu makaleyi beğendiyseniz, alkış simgesini (istediğiniz kadar) tıklatarak, hikayeyi sosyal medyada paylaşarak ve beni Orta veya Twitter'da takip ederek desteğinizi gösterin! Teşekkür ederim ve mutlu okuma

Bu hikaye, Orta’nın en büyük girişimcilik yayını olan Startup’ta ve ardından 273.971+

En iyi hikayelerimizi buradan almak için abone olun.