Web-standardien tulisi olla kaikkien suunnittelijoiden tai kehittäjien työn taustalla. Ne tarjoavat mittakaavan, jolla mitataan suunnittelutyön laatua, rakennetta, syntaksia ja menetelmiä.

Selitä web-standardien edut, Olen verrannut omassa blogissani verkon maisemaa 10-15 vuotta sitten.

Kysymykset, jotka liittyvät selaimen selaimen noudattamiseen ja tarve testata laaja-alaisesti ennen käynnistämistä, viivästyvät, mutta DOM-, (X) HTML-, CSS- ja useiden muiden tekniikoiden standardointi on tehnyt digitaalisen maailman paljon ennustettavammaksi.

Kun koodataan standardien mukaista verkkosivustoa, voimme olla melko varmoja, että se tekee saman Firefoxissa, Safarissa, Chrome, Opera ja jopa Internet Explorerissa (tietenkin versio 7: stä ylöspäin). Epäyhtenäisyydet syntyvät, mutta kuka tahansa, joka on ollut puolen viimeisen vuosikymmenen aikana web-suunnittelussa ja kehityksessä, varmasti tunnistaa standardien arvon.

Yhteisöinä me omaksumme normeja ja rohkaisemme muita tekemään samoin. Kirjoitamme semanttisen koodin, vahvistamme sen ja satunnaisesti käymme perusteellisia keskusteluja siitä, miten (tai ei pitäisi) muodostaa CSS: n ja HTML: n.

Mutta ruma totuus on, että keskimäärin Joe Client yksinkertaisesti ei välitä. Joe ei etsi yhteensopivaa verkkosivustoa, vaan tehokasta verkkosivustoa.

Tietenkin on poikkeuksia. Saatat olla "onnekas" tarpeeksi nostamaan tietämyskäyttäjä, joka vaatii standardien noudattamista, koska he kuunnelivat toiselle toimitusjohtajan avustajan ystävän sanovan olevan tärkeää.

Suurin osa Joe ei kuitenkaan halua palkata suunnittelijaa, joka perustuu niiden kykyyn täyttää kaikki W3C: n suosittelemat standardit. Hän luultavasti ei edes tiedä mitä W3C on .

Pikemminkin Joe etsii suunnittelijaa, joka voi rakentaa verkkosivuston, joka auttaa häntä saavuttamaan tavoitteensa. Tavoitteena on myydä enemmän tuotteita, jakaa tietoja yrityksestään tai tuoda ihmisiä yhteiseen etuun, hän on varmasti kiinnostunut sen saavuttamisesta enemmän kuin verkkosivustolla, joka voidaan tarkistaa standardien mukaiseksi.

Joten luopumme standardit kokonaan antamaan Joe mitä hän haluaa? Ei lainkaan. Standardit, kuten olemme keskustelleet, ovat kriittisiä ja niiden pitäisi olla suurelta osin asiakkaiden työtä, vaikka ne eivät ole myyntipisteitä itsessään.

Olen nähnyt useita salkkuja, joissa suunnittelijat ylpeinä väittävät, että heidän verkkosivustot rakentuvat voimassa oleviin, standardien mukaisiin HTML-, CSS- ja niin edelleen. Vaikka tämä on varmasti hyvä asia, meidän on kysyttävä itseltämme, mitä tämä merkitsee Joeelle. Usein ei, Joe olettaa, että tarkoitat pelkästään, että mallit ovat korkealaatuisia, tai ehkäpä, että nopeutat uusimpia teknologisia suuntauksia (kuten usein väärinymmärretty Web 2.0 ).

Standardit ovat paljon enemmän. Mutta meillä ei ole varaa jättää Joea liittymään pisteisiin, kun hän ei täysin ymmärrä standardeja ensiksi. Sen sijaan, että korostamme standardeja itse, meidän on keskityttävä selittämään niiden etuja.

saavutettavuus

Esteettömyys koskee sivustojen luomista, joita käyttäjät voivat käyttää ja ohjata vammaisten käyttäjien kanssa. Yleisimmin mainittu toteutus on tehdä sisällöstä tunnistettavissa näytönlukulaitteille ja tekstille-pistekirjoituksen laitteille.

Tämä voi olla suuri hyöty asiakkaille. Useimmat asiakkaat eivät todennäköisesti ymmärrä, että tällaiset avustavat tekniikat pohjustavat HTML-dokumenttia ja palauttavat sisällön sellaisessa muodossa, jonka käyttäjä voi ymmärtää. Standardien vaatimusten mukainen koodi auttaa luomaan näiden laitteiden oikeanlaisen asiakirjarakenteen, mikä helpottaa verkkosivuston käyttöä.

auttaa allekirjoittamaan pistekirjoituksella

Sisällön (HTML) esitystapa (CSS) erottaa myös sivut helpommin, kun tietyt tyylisekijät eivät ole käytettävissä (koska palvelin ei ole onnistunut toimittamaan niitä tai käyttäjän mukautetut asetukset ohittavat ne).

Ilman tyyliinformaatiota hyvin rakennettu verkkosivusto yksinkertaisesti palaa selaimen oletusasetuksiin, mikä tarkoittaa, että sisältö on edelleen käytettävissä, vaikka tyylitieteelliset elementit eivät olisikaan. Verkkosivustot, jotka eivät ole standardien mukaisia, eivät yleensä palaudu helposti saataville tällä tavoin.

Tulevaisuuteen varautumisesta

Vaikka verkon maisema muuttuu jatkuvasti, asiakkaat eivät yleensä halua maksaa täysin uutta verkkosivustoa muutaman vuoden kuluttua vanhentuneen koodin vuoksi.

Suuret selainpäälliköt tekevät parhaansa tehdäkseen renderointikoneensa taaksepäin yhteensopiviksi (ja HTML5: n itse on sisällytetty tähän käsitteeseen), webstandardien tulevaisuudenestotusominaisuudet saattavat vetää asiakkaita.

Aivan siksi, että vaatimustenvastainen verkkosivusto näyttää hyvältä nykyisillä selainversioilla, se ei tarkoita sitä tulevissa, varsinkin kun selaimet jatkavat tiettyjen tyytymättömyytensä poistamista laajemman standardisoinnin puolesta. Sinänsä yksinkertainen argumentti, jonka voit tehdä, on, että yhteensopivat verkkosivustot ovat parhaiten pystyssä seisomaan ajankokeen, koska ne on rakennettu web-kehityksen oppaan pohjalta.

Parannettu suorituskyky

Jopa kaikkein tuntemattomat asiakkaat tunnistaisivat, kuinka haastava verkkosivusto olisi haitaksi heidän liiketoimintaansa. Myös Web-standardit voivat auttaa suuresti tämän kanssa.

Puheenjohtajat eivät asettaneet ohjeita sisällön ja esityksen erottamiseksi semanttisesta snobberiasta. Se on todellakin paras tapa luoda verkkosivusto. Jokaisen sivun tyylien lisääminen aiheuttaisi paljon yllätyksiä ja lisää sivujen koon (sekä niiden tietojen määrän, joita käyttäjien pitäisi ladata).

Siirrä tyyppikoodi tallennettavalle CSS-tiedostolle ja poistamalla taulutaulukot ja muut hyödytön korotus, voit tehdä verkkosivustosta reagoivan ja käyttäjäystävällisempi. Joe varmasti arvostaisi sitä.

Parannettu suorituskyky myös vähentää kaistanleveyden kulutusta ja siihen liittyviä kustannuksia (vaikka useimmat hosting-paketit tulevat enemmän kaistanleveyttä kuin verkkosivustot koskaan tarvitsevat).

Yksinkertaisempi huolto

Monista eduista, joilla on standardien mukaista verkkosivustoa, ehkä kaikkein houkuttelevin on se, että yleensä se vaatii vähemmän huoltoa kuin vaatimustenvastainen verkkosivusto - tai ainakin huollosta voidaan tehdä paljon nopeammin ja edullisemmin. Muutama muokkaus tyylialustalle aktivoi muutokset verkkosivustolla.

Vertaa tätä sivustoon, joka sekoittaa tyyliä ja sisältöä. Yksinkertaisen muutoksen tekeminen voi edellyttää useiden mallitiedostojen kaivamista tai, pahempaa, staattisia HTML-asiakirjoja. Muistan, että minun on tehtävä tämä itseni, ennen valaistumista, juoksemalla ruuhkaisen joukon läpi font tageja hajallaan sivuilla. Kaikki typografiset muutokset kestää tunteja, ja olen aina unohtanut yhden tai kaksi jonnekin.

helppo huolto

Standardit auttavat asiakkaita välttämään näitä päänsärkyjä ja hyötyvät sen sijaan paljon yksinkertaisemmasta, halvemmasta ja tehokkaammasta ylläpidosta.

Koska se on semanttinen ja se noudattaa vakiintuneita asiakirjarakenteita, yhteensopiva verkkosivusto on myös helpompi lukea ja ymmärtää muille suunnittelijoille ja kehittäjille. Joten, jos asiakas päätyy siihen, että joku muu tarvitsee ylläpitää verkkosivustoaan, hänen ei tarvitse viettää tuntikausia yrittäen päätyä koodin ympärille.

SEO

Vaikka siellä onkin mitään todellista yhteisymmärrystä Web-standardien vaikutuksesta hakukoneoptimointiin, yksi asia on selvä: standardit eivät loukkaudu. Itse asiassa ne todennäköisesti tuovat mukanaan monia etuja verkkosivuston hakusuoritukseen. Katso vain vinkkejä, joita Aaron Walter ehdottaa hänen " Findability / SEO Cheat Sheet: Opas Web Standards SEO , "Jotka kaikki noudattavat web-standardeja. Seuraavassa on joitain vaatimuksia, joita hän ehdottaa:

  • Merkinnän ei pitäisi sisältää virheitä, jotka tekisivät sivun vaikeaksi hakukoneen indeksoimiseksi. Vahvista korostuksesi klikkaamalla W3C: n validointityökalu .
  • Kirjoita semanttisesti merkitsevä merkintä. Tämä tarkoittaa sitä, että tunnisteet käytetään niiden käyttötarkoituksessa ja sisältöä heijastavalla tavalla niiden oletusstandardin mukaan. Käyttää W3C: n semantiikan uutto tarkistaa työsi ja tarkastella verkkosivustoasi ilman CSS: ää varmistaakseen, että tiedot hierarkia tukee viestisi.
  • Kirjoita ymmärrettävä title tunnisteet, jotka alkavat sivun nimellä, sitten verkkosivuston nimi, sitten lyhyt avainsanamuotoinen lause, joka kuvaa verkkosivustoa.
  • Käytä otsikkotunnisteita, joilla on asiaankuuluvat avainsanat, tunnistamaan sivujesi tärkeimmät osiot. Laita otsikkotunnisteet tärkeysjärjestykseen, alkaen h1 (verkkosivuston tai organisaation nimi).

Se johtuu siitä, että standardien noudattaminen auttaisi verkkosivujen SEO samoista syistä, että se olisi tulevaisuuden todiste. Hakualgoritmien parantuessa yhteensopivat verkkosivustot pysyvät luonnollisimmin helposti luettavina ja indeksoitavina, joten ne ovat hyvin arvokkaita.

Varmista, että asiakkaat ymmärtävät, että SEO ei tule tehdä standardien kustannuksella. Jokainen, joka rikkoo standardeja, on pikemminkin nopea korjaus ohimennetuille tuloksille, ei edistyksellistä ratkaisua näkyvyyden säilyttämiseksi.

johtopäätös

Vaikka Joe ei välitä standardien noudattamisesta itsessään, hän on vastaanottavainen sille monille konkreettisille hyödyille, joita se tuo hänen liiketoimintaansa. Mutta sinun on selitettävä hänelle nämä hyödyt.

Sinun on selitettävä, miten webstandardien noudattaminen tekee verkkosivustostasi nopeamman, helpommin ylläpidettävän, entistä tulevaisuuden todistettavamman ja todennäköisimmin löydettävämmän. Jos voit auttaa häntä ymmärtämään kaiken tämän, hän voi tulla entistä innostuneempi standardeista kuin sinä!


Kirjoitettu yksinomaan Matt Wardin Webdesigner Depotille. Matt on arvostettu suunnittelija ja kirjailija, joka on freelancers monikerin alla Echo pysyvä media . Hän toimii tällä hetkellä myös Creative Directoria Highland Markkinointi . Sinun pitäisi seurata Mattia Viserrys .

Miten lähestyt web-standardeja? Miten selität heidän etunsa asiakkailleen? Jaa näkymäsi alla.