Web geliştirme ve SEO seyahatlerinizde W3C ile karşılaşmış olabilirsiniz. W3C, World Wide Web Konsorsiyumudur ve World Wide Web’in yaratıcısı Tim Berners-Lee tarafından kurulmuştur . Bu web standartları gövdesi, dünya çapındaki web standartları için kodlama spesifikasyonları oluşturur. Ayrıca HTML’nizin (diğer kodların yanı sıra) geçerli ve hatasız olmasını sağlamak için bir doğrulayıcı hizmeti sunar. Sayfanızın doğrulandığından emin olmak, tarayıcılar arası ve platformlar arası uyumluluk sağlamak ve herkes için erişilebilir bir çevrimiçi deneyim sağlamak için yapılabilecek en önemli şeylerden biridir . Geçersiz kod, aksaklıklara, oluşturma hatalarına ve uzun işleme veya yükleme sürelerine neden olabilir. Basitçe söylemek gerekirse, kodunuz tüm büyük web tarayıcılarında amaçlanan şeyi yapmıyorsa, bu, kullanıcı deneyimini ve SEO’yu olumsuz etkileyebilir.
W3C Doğrulaması: Nasıl Çalışır ve SEO’yu Destekler
Web standartları önemlidir çünkü web geliştiricilerine kod yazmak için standart bir kurallar dizisi verirler. Şirketiniz tarafından kullanılan tüm kodlar aynı protokoller kullanılarak oluşturulmuşsa, gelecekte bu kodun bakımını ve güncellemesini yapmanız çok daha kolay olacaktır. Bu, özellikle diğer kişilerin koduyla çalışırken önemlidir. Sayfalarınız web standartlarına uygunsa , W3C doğrulama araçlarına göre doğru şekilde doğrulanacaktır. Kod oluşturma işleminizin temeli olarak web standartlarını kullandığınızda, kodunuzun yerleşik erişilebilirlik ile kullanıcı dostu olmasını sağlarsınız. SEO söz konusu olduğunda, doğrulanmış kod her zaman kötü yazılmış koddan daha iyidir. John Mueller’e göre Google, kodunuzun nasıl yazıldığıyla ilgilenmiyor. Bu, bir W3C doğrulama hatasının sıralamanızın düşmesine neden olmayacağı anlamına gelir. Doğrulanmış kodla da daha iyi bir sıralama elde edemezsiniz. Ancak, iyi biçimlendirilmiş işaretlemenin dolaylı SEO faydaları vardır:
- Kod Kabarmasını Ortadan Kaldırır : Kodun doğrulanması, kod şişmesinden kaçınma eğiliminde olduğunuz anlamına gelir . Doğrulanmış kod, muadilinden genellikle daha yalın, daha iyi ve daha kompakttır.
- Daha Hızlı Oluşturma Süreleri : Tarayıcının daha az işleme ihtiyacı olduğundan ve sayfa hızının bir sıralama faktörü olduğunu bildiğimiz için bu, potansiyel olarak daha iyi oluşturma sürelerine dönüşebilir.
- Önemli Web Verileri Puanlarına Dolaylı Katkılar : Görsellerinize genişlik ve yükseklik özniteliği eklemek gibi kodlama standartlarına dikkat ettiğinizde, tarayıcının sayfayı oluşturmak için atması gereken adımları ortadan kaldırırsınız. Daha hızlı oluşturma süreleri Temel Web Verileri puanlarınıza katkıda bulunarak bu önemli metrikleri genel olarak iyileştirebilir.
Roger Montti , Google’ın hala kod doğrulamasını önermesinin altı nedeni derledi , çünkü:
- Tarama hızını etkileyebilir.
- Tarayıcı uyumluluğunu etkiler.
- İyi bir kullanıcı deneyimini teşvik eder.
- Sayfaların her yerde çalışmasını sağlar.
- Google Alışveriş Reklamları için kullanışlıdır.
- Başlık bölümünde geçersiz HTML, Hreflang’ı bozuyor.
Çoklu Cihaz Erişilebilirliği
Geçerli kod ayrıca, en son W3C standartlarına uyduğundan ve tarayıcı bu kodun nasıl işleneceğini daha iyi bileceğinden, daha iyi tarayıcılar arası ve platformlar arası uyumluluğa çevrilmesine yardımcı olur. Bu, sitelerinize farklı cihazlardan erişen kişiler için daha iyi bir kullanıcı deneyimi sağlar. Doğrulanmış bir siteniz varsa, onu görüntülemek için kullanılan cihaz veya platformdan bağımsız olarak doğru şekilde oluşturulacaktır. Bu, tüm kodların doğrulama yapılmadan birden fazla tarayıcıya ve platforma uymadığı anlamına gelmez, ancak çeşitli uygulamalarda oluşturmada sapmalar olabilir.
Kodun Doğrulanmamasının Yaygın Nedenleri
Elbette, web sayfalarınızı doğrulamak, sitenizi tüm platformlarda ve tüm tarama seçeneklerinde istediğiniz gibi oluşturmayla ilgili tüm sorunları çözmeyecektir. Ancak bu sorunları çözmek için uzun bir yol kat ediyor. Sizin tarafınızdan doğrulama ile ilgili bir şeyler ters giderse, artık sorun gidermeye başlamak için bir temeliniz var. Kodunuza gidebilir ve neyin başarısız olduğunu görebilirsiniz. Bu sorunları bulmak ve doğrulanmış bir siteyle bunları gidermek daha kolay olacaktır çünkü nereye bakmaya başlayacağınızı bilirsiniz. Bunu söyledikten sonra, sayfaların doğrulamamasının birkaç nedeni vardır.
Tarayıcıya Özgü Sorunlar
Kodunuzdaki bir şey yalnızca bir tarayıcıda veya platformda çalışıp başka bir platformda çalışmayabilir. Bu sorunun daha sonra rahatsız edici komut dosyasının geliştiricisi tarafından ele alınması gerekir. Bu, yalnızca bazı platformlarda/tarayıcılarda değil, tüm platformlarda/tarayıcılarda doğrulanması için kodun kendisini gerçekten düzenlemesi gerektiği anlamına gelir.
Eski Kod Kullanıyorsunuz
W3C, yalnızca son birkaç on yıl içinde doğrulama testleri sunmaya başladı. Sayfanız bu zamandan önce gelen bir tarayıcıda doğrulamak için oluşturulduysa (örneğin, IE 6 veya öncesi), daha eski teknolojiler ve biçimler düşünülerek yazıldığından bu yeni standartları geçmeyecektir. Bu nispeten nadir bir sorun olsa da, yine de oluyor. Bu sorun, kodu W3C uyumlu hale getirmek için yeniden çalışarak çözülebilir, ancak daha eski tarayıcılarla uyumluluğu korumak istiyorsanız, çalışan kodu kullanmaya devam etmeniz ve böylece %100 tam doğrulamayı geçmekten vazgeçmeniz gerekebilir. Her iki sorun da potansiyel olarak küçük bir deneme yanılma ile çözülebilir. Biraz çalışma ve çabayla, her iki site türü de birden fazla cihaz ve platformda sorunsuz bir şekilde doğrulanabilir – umarım!
Çok Dilli Belgeler
Çok dilli belgeler, kodun eski bir sürümünden aktarılmış olabilecek ve yeni sürümle uyumlu olması için hiçbir zaman yeniden çalışılmamış herhangi bir belgeyi içerir. Başka bir deyişle, geçerli belgenin kodlandığından farklı bir kod türüne sahip belgelerin bir birleşimidir (örneğin, bir XHTML belge türüyle karşılaştırıldığında bir HTML 4.01 geçiş belgesi türü). Hata yapmayın: Her ikisi de kendi başına “HTML” olsa da, çok farklı dillerdir ve bu şekilde ele alınmaları gerekir. Birini kopyalayıp yapıştırarak her şeyin yolunda ve züppe olmasını bekleyemezsiniz. Ne anlama geliyor? Örneğin, kodu doğrulayabileceğiniz durumlar görmüş olabilirsiniz, ancak bir belgenin neredeyse her bir satırında W3C doğrulayıcıda bir sorun var. Bunun nedeni, birinin sitenin başka bir sürümünden kod aktarması ve yeni kodlama standartlarını yansıtacak şekilde güncellememesi olabilir. Her iki durumda da, bunu onarmanın tek yolu, kodu satır satır yeniden çalışmaktır (olağanüstü derecede sıkıcı bir süreç).
W3C Doğrulaması Nasıl Çalışır?
W3C doğrulayıcı, kodunuzun çok çeşitli platformlarda ve sistemlerde doğrulandığından emin olmak için bu yazarın tercih ettiği doğrulayıcıdır. W3C doğrulayıcısını kullanmak ücretsizdir ve ona buradan erişebilirsiniz . W3C doğrulayıcı ile sayfalarınızı sayfa URL’sine, dosya yüklemeye ve Doğrudan Girişe göre doğrulamak mümkündür.
- Sayfalarınızı URL ile Doğrulayın : Bu nispeten basittir. URL’yi kopyalayıp Adres alanına yapıştırmanız yeterlidir; kodunuzu doğrulamak için kontrol düğmesine tıklayabilirsiniz.
- Sayfalarınızı Dosya Yükleme ile Doğrulayın : Dosya yükleme ile doğrulama yaptığınızda, seçtiğiniz html dosyalarını birer birer yüklersiniz. Dikkat: Internet Explorer veya Windows XP’nin belirli sürümlerini kullanıyorsanız bu seçenek sizin için çalışmayabilir.
- Sayfalarınızı Doğrudan Girişle Doğrulayın : Bu seçenekle, doğrulamak istediğiniz kodu kopyalayıp düzenleyiciye yapıştırmanız yeterlidir, W3C doğrulayıcı gerisini halleder.
Bazı profesyoneller bazı W3C hatalarının bir kafiye veya sebebi olmadığını iddia ederken, vakaların %99,9’unda bir kafiye ve sebep vardır. Belgenin tamamında bir kafiye ve sebep yoksa, olası bir sorun olarak aşağıdaki çok dilli belgelerle ilgili bölümümüze başvurabilirsiniz.
HTML Sözdizimi
En baştan HTML sözdizimi ile başlayalım. World Wide Web’in omurgası olduğu için, bu, bir SEO uzmanı olarak karşılaşacağınız en yaygın kodlamadır. W3C, HTML 5 için “HTML5 Standardı” adı verilen bir belirtim oluşturmuştur. Bu belge, HTML’nin popüler tarayıcılar tarafından işlenmesi için ideal bir düzeyde nasıl yazılması gerektiğini açıklar. Sitelerine giderseniz, kodunuzun bu spesifikasyona göre geçerli olduğundan emin olmak için doğrulayıcılarını kullanabilirsiniz. Standartlara uygunluk söz konusu olduğunda aradıkları bazı kurallardan örnekler bile veriyorlar. Bu, çalışmanızı yayınlamadan önce kontrol etmeyi hiç olmadığı kadar kolaylaştırır!
Diğer Diller İçin Doğrulayıcılar
Şimdi çevrimiçi kullanıyor olabileceğiniz diğer dillerden bazılarına geçelim. Örneğin, CSS3’ü duymuş olabilirsiniz. W3C, CSS 3 için “CSS3 Standardı” olarak da adlandırılan standart belgelere sahiptir. Bu, doğrulama için daha da fazla fırsat olduğu anlamına gelir! Platformlar arasında uygunluğu sağlamak için HTML’nizi standartlarına göre doğrulayabilir ve ardından CSS’nizi aynı standarda göre doğrulayabilirsiniz. Kodunuzu aynı anda pek çok farklı standarda göre doğrulamak aşırıya kaçmış gibi görünse de, bunun platformlar arasında uygunluğu sağlamak için her zamankinden daha fazla şansın olduğu anlamına geldiğini unutmayın. Ve sadece bir dilde çalışanlarınız için artık ufkunuzu genişletme fırsatınız var! Her şeyi mükemmel bir şekilde hizalamak imkansız değilse de inanılmaz derecede zor olabilir, bu yüzden savaşlarınızı seçmeniz gerekecek. Ayrıca, yerel olarak mevcut zamana veya kaynaklara sahip olmadan, çevrimiçi olarak hızlı bir şekilde kontrol edilen bir şeye ihtiyacınız olabilir.
Yaygın Doğrulama Hataları
Doğrulama sürecinden geçerken en yaygın doğrulama hatalarının farkında olmanız gerekecek ve bu hataların ne anlama geldiğini bilmek de iyi bir fikirdir. Bu şekilde, sayfanız doğrulama yapmazsa, olası sorunları aramaya nereden başlayacağınızı tam olarak bileceksiniz. En yaygın doğrulama hatalarından bazıları (ve anlamları) şunları içerir:
- Tür Uyuşmazlığı : Kodunuz bir tür veri nesnesini başka bir veri nesnesi gibi göstermeye çalışırken (örneğin, bir sayıyı metin olarak gönderme), bu mesajı alma riskiniz vardır. Bu hata genellikle bir tür kodlama hatası yapıldığını gösterir. Çözüm, bu hatanın tam olarak nerede yapıldığını bulmak ve kodun başarıyla doğrulanması için düzeltmek olacaktır.
- Ayrıştırma Hatası : Bu hata size kodlamada bir yerde hata olduğunu söyler ama o hatanın nerede olduğunu söylemez. Bu olursa, kodunuzun nerede yanlış gittiğini bulmak için ciddi bir dedektiflik yapmanız gerekecektir.
- Sözdizimi Hataları : Bu tür hatalar, kodlama sözdiziminde (çoğunlukla) dikkatsiz hataları içerir. Ya sözdizimi yanlış yazılmıştır ya da bağlamı yanlıştır. Her iki durumda da, bu hatalar W3C doğrulayıcısında görünecektir.
Yukarıdakiler, sayfanızı doğrularken görebileceğiniz bazı hata örnekleridir. Ne yazık ki, liste uzayıp gidiyor – bu sorunları çözmek için harcanan zaman gibi!
Daha Spesifik Hatalar (Ve Çözümleri)
Siteniz için geçerli olan daha spesifik hatalar bulabilirsiniz. “Etikette kullanılan tür niteliğine” atıfta bulunan hatalar içerebilirler. Bu, aşağıdakiler gibi JavaScript bildirim etiketleri gibi bazı etiketleri ifade eder: <script type=”text/javascript”>. Bu etiketin type özelliği artık gerekli değildir ve artık eski kodlama olarak kabul edilmektedir. Şimdi bu tür bir kodlama kullanırsanız, belirli doğrulayıcılarda istemeden her yere doğrulama hataları atabilirsiniz. Bazıları tarafından alt etiket olarak da adlandırılan alternatif metin (alt metin) kullanmamanın bir W3C sorunu olduğunu biliyor muydunuz? Erişilebilirlik için W3C kurallarına uymuyor. Alternatif metin , resimlere kodlanmış metindir. Öncelikle görme engelliler için ekran okuyucular tarafından kullanılır. Görmeyen bir kişi sitenizi ziyaret ederse ve resimlerinizde alternatif metin (veya anlamlı alternatif metin) yoksa, sitenizi etkin bir şekilde kullanamayacaklardır.
Bu ekran okuyucuların çalışma şekli, resimlere kodlanmış kelimeleri yüksek sesle söylemeleridir, böylece körler web sayfanızda ne olduğunu anlamak için işitme duyularını kullanabilirler. Sayfanız bu konuda çok erişilebilir değilse, bu potansiyel olarak başka bir yapışkan soruna yol açabilir: erişilebilirlik davaları . Bu nedenle erişilebilirlik standartlarınıza dikkat etmeniz ve kodunuzu bu standartlara göre doğrulamanız gerekir. Diğer yaygın hata türleri, etiketlerin bağlam dışı kullanımını içerir. Kod bağlamı hataları için, bu hataların artık doğrulayıcı tarafından atılmaması için W3C belgelerine göre onarıldıklarından emin olmanız gerekir.
Hataların Site Deneyiminizi Etkilemesini Önleme
Doğrulama hatalarının oluşmasını önlemenin en iyi yolu, sitenizin lansmandan önce doğrulandığından emin olmaktır. Yeni hataların zaman içinde beklenmedik bir şekilde ortaya çıkmaması için, sayfalarınızı başlatıldıktan sonra düzenli olarak doğrulamanız da yararlıdır. Bunu düşünürseniz, doğrulama hataları bir denemedeki yazım hatalarına eşdeğerdir – bir kez orada olduklarında, silinmeleri (imkansız değilse bile) zordur ve mümkün olan en kısa sürede düzeltilmeleri gerekir. Kodunuzu doğrulamak için her zaman W3C doğrulayıcıyı kullanma alışkanlığını benimserseniz, özünde, bu kodlama hatalarının ilk etapta olmasını engelleyebilirsiniz.
Dikkat: Bunu Yapmanın Birden Fazla Yolu Var
Bazen doğrulama, tüm standartlara göre planlandığı gibi gitmeyebilir. Ve aynı hedefe ulaşmanın birden fazla yolu var. Örneğin bir buton oluşturmak için <button>’u kullanırsanız ve daha sonra <a> elementini kullanarak içine bir href etiketi verirseniz, bu W3C standartlarına göre mümkün görünmüyor. Ancak JavaScript’te tamamen kabul edilebilir çünkü bunu dilin kendisinde yapmanın yolları var.
Biraz adaptasyon gerekecek. Ancak mümkün olan en iyi platformlar arası uyumluluğu elde etmek ve aynı zamanda günümüzün tarayıcılarıyla uyumluluğu sürdürmek deneyim gerektirir. Buradaki nihai hedef, erişilebilirliği geliştirmek ve tüm tarayıcılar, işletim sistemleri ve cihazlarla uyumluluğu sağlamaktır. Tüm tarayıcılar ve cihazlar eşit yaratılmamıştır ve doğrulama, sayfanızı tüm tarayıcılar ve cihazlar için yeterince eşit hale getirme hedefini gerçekleştirebilecek uyumlu bir dizi talimat ve standart sağlar. Şüpheye düştüğünüzde, her zaman doğru kod doğrulama tarafında hata yapın. Kodlamanıza mutlak en iyi uygulamaları dahil etmeye çalıştığınızdan emin olarak, kodunuzun her tür kullanıcı için olabildiğince erişilebilir olmasını sağlayabilirsiniz. Bunun da ötesinde, HTML’nizi W3C standartlarına göre doğrulamak, farklı tarayıcılar ve cihazlar arasında platformlar arası uyumluluk elde etmenize yardımcı olur.