Neden Joe Client Standartlar Hakkında Bakım Yapmıyor?

Web standartları, herhangi bir tasarımcı veya geliştiricinin çalışmalarının ardındaki itici güç olmalıdır. Tasarım çalışmasının kalitesini, yapısını, sözdizimini ve metodolojisini ölçmek için bir ölçek sağlarlar.

Web standartlarının faydalarını açıklamak, Karşılaştırdım kendi blogumda bugün web'in 10 ila 15 yıl öncesindeki manzaraları.

Çapraz tarayıcı uyumluluğuna ve testin devam etmeden önce testin gerekliliğine ilişkin sorular hâlâ durmadan ilerlemektedir, ancak DOM, (X) HTML, CSS ve diğer bazı teknolojilerin standartlaştırılması, dijital dünyayı çok daha öngörülebilir hale getirmiştir.

Standartlara uygun bir web sitesini kodlarken, Firefox, Safari, Chrome, Opera ve hatta Internet Explorer'da da aynı işlemi yapabileceklerinden emin olabiliriz (elbette 7 sürümünden). Tutarsızlıklar ortaya çıkıyor, ancak son on yılda web tasarım ve geliştirmenin her iki tarafında durmuş olan herkes, standartların değerini kesinlikle kabul edecektir.

Bir topluluk olarak, standartları benimsiyoruz ve başkalarını da aynısını yapmaya teşvik ediyoruz. Semantik kodu yazıyoruz, doğrulamakta ve zaman zaman CSS ve HTML'mizi nasıl biçimlendirmemiz gerektiği (veya yapmamamız gerektiği) konusunda derinlemesine tartışmalar yürütüyoruz.

Fakat çirkin gerçek şu ki, ortalama Joe Client'ın umurunda değil. Joe, uyumlu bir web sitesi değil, etkili bir web sitesi arıyor.

Elbette istisnalar var. Standartlara uygunluk isteyen bir müşteriyi almak için yeterince şanslı olabilirsiniz, çünkü bir asistanın bir arkadaşına kulak misafiri olduğunu duymuştum.

Yine de, Joe, W3C tarafından önerilen tüm standartları karşılama yeteneklerine dayanarak bir tasarımcı tutmayı düşünmüyor. Muhtemelen W3C'nin ne olduğunu bile bilmiyordur.

Bunun yerine, Joe hedefine ulaşmasına yardımcı olan bir web sitesi oluşturabilecek bir tasarımcı arıyor. Amacın daha fazla ürün satıp satmaması, şirketiyle ilgili bilgileri paylaşması ya da insanları ortak bir ilgi ile bir araya getirip getirmemesi, standartlara uygun bir şekilde kontrol edilebilecek bir web sitesine sahip olmaktan ziyade bunu başarmakla daha fazla ilgilenecektir.

Öyleyse, Joe'ya istediğini vermek için standartları tamamen mi terk ediyoruz? Bir şey değil. Tartıştığımız gibi, standartlar kritiktir ve kendileri için bir satış noktası olmasalar bile müşteriler için yaptığımız işlerde büyük ölçüde düşünmelidirler.

Tasarımcıların, web sitelerinin geçerli standartlara uygun HTML, CSS ve benzeri şekilde oluşturulduğunu gururla iddia ettikleri bir dizi portföy gördüm. Bu kesinlikle iyi bir şey olsa da, bunun Joe'ya ne demek olduğunu kendimize sormalıyız. Daha sık olmamakla birlikte, Joe sadece tasarımlarınızın yüksek kalitede olduğunu ya da belki de en son teknolojik trendlere (örneğin; sık sık yanlış anlaşılan Web 2.0 ).

Standartlar bundan çok daha fazlası. Ancak, Joe, ilk etapta standartları tam olarak anlamadığı zaman noktaları birleştirmek için para biriktiremeyiz. Standartları kendileri vurgulamak yerine, faydalarını açıklamaya odaklanmalıyız.

Ulaşılabilirlik

Erişilebilirlik, engelli kullanıcılar tarafından kullanılabilecek ve gezinilebilecek web siteleri oluşturmakla ilgilidir. En çok alıntı yapılan uygulama, ekran okuma yazılımı ve metin-Braille donanımı için içeriği tanınabilir kılmaktır.

Bu, müşteriler için büyük bir fayda oluşturabilir. Çoğu müşteri, bu tür yardımcı teknolojilerin temel olarak HTML belgesini ayrıştırdığını ve içeriği, kullanıcı tarafından anlaşılabilecek bir biçimde döndürdüğünü anlamamaktadır. Standartlara uygun kod, bu aygıtların düzgün çalışması için gereken belge yapısının oluşturulmasına yardımcı olur ve böylece web sitesini daha erişilebilir hale getirir.

İçeriği (HTML) sunumdan ayırma (CSS), bazı stilistik öğeler kullanılamıyorsa sayfaları daha erişilebilir hale getirir (sunucu bunları teslim edemediğinden veya kullanıcının özel ayarlarının geçersiz kılıp edilmediğinden).

Stil bilgisi olmadan, iyi yapılandırılmış bir web sitesi, tarayıcının varsayılan değerlerine döner. Bu, stilistik öğeler olmasa bile içeriğin hala erişilebilir olduğu anlamına gelir. Standartlara uymayan web siteleri genellikle bu şekilde erişilebilir bir şekilde geri düşmezler.

Gelecek-Prova

Web'in peyzajı sürekli değişirken, müşteriler genellikle eski bir koddan dolayı birkaç yıl sonra tamamen yeni bir web sitesi ödemek zorunda kalmak istemezler.

Büyük tarayıcı üreticileri, oluşturma motorlarını geriye dönük olarak uyumlu hale getirmek için ellerinden geleni yapsa da (ve HTML5'in kendisi de bu konseptin içine yerleştirilmiştir), web standartlarının geleceğe yönelik faydaları müşterilere hitap edebilir.

Uyumsuz bir web sitesinin mevcut tarayıcı sürümlerinde iyi görünmesi, özellikle de tarayıcıların, daha geniş bir standardizasyon lehine belirli sıkıntıları kullanımdan kaldırmaya devam etmeleri nedeniyle, gelecekte olduğu anlamına gelmez. Bu şekilde yapabileceğiniz basit bir argüman, uyumlu web sitelerinin, zamanın testine dayanacak şekilde en iyi şekilde donatılmış olmalarıdır, çünkü web'in gelişimine rehberlik eden plana göre oluşturulmuştur.

Geliştirilmiş Performans

En bilgisiz müşteri bile, yavaş bir web sitesinin işlerine nasıl zarar vereceğini anlayacaktır. Web standartları da bununla büyük ölçüde yardımcı olabilir.

İçeriği ve sunumu ayırmak için kılavuz, semantik züppeden arınanlar tarafından oluşturulmamıştır. Bir web sitesi oluşturmanın en iyi yolu gerçekten. Her sayfada yer alan stil işaretleme, çok fazla blok oluşturup sayfa boyutlarını artırır (ve kullanıcıların indirmesi gereken bilgi miktarı).

Stil kodunu önbelleğe alınabilir bir CSS dosyasına taşıyarak, düzen tablolarını ve diğer yararsız işaretlemeyi kaldırarak, web sitesini daha duyarlı ve kullanıcı dostu hale getireceksiniz. Joe bunu kesinlikle takdir ederdi.

Geliştirilmiş performans ayrıca bant genişliği tüketimini ve ilgili maliyetleri de azaltır (hosting paketlerinin çoğunun bir web sitesinin ihtiyaç duyacağından daha fazla bant genişliği olmasına rağmen).

Daha basit bakım

Standartlara uygun bir web sitesine sahip olmanın getirdiği birçok avantajdan belki de en cazip olanı, genellikle uyumlu olmayan bir web sitesinden daha az bakım gerektirmesidir - veya en azından bakım çok daha hızlı ve ucuz bir şekilde yapılabilir. Bir stil sayfasına birkaç ince ayar, web sitesindeki değişiklikleri etkinleştirir.

Bunu stil ve içeriği karıştıran bir web sitesiyle karşılaştırın. Basit bir değişiklik yapmak, çeşitli şablon dosyalarından veya daha kötüsü, bir dizi statik HTML belgesinden yararlanmayı gerektirebilir. Bunu kendim yapmak zorunda olduğumu hatırlıyorum, önceden aydınlanma, çirkin bir eve doğru süzülen font sayfalar boyunca dağınık etiketler. Herhangi bir tipografik değişim saatler alacaktır ve her zaman bir ya da iki noktayı kaçırdım.

Standartlar, müşterilerin bu baş ağrılarından kaçınmasına yardımcı olur ve bunun yerine daha basit, daha ucuz ve daha verimli bakımdan faydalanır.

Anlamsal olduğu ve yerleşik belge yapılarını takip ettiği için, uyumlu bir web sitesi diğer tasarımcılar ve geliştiriciler için de okumak ve anlamak için daha kolaydır. Dolayısıyla, eğer müşteri web sitesini korumak için başka birine ihtiyaç duyuyorsa, o kişi başını kodun etrafına sarmaya çalışmak için zaman harcamak zorunda kalmayacaktır.

SEO

Orada iken gerçek bir konsensüs yok web standartlarının arama motoru optimizasyonu üzerindeki etkisiyle, bir şey açıktır: standartlar zarar görmez. Aslında, bir web sitesinin arama sıralamasına büyük olasılıkla birtakım faydalar getiriyorlar. Sadece Aaron Walter'ın önerdiği ipuçlarına bakın “ Findability / SEO Hile Sayfası: Web Standartları SEO Kılavuzu , ”Hepsi de web standartlarına uygun. İşte önerilerinden bazıları:

İşaretlemeniz, sayfanın bir arama motorunun dizine eklenmesini zorlaştıracak hiçbir hata içermemelidir. İşaretlemenizi W3C'nin doğrulama aracı .
Anlamsal olarak anlamlı işaret yazın. Bu, kullanılması amaçlanan etiketleri ve varsayılan stillerine göre değil, içeriği yansıtacak şekilde kullanılması anlamına gelir. kullanım W3C'nin semantik çıkarıcı İşlerinizi kontrol etmek ve bilgi hiyerarşisinin mesajınızı desteklediğinden emin olmak için web sitenizi CSS olmadan görüntülemek.
Anlaşılabilir Yaz title Sayfa adıyla başlayan etiketler, ardından web sitesi adı, ardından web sitesini tanımlayan kısa bir anahtar kelime açısından zengin ifade.
Sayfalarınızın anahtar bölümlerini tanımlamak için alakalı anahtar kelimeler içeren başlık etiketlerini kullanın. Başlık etiketlerini önem sırasına göre sıralayın. h1 (web sitesi veya kuruluşun adı için).

Standartlara uygunluğun, bir web sitesinin SEO'sına, aynı sebepten ötürü geleceğe yönelik bir kanıt sunmasına yardımcı olacağı düşüncesinden hareket ediyor. Arama algoritmaları geliştikçe, uyumlu web siteleri doğal olarak en okunabilir ve taranabilir olarak kalır ve onları iyi sıralar.

Müşterilerin SEO'nun standartların pahasına yapılmaması gerektiğini anladığından emin olun. Standartları kıran herhangi bir şey, görünürlüğü sürdürmek için ileriye dönük bir çözüm değil, anlık sonuçlar için hızlı bir düzeltmeden biraz daha fazlasıdır.

Sonuç

Joe, standartların kendi içinde uyumluluğunu önemsemese de, işine getireceği pek çok somut faydaya da açık olacak. Ama bu faydaları ona açıklamak zorunda olan sizsiniz.

Web standartlarına bağlı kalmanın web sitesini daha hızlı, daha erişilebilir, daha kolay erişilebilir, daha geleceğe dönük ve her şeye rağmen daha fazla katlanabileceğini açıklamak zorundasınız. Tüm bunları kavramasına yardım edebilecek olursanız, sizden standartlardan daha da heyecanlı olabilir!

Matt Ward tarafından Webdesigner Deposu için özel olarak yazılmıştır. Matt, moniker altında serbest bırakılan saygın bir tasarımcı ve yazardır. Yankı Kalıcı Medya . Aynı zamanda şu anda Yaratıcı Direktör olarak görev yapmaktadır. Yayla Pazarlama . Matt'i takip etmelisin heyecan .

Web standartlarına nasıl yaklaşıyorsunuz? Müşterilere faydalarını nasıl açıklıyorsunuz? Görünümünüzü aşağıda paylaşın.

web tasarımı kodlama web standartları ağ