Dlaczego Joe Klient nie dba o standardy

Standardy internetowe powinny być siłą napędową pracy każdego projektanta lub programisty. Zapewniają skalę, na podstawie której można zmierzyć jakość, strukturę, składnię i metodologię prac projektowych.

Aby wyjaśnić korzyści płynące ze standardów internetowych, Porównałem na moim własnym blogu krajobraz sieci dzisiaj z tym 10 do 15 lat temu.

Pytania dotyczące zgodności z wieloma przeglądarkami i konieczności przeprowadzenia szeroko zakrojonych testów przed uruchomieniem wciąż trwają, ale standaryzacja DOM, (X) HTML, CSS i szeregu innych technologii sprawiła, że świat cyfrowy jest znacznie bardziej przewidywalny.

Podczas kodowania strony zgodnej ze standardami możemy być pewni, że zrobi to samo w Firefoksie, Safari, Chrome, Operze, a nawet Internet Explorerze (oczywiście od wersji 7). Pojawiają się niespójności, ale każdy, kto stał po obu stronach ostatniej dekady projektowania i opracowywania stron internetowych, z pewnością rozpoznałby wartość standardów.

Jako społeczność stosujemy standardy i zachęcamy innych do tego samego. Piszemy semantyczny kod, zatwierdzamy go i czasami prowadzimy dogłębne dyskusje na temat tego, jak powinniśmy (lub nie powinni) sformatować nasz CSS i HTML.

Ale brzydka prawda jest taka, że przeciętny klient Joe po prostu nie dba o to. Joe szuka nie zgodnej witryny, ale skutecznej strony internetowej.

Oczywiście są wyjątki. Możesz mieć "szczęście" na tyle, aby wybrać dobrego, znającego wszystko klienta, który wymaga zgodności ze standardami, ponieważ podsłuchał przyjaciela asystenta kolegom, którzy mówią, że to ważne.

Jednak w przeważającej części Joe nie zamierza zatrudnić projektanta w oparciu o jego zdolność do spełnienia wszystkich standardów zalecanych przez W3C. Prawdopodobnie nie wie nawet, czym jest W3C.

Joe szuka raczej projektanta, który może zbudować stronę internetową, która pomoże mu osiągnąć cel. Niezależnie od tego, czy celem jest sprzedaż większej ilości produktów, dzielenie się informacjami na temat jego firmy czy przyciąganie ludzi ze wspólnym interesem, z pewnością bardziej będzie on zainteresowany osiągnięciem tego niż posiadanie strony internetowej, którą można skontrolować jako zgodną ze standardami.

Czy więc całkowicie rezygnujemy ze standardów, aby dać Joemu to, czego on chce? Ani trochę. Standardy, o których mówiliśmy, są krytyczne i powinny w dużej mierze dotyczyć pracy, którą wykonujemy dla klientów, nawet jeśli nie są one punktem sprzedaży same w sobie.

Widziałem wiele portfeli, w których projektanci z dumą twierdzą, że ich witryny zostały zbudowane na zgodnych standardach HTML, CSS i tak dalej. Chociaż jest to z pewnością dobra rzecz, musimy zadać sobie pytanie, co to oznacza dla Joe. Częściej niż nie, Joe zakłada, że masz na myśli tylko to, że twoje projekty są wysokiej jakości, a może, że jesteś gotowy na najnowsze trendy technologiczne (takie jak często niezrozumiany Web 2.0 ).

Standardy to o wiele więcej. Ale nie możemy pozwolić, aby Joe połączył kropki, kiedy nie w pełni rozumie standardy. Zamiast podkreślać same standardy, powinniśmy skupić się na wyjaśnianiu ich korzyści.

Dostępność

Dostępność to tworzenie stron internetowych, które mogą być używane i nawigowane przez użytkowników niepełnosprawnych. Najczęściej cytowaną implementacją jest to, aby treść była rozpoznawalna dla oprogramowania do odczytywania zawartości ekranu oraz dla sprzętu tekstowo-brajlowskiego.

Może to stanowić wielką korzyść dla klientów. Większość klientów prawdopodobnie nie rozumie, że takie technologie wspomagające zasadniczo analizują dokument HTML i zwracają treść w formacie, który może być zrozumiany przez użytkownika. Kod zgodny z normami pomaga w tworzeniu struktury dokumentu wymaganej do prawidłowego funkcjonowania tych urządzeń, dzięki czemu strona jest bardziej dostępna.

Oddzielenie treści (HTML) od prezentacji (CSS) powoduje również, że strony stają się bardziej dostępne, gdy pewne elementy stylistyczne są niedostępne (czy to z powodu niepowodzenia dostarczenia przez serwer, czy też niestandardowe ustawienia użytkownika nadpisują je).

Bez informacji o stylu, dobrze skonstruowana strona internetowa po prostu powraca do domyślnych ustawień przeglądarki, co oznacza, że treść jest nadal dostępna, nawet jeśli elementy stylistyczne nie są. Strony internetowe, które nie są zgodne z normami, nie mogą w ten sposób powracać.

Przyszłe sprawdzanie

Podczas gdy krajobraz sieci stale się zmienia, klienci zazwyczaj nie chcą płacić za całkowicie nową stronę po kilku latach z powodu nieaktualnego kodu.

Podczas gdy wielcy producenci przeglądarek starają się, aby ich silniki renderujące były kompatybilne wstecz (a sam HTML5 ma tę koncepcję), przyszłe zabezpieczenia standardów internetowych mogą być atrakcyjne dla klientów.

To, że niezgodna witryna wygląda dobrze w obecnych wersjach przeglądarek, nie oznacza, że będzie się to sprawdzać w przyszłych wersjach przeglądarek, zwłaszcza że przeglądarki przestają usuwać pewne dziwactwa na rzecz szerszej standaryzacji. W związku z tym, jednym z prostych argumentów, które można wyciągnąć, jest to, że zgodne witryny są najlepiej przygotowane do przetestowania czasu, ponieważ są zbudowane zgodnie z planem, który kieruje rozwojem sieci.

Lepsza wydajność

Nawet najbardziej niedoinformowany klient zauważyłby, jak szkodliwa jest powolna strona internetowa dla ich biznesu. Również standardy sieciowe mogą w tym pomóc.

Wytyczne dotyczące oddzielania treści i prezentacji nie zostały ustalone przez purystów poza semantycznym snobizmem. To naprawdę najlepszy sposób na stworzenie strony internetowej. Osadzanie znaczników stylu na każdej stronie spowodowałoby dużo nadęcia i zwiększenie rozmiarów stron (oraz ilość informacji, które użytkownicy musieliby pobrać).

Przenosząc kod stylu do buforowanego pliku CSS i eliminując tabele układu i inne niepotrzebne marże, sprawisz, że witryna będzie bardziej responsywna i przyjazna dla użytkownika. Joe z pewnością to doceni.

Zwiększona wydajność zmniejsza także zużycie pasma i związane z tym koszty (nawet jeśli większość pakietów hostingowych ma większą przepustowość niż kiedykolwiek potrzebowałaby strona internetowa).

Prostsza konserwacja

Spośród wielu korzyści wynikających z posiadania witryny zgodnej ze standardami, być może najbardziej atrakcyjne jest to, że zazwyczaj wymaga mniej konserwacji niż niezgodna witryna - lub przynajmniej konserwacja może być wykonana znacznie szybciej i tanio. Kilka poprawek do arkusza stylów aktywuje zmiany na stronie internetowej.

Porównaj to ze stroną, która łączy styl i treść. Dokonanie prostej zmiany może wymagać wykopania kilku plików szablonów lub, co gorsza, zestawu statycznych dokumentów HTML. Pamiętam, że musiałem to zrobić sam, przed oświeceniem, brodząc w tłumie brzydkich font tagi rozrzucone po stronach. Każda zmiana typograficzna zajęłaby godziny, a ja niezmiennie brakowało mi gdzieś jednego lub dwóch.

Normy pomagają klientom uniknąć tych bólów głowy, a zamiast tego korzystają z znacznie prostszej, tańszej i bardziej wydajnej konserwacji.

Ponieważ jest on semantyczny i opiera się na ustalonych strukturach dokumentów, zgodna strona internetowa jest również łatwiejsza dla innych projektantów i programistów do czytania i rozumienia. Tak więc, jeśli klient potrzebuje kogoś, kto utrzyma swoją stronę, nie będzie musiał spędzać godzin próbując owijać się wokół kodu.

SEO

Chociaż jest brak prawdziwego konsensusu na temat wpływu standardów internetowych na optymalizację pod kątem wyszukiwarek jedno jest pewne: standardy nie zaszkodzą. W rzeczywistości najprawdopodobniej przynoszą szereg korzyści do rankingu wyszukiwania w witrynie. Wystarczy spojrzeć na wskazówki, które sugeruje Aaron Walter w swoim " Findability / SEO Cheat Sheet: Przewodnik po standardach stron internetowych SEO , "Z których wszystkie są zgodne ze standardami sieci. Oto niektóre z wymagań, które zasugerował:

Twoja marża nie powinna zawierać żadnych błędów, które utrudniałyby indeksowanie strony przez wyszukiwarkę. Zatwierdź swoją marżę za pomocą Narzędzie do weryfikacji W3C .
Napisz semantycznie znaczącą marżę. Oznacza to używanie tagów w taki sposób, w jaki są one przeznaczone do użycia, i w sposób odzwierciedlający treść, a nie zgodnie z ich domyślnym stylem. Posługiwać się Ekstraktor semantyki W3C aby sprawdzić swoją pracę i przeglądać swoją witrynę bez CSS, aby zapewnić, że hierarchia informacji obsługuje twoją wiadomość.
Pisz zrozumiałe title tagi, zaczynając od nazwy strony, a następnie nazwy strony internetowej, a następnie krótkiego słowa kluczowego opisującego witrynę.
Użyj tagów nagłówka z odpowiednimi słowami kluczowymi, aby zidentyfikować kluczowe sekcje stron. Umieść tagi nagłówków według ich ważności, zaczynając od h1 (dla nazwy strony internetowej lub organizacji).

Jest oczywiste, że zgodność ze standardami pomogłaby SEO strony internetowej z tych samych powodów, które spowodowałyby, że będzie on odporny na przyszłość. W miarę polepszania się algorytmów wyszukiwania zgodne witryny internetowe pozostaną oczywiście najbardziej czytelne i możliwe do zindeksowania, co zapewni im dobrą pozycję.

Upewnij się, że klienci rozumieją, że SEO nie powinno odbywać się kosztem standardów. Wszystko, co łamie standardy, jest niczym więcej, jak tylko szybką naprawą ulotnych wyników, a nie dalekosiężnym rozwiązaniem zapewniającym widoczność.

Wniosek

Podczas gdy Joe nie dba o zgodność z normami sam w sobie, będzie podatny na wiele konkretnych korzyści, jakie przyniesie jego biznesowi. Ale to ty musisz mu wyjaśnić te korzyści.

Musisz wyjaśnić, w jaki sposób przestrzeganie standardów internetowych sprawi, że jego strona internetowa będzie szybsza, łatwiej dostępna, łatwiejsza w utrzymaniu, bardziej przyszłościowa i, najprawdopodobniej, bardziej dostępna. Jeśli możesz mu w tym wszystkim pomóc, może stać się jeszcze bardziej podekscytowany standardami, niż ty!

Napisany specjalnie dla magazynu Webdesigner przez Matta Warda. Matt jest szanowanym projektantem i pisarzem, który pracuje pod pseudonimem Echo Enduring Media . Obecnie jest także dyrektorem kreatywnym Highland Marketing . Powinieneś podążać za Mattem Świergot .

Jak podchodzisz do standardów internetowych? Jak wyjaśnisz im korzyści dla klientów? Udostępnij swój widok poniżej.

projektowanie stron kodowanie standardy internetowe sieć