Pewnego razu, w ciemną, burzliwą noc, kiedy wszystko było cicho, samotny projektant stron internetowych projektował. Miał otwarty Sketch, kawę w pobliżu i radosną melodię w przewodowych słuchawkach, ponieważ Bluetooth jest dziwny i ma opóźnienie, które podsłuchiwało naszego bohatera. W każdym razie ...

Podczas przerwy w muzyce nasz nieustraszony projektant zobaczył na swoim telefonie powiadomienie. To był e-mail od jego ulubionego klienta i uśmiechnął się. Ten uśmiech zniknął, gdy przeczytał zawartość. W witrynie klienta były trzy niedziałające linki. Trzy!

"W porządku" - pomyślał. "Tak się zdarza ..." Ale lista się ciągnęła. Pokaz slajdów był zepsuty. Układ wyglądał "trochę dziwnie, jakoś". A co najgorsze, formularz kontaktowy nie zadziałał .

Wpadł w panikę, gramoląc się, by wpisać adres URL. Wszystko wyglądało dobrze. Nie, wyglądało to nieskazitelnie. Właśnie naprawił uszkodzone linki i ... nie. Był dokładny i sumienny. Otworzył ChromeFox *, aby zobaczyć, jak witryna wyglądała w wybranej przez klienta przeglądarce.

Wyglądało to tak, jakby wpatrywał się w usta Piekła, a ten portal do potępienia był trzy piksele poza centrum. Ale wszystko nie jest stracone, drogi Czytelniku. Nasz fikcyjny projektant może zostać zawstydzony, ale możemy pomóc ci tego uniknąć. Nowi projektanci stron internetowych mądrze postąpią zgodnie z tą listą i uratują się przed niesamowitą niezręcznością!

* Wszystkie nazwy zostały zmienione, aby chronić wyimaginowane przeglądarki.

1. Sprawdź swoje łącza

Co jakiś czas wracaj i klikaj każdy link w swojej witrynie. Każdy. Pojedynczy. Jeden. Zdecydowanie powinieneś to zrobić po dokonaniu większych zmian w swojej witrynie, oczywiście, ale nie tylko. Serwery czasami mogą być dziwne. A jeśli łączysz się z zewnętrznymi źródłami informacji, musisz sprawdzić, czy nie zostały zepsute, usunięte, przeniesione lub po prostu zostały zjedzone przez jakiś błąd komputera.

Niewiele rzeczy wygląda jak amatorskie, jak linki, które nie są już istotne lub nie działają.

2. Zaktualizuj swoją zawartość

Nieaktualna zawartość nie wygląda świetnie. Nie jest tak źle jak zepsuty link, ale może sprawić, że ludzie zdecydują się wyjść i nie wrócić. Aktualne informacje to istotne informacje.

Bóg jeden wie, jak często szukałem informacji, a najlepsze wyniki Google'a były nieaktualne cztery lub pięć lat

Teraz, jeśli masz witrynę z broszurami dla małej firmy, a ceny często nie podlegają zmianom, dobrze jest pozostawić tę treść w spokoju. Ale jeśli masz jakikolwiek blog, kanał multimedialny lub coś, co masz: zachowaj to na bieżąco. Aktualizuj przynajmniej raz w miesiącu.

Jeśli oferujesz przydatne informacje, samouczki lub informacje referencyjne, zawsze aktualizuj je. Wróć i wprowadź zmiany, gdy coś się wydarzy. Możesz nawet opublikować nowe wydania całych artykułów, gdy coś się zmieni. Bóg jeden wie, jak często szukałem informacji, a najlepsze wyniki Google'a były nieaktualne cztery lub pięć lat.

3. Testuj na nowych przeglądarkach i urządzeniach

Gdy pojawi się nowa przeglądarka, przetestuj swoją witrynę. Jeśli znajomy otrzymuje nowy telefon lub tablet, poproś go o pożyczenie, abyś mógł przetestować swoją witrynę. Pojawi się nowa wersja JavaScript? Przetestuj swoją witrynę za pomocą tego. Uzyskaj nowy telewizor, który może przeglądać strony internetowe? Masz pewność, jestem pewien.

4. Podwójnie sprawdź wszystkie interakcje JavaScript

To naprawdę duży problem. Tak wiele witryn opiera się teraz na JavaScript w zakresie podstawowej funkcjonalności. Jest to praktyka, której nigdy nie aprobowałem; ale zdecydowałem, że nie lubię bić mojej głowy o ściany z cegieł. Skrypciarze zamierzają pisać scenariusze. Duże obszary zawartości, a nawet całe witryny przestaną działać, jeśli ich JavaScript przestanie działać z jakiegokolwiek powodu.

5. Double Check All Forms

To jedna rzecz, jeśli mały widget przestanie działać. To nie jest idealne. Formy to inna sprawa. Formularze są zwykle używane do kontaktowania się z ludźmi lub kupowania rzeczy i innych bardzo ważnych funkcji. Są jednym z podstawowych sposobów, w jaki użytkownicy zapewniają stronom internetowym niezbędne informacje. Jeśli są gotowi wypełnić formularz, oznacza to, że przynajmniej częściowo są gotowi zaangażować się w to, co masz do zaoferowania.

Formularze mogą przestać działać z różnych powodów. Być może formularz ma JS i przestał działać (patrz wyżej), a może wersja PHP na twoim serwerze została uaktualniona. Może konto e-mail, którego formularz kontaktowy wysyła wiadomości, aby przestały działać z jakiegokolwiek powodu. Może zostanie oznaczony jako SPAM. Niezależnie od powodu, regularnie sprawdzaj formularze, aby nie stracić biznesu.

6. Zaktualizuj wszystkie hacki i obejścia

OK, czasami, kiedy budujesz stronę, używasz hacków. Używasz obejść. Kiedy sprawy stają się okropne, używasz "polyfills". Jest to normalne i każdy to robi; ponieważ bez względu na to, jak brzydkie są te hacki, twoja strona musi być piękna.

Jednak przeglądarki uzyskują aktualizacje, zmiany nasycenia rynku przeglądarki oraz aktualizację CSS. Co najmniej raz w roku - i kiedy słyszysz o dużych zmianach w przeglądarkach, które mogą wpłynąć na twoją stronę - powinieneś sprawdzić, czy któryś z twoich hacków i obejść jest już nieaktualny. Jeśli tak jest, mogą spowolnić Twoją witrynę.

7. Mieć plan awaryjny

Nie, mam na myśli to dosłownie. Przygotuj plan tworzenia kopii zapasowej całej witryny. Teraz każdy przyzwoity hostingowy powinien w większości przypadków obsługiwać kopie zapasowe. Jednak w przypadku mniejszych witryn warto wykonać zwykłe ręczne tworzenie kopii zapasowych.

Duże witryny to zupełnie co innego. Ludzie z limitami danych (teraz te są straszne) mogą łatwo wpaść w kłopoty podczas regularnego pobierania gigabajtów danych. W takim przypadku zajrzyj do rozwiązania do tworzenia kopii zapasowych innej firmy. Kosztuje to pieniądze, ale warto.

I to wszystko. Regularne testowanie i znaczne przygotowanie są tym, czego potrzebujesz, aby upewnić się, że nigdy nie zawstydzi Cię strona, która nie działa, lub nawet "wygląda źle". Powodzenia!