Varför Joe Client bryr sig inte om standarder

Webstandarder bör vara en drivkraft bakom en designers eller utvecklares arbete. De ger en skala för att mäta kvalitet, struktur, syntax och metodik för designarbete.

För att förklara fördelarna med webbstandarder, Jag har jämfört på min egen blogg landets webben idag med det för 10-15 år sedan.

Frågor relaterade till överensstämmelse med webbläsare och behovet av att testa mycket innan lanseringen fortsätter att dröja, men standardiseringen av DOM, (X) HTML, CSS och ett antal andra tekniker har gjort den digitala världen mycket mer förutsägbar.

När vi kodar en standardkompatibel webbplats kan vi vara ganska säkra på att det kommer att göra detsamma i Firefox, Safari, Chrome, Opera och till och med Internet Explorer (från version 7 upp, förstås). Inkonsekvenser uppstår, men alla som har stått på vardera sidan av det senaste decenniet av webbdesign och utveckling skulle säkert erkänna värdet av standarder.

Som ett samhälle omfamnar vi standarder och uppmuntrar andra att göra detsamma. Vi skriver semantisk kod, validerar det och ibland går så långt som att ha djupgående diskussioner om hur vi ska (eller borde inte) formatera vår CSS och HTML.

Men den fula sanningen är att den genomsnittliga Joe Client helt enkelt bryr sig. Joe letar inte efter en kompatibel webbplats, men för en effektiv webbplats.

Det finns naturligtvis undantag. Du kan vara "lycklig" nog att hämta en know-it-all-klient som kräver att standarder följs eftersom de hörde en vän av en assistent till en kollega VD säger att det är viktigt.

Men för det mesta ser Joe inte ut att hyra en designer baserat på deras förmåga att uppfylla alla de standarder som rekommenderas av W3C. Han vet nog inte ens vad W3C är .

Snarare söker Joe en designer som kan bygga en webbplats som hjälper honom att uppnå sitt mål. Oavsett om målet är att sälja mer produkter, dela information om sitt företag eller samla personer av gemensamt intresse, kommer han säkert att vara mer angelägen om att uppnå det än att ha en webbplats som kan kontrolleras som standardkompatibel.

Så, överger vi helt och hållet standarder för att ge Joe vad han vill? Inte alls. Standarder, som vi har diskuterat, är kritiska och bör i stor utsträckning ligga i det arbete vi gör för kunder, även om de inte är en försäljningsplats i sig själva.

Jag har sett ett antal portföljer där designersna stolt hävdar att deras webbplatser byggdes på giltig standardkompatibel HTML, CSS och så vidare. Även om detta verkligen är en bra sak, måste vi fråga oss vad detta betyder för Joe. Oftast antar Joe att du bara menar att dina mönster är av hög kvalitet, eller kanske du är snabb på de senaste tekniska trenderna (t.ex. ofta missförstått Web 2.0 ).

Standarder är så mycket mer än det. Men vi har inte råd att lämna Joe för att ansluta prickarna när han inte förstår standarderna först och främst. I stället för att betona normerna själva borde vi fokusera på att förklara sina fördelar.

Tillgänglighet

Tillgänglighet handlar om att skapa webbplatser som kan användas och navigeras av användare med funktionshinder. Det vanligast nämnda genomförandet är att göra innehållet igenkänt till skärmläsningssoftware och text-till-braille-hårdvara.

Detta kan utgöra en stor fördel för kunderna. De flesta klienter förstår förmodligen inte att sådan hjälpteknik väsentligen tolkar HTML-dokumentet och returnerar innehållet i ett format som kan förstås av användaren. Standards-kompatibel kod hjälper till att skapa den dokumentstruktur som krävs för att dessa enheter ska fungera korrekt, vilket gör webbplatsen mer tillgänglig.

Separering av innehåll (HTML) från presentation (CSS) gör också sidor mer tillgängliga när vissa stilistiska element är otillgängliga (oavsett om servern inte har levererat dem eller användarens anpassade inställningar stämmer över dem).

Utan stilinformationen återgår en välbyggd webbplats till webbläsarens standardinställningar, vilket innebär att innehållet fortfarande är tillgängligt även om de stilistiska elementen inte är. Webbplatser som inte överensstämmer med standarderna faller inte allmänt tillbaka på ett sådant sätt.

Framtidssäkra

Medan landskapet på nätet ständigt skiftar, vill kunderna vanligtvis inte betala för en helt ny webbplats efter några år på grund av föråldrad kod.

Medan de stora webbläsaren gör sitt bästa för att göra deras återgivningsmotorer bakåtkompatibla (och HTML5 själv har det här konceptet inbyggt i det) kan framtidsbestämningsfördelarna med webbstandarder vända sig till kunder.

Bara för att en icke-kompatibel webbplats ser bra ut i nuvarande webbläsarversioner betyder inte att det kommer att bli i framtiden, speciellt då webbläsare fortsätter att avlägsna vissa särdrag till fördel för bredare standardisering. Som ett enkelt argument du kan göra är att de kompatibla webbplatser är bäst utrustade för att klara av tidstestet, eftersom de är byggda enligt planen som styr utvecklingen av webben.

Förbättrad prestanda

Även den mest oinformerade kunden skulle känna igen hur skadlig en trög webbplats skulle vara för sin verksamhet. Webbstandarder kan också hjälpa till med detta.

Riktlinjerna för att skilja innehåll och presentation var inte uppbyggda av purister av semantisk snobberi. Det är verkligen det bästa sättet att skapa en webbplats. Inbäddning av stilmarkering på varje sida skulle skapa mycket uppblåsa och driva upp sidstorlekar (och mängden information som användare skulle behöva ladda ner).

Genom att flytta stilkoden till en cachebar CSS-fil och eliminera layouttabeller och annan användbar mark-up, gör du webbplatsen mer responsiv och användarvänlig. Joe skulle verkligen uppskatta det.

Förbättrad prestanda minskar också bandbreddskonsumtionen och relaterade kostnader (även om de flesta hostingpaket kommer med mer bandbredd än vad en webbplats skulle behöva).

Enklare underhåll

Av de många fördelarna med att ha en standardkompatibel webbplats är kanske det mest tilltalande att det i allmänhet kräver mindre underhåll än en icke-kompatibel webbplats, eller åtminstone kan underhållet ske mycket snabbare och billigare. Några tweaks till ett stilark aktiverar förändringar över hela webbplatsen.

Jämför detta med en webbplats som blandar stil och innehåll. Att göra en enkel ändring kan kräva grävning genom flera mallfiler eller, värre, en uppsättning statiska HTML-dokument. Jag kommer ihåg att jag måste göra det här själv, förupplysning, vada genom en mängd fula font taggar utspridda över sidorna. Varje typografisk förändring skulle ta timmar, och jag saknade alltid en eller två någonstans.

Standarder hjälper kunderna att undvika dessa huvudvärk och istället dra nytta av mycket enklare, billigare och effektivare underhåll.

Eftersom det är semantiskt och följer etablerade dokumentstrukturer, är en kompatibel webbplats också lättare för andra designers och utvecklare att läsa och förstå. Så om kunden slutar behöva någon annan att behålla sin hemsida, kommer den personen inte att behöva spendera timmar för att försöka sätta huvudet runt koden.

SEO

Medan det finns ingen riktig konsensus om effekten av webbstandarder på sökmotoroptimering är en sak klar: standarder gör inte ont. Faktum är att de med stor sannolikhet ger ett antal fördelar till en webbplatss sökrankning. Titta bara på de tips som Aaron Walter föreslår i hans " Sökbarhet / SEO Cheat Sheet: Guide till webbstandarder SEO , "Som alla överensstämmer med webbstandarder. Här är några av de krav han föreslår:

Din mark-up ska inte innehålla några fel som skulle göra sidan svår för en sökmotor att indexera. Bekräfta din mark-up med W3C: s valideringsverktyg .
Skriv semantiskt meningsfull uppräkning. Det innebär att du använder taggar som de är avsedda att användas och på ett sätt som speglar innehållet snarare än enligt deras standardstil. Använda sig av W3C: s semantiska extraktor för att kontrollera ditt arbete och se din webbplats utan CSS för att säkerställa att informationshierarkin stöder ditt meddelande.
Skriv begripligt title taggar, som börjar med sidnamnet, sedan webbplatsnamnet, sedan en kort nyckelordsrik fras som beskriver webbplatsen.
Använd rubrikmarkeringar med relevanta nyckelord för att identifiera de viktigaste sektionerna på dina sidor. Lägg rubrikerna taggar i betydelse, från och med h1 (för webbplatsen eller organisationsnamnet).

Det stämmer att standardernas överensstämmelse skulle hjälpa en webbplatss SEO av samma skäl att det skulle göra det framtidsbestämt. Som sök algoritmer förbättras, kommer kompatibla webbplatser naturligtvis att vara de mest läsbara och genomsökbara, vilket gör dem välplacerade.

Se till att kunderna förstår att SEO inte ska ske på bekostnad av standarder. Allt som bryter mot standarder är lite mer än en snabb lösning för flyktiga resultat, inte en framåtriktad lösning för att bibehålla synligheten.

Slutsats

Medan Joe inte bryr sig om standardernas överensstämmelse i sig själv kommer han att vara mottaglig för de många konkreta fördelar som det skulle medföra för hans verksamhet. Men du är den som måste förklara dessa fördelar för honom.

Du måste förklara hur hur man följer webbnormerna kommer att göra hans hemsida snabbare, mer tillgänglig, lättare att underhålla, mer framtidssäker och, med all sannolikhet, mer hittabar. Om du kan hjälpa honom att förstå allt detta kan han bli ännu mer upphetsad över standarder än du är!

Skriven uteslutande för Webdesigner Depot av Matt Ward. Matt är en respekterad designer och författare som frilanser under moniker Echo Enduring Media . Han agerar för närvarande som Creative Director på Highland Marketing . Du borde följa Matt på Twitter .

Hur närmar du webbstandarder? Hur förklarar du sina fördelar för kunderna? Dela din syn nedan.

webbdesign kodning webbstandarder webb