W dzisiejszym wpisie poruszymy sprawę tworzenia DOBREJ strony www dla szkoły językowej. Wiele przedstawionych porad jest bardzo uniwersalna, ale zawiera wiele elementów specyficznych tylko dla szkół językowych. Inspiracją niniejszego wpisu jest obserwacja przeprowadzana na setkach lub nawet tysiącach stron internetowych szkół językowych, która została dokonana w czasie prowadzenie różnych działań związanych z promocją i rozwojem Platformy LangLion.
Niestety, to co zaobserwowaliśmy nie napawa optymizmem. Z naszych rozmów jasno wynika, że szkoły mają świadomość, że w obecnych czasach strona internetowa jest pierwszym kontaktem ze szkołą (nawet w przypadku poczty pantoflowej kursant zawsze sprawdzi stronę internetową, gdy ma taką możliwość), ale zupełnie ignoruje ten fakt w momencie tworzenia strony www.
Istnieje bardzo duża liczba stron, które nawet nie powinny ujrzeć światła dziennego. Liczna jest również grupa, które są poniżej średniej. Na pierwszy rzut oka widać, że albo zostały one zrobione w pośpiechu albo przez niekompetentną osobę. W najlepszym wypadku strona jest wykonana poprawnie technicznie, ale nie ma możliwości uzyskania z niej żądanej informacji.
Często wystarczy niewielka ilość pracy czy pieniędzy, żeby strona uzyskała profesjonalny kształt, zawierała niezbędne informację oraz była swoistą wizytówką i chlubą naszej szkoły. Obecna nienajlepsza sytuacja jest doskonała okazją dla szkół, które szukają sposobu na wyróżnienie się i przyciągnięcie nowych słuchaczy.
Na koniec artykułu zaprezentujemy szkoły, których strony internetowe to wzór godny naśladowania. Aby być w pełni obiektywnym, w naszym zestawieniu pominęliśmy strony naszych Klientów, choć musimy przyznać, że duża część bardzo pozytywnie wyróżnia się na tle całego rynku. Nasz mini-ranking będziemy uzupełniać na bieżąco w przyszłości, więc zachęcamy do powracania do niniejszego wpisu raz na jakiś czas.
1. Domena
Zasady, jeśli chodzi o wybór domeny dla naszej szkoły, są bardzo proste. Ma być jak najkrótsza i zawsze w domenie .pl (nie com.pl, nie net.pl, nie org.pl, darmowe domeny typu prv.pl też nie wchodzą grę, zapomnijmy również o .com, .net, .org – jest to nieprofesjonalne w przypadku, gdy prowadzimy działalność tylko w Polsce). W przypadku szkół możemy sobie dodatkowo pozwolić na nazwę w domenie edu.pl.
2. Logo i layout
Podstawową sprawą w przypadku tworzenia strony internetowej jest logo. W tym wypadku nie ma mowy o szukaniu oszczędności. Nie róbmy tego samodzielnie oraz nie zlecajmy synowi sąsiada. To najkrótsza droga, żeby uzyskać coś, na co w najlepszym razie nie będziemy mogli patrzeć w przeciągu miesiąca. Niestety to właśnie ten element jest zazwyczaj najsłabszy a później następuje ciąg przyczynowo skutkowy: słabe logo -> słaba strona www. Dobre logo pozwoli zaprojektować serwis www, który jest z nim spójny kolorystycznie, ale także nada jej odpowiedni charakter.
Bardzo dobrym przykładem tego jak istotne jest logo jest przypadek jednej z firm Steve’a Jobsa, czyli NeXT.
Z Wikipedii:
In 1986, Jobs recruited the famous graphic designer Paul Rand to create a brand identity costing $100,000. Rand created a 100-page brochure detailing the brand, including the precise angle used for the logo (28°) and a new company name, NeXT.
Logo to powstało zanim firma zaczęła operacyjną działalność. Innym przykładem jest firma Pepsi. Koszt powstania obecnego logo wyniósł 1 milion dolarów. Kwoty te tak naprawdę pokazują, ile warty jest wizerunek, którego fundamentem jest właśnie logo.
Gdy posiadamy już logo możemy przystąpić do opracowywania layoutu. Na początek dobrze jest się dowiedzieć, jakie są obecne trendy na świecie. Nasze poszukiwanie inspiracji możemy zacząć od bardzo rzetelnego zestawienia przygotowanego przez Time: http://techland.time.com/2013/05/06/50-best-websites-2013/slide/all/. Oryginalność jest jak najbardziej wskazana, ale powinniśmy zachować umiar, tak aby użytkownik mógł łatwo odnaleźć się na naszej stronie. Oryginalna powinna być treść, ale z formą, czyli tak naprawdę layoutem należy uważać.
3. Zgodność ze standardami
Warto sprawdzić czy nasza strona spełnia standardy powszechnie przyjęte w internecie. Zachowanie standardów nie gwarantuje nam, że strona wyświetli się poprawnie we wszystkich przeglądarkach internetowych, ale na pewno zwiększa prawdopodobieństwo, że tak właśnie będzie. Aby sprawdzić zgodność strony wystarczy wejść na http://validator.w3.org/ i wpisać adres. Wyświetlone błędy i ostrzeżenia możemy przekazać naszemu webmasterowi, omówić ich znaczenia oraz wpływ.
4. Struktura strony
Istotne jest nadanie odpowiedniej struktury stronie. Pozwoli to łatwe znalezienie naszej strony przez wyszukiwarki internetowy i zapewni wyższe miejsce w wynikach wyszukiwania. Podstawową sprawą w tym wypadku jest korzystania z popularnego systemu do zarządzania treścią (CMS), tj. WordPress czy Drupal. Systemy te domyślnie tworzą linki przyjazne dla wyszukiwarek.
Najważniejsze pozycje (np. „O nas”, „Oferta”, „Cennik”, „Kontakt”) powinny być dostępne od razu po kliknięciu, czyli unikajmy rozwijanych menu, które potrafią się zachowywać nieprzewidywalnie w różnych przeglądarkach. Menu zbudowane w prosty sposób jest również lepiej traktowane przez wyszukiwarki.
5. Oferta z cennikiem
Warto mieć cały czas w pamięci przy tworzeniu strony, że potencjalny klient, który trafia na naszą stronę chce uzyskać konkretne informacje – poznać naszą ofertę i cennik. Te zakładki powinny być widoczne od razu po wejściu na stronę. Ukrywanie tego typu informacji może naszego klienta skutecznie odstraszyć. Jeśli nie znajdzie tego, co go interesuje po prostu zamknie stronę, a my stracimy klienta. Niektóre szkoły nie umieszczają szczegółowego cennika z obawy o konkurencję.
Przede wszystkim, to co zawsze podkreślamy – należy skupiać się na własnym rozwoju, a nie na konkurowaniu ceną (punkt 6 w naszym zestawieniu 6 sposobów na zdobycie przewagi na trudnym rynku szkół językowych), ale pamiętajmy też o tym, że dla naszej konkurencji zapoznanie się z naszym cennikiem nie stanowi żadnego wyzwania – często wystarczy wykonać jeden telefon.
6. Formularz zapisu
Strona oprócz funkcji informacyjnej ma oczywiście pełnić rolę sprzedażową. Z tego powodu obowiązkowym elementem strony powinien być formularz umożliwiający zapisanie się na zajęcia. Może to być prosty formularz, gdzie można zostawić imię i nazwisko, telefon, adres e-mail i wybór kursu. Najlepsze efekty przynosi jednak formularz, który posiada również możliwość przeprowadzania wielopoziomowego testu kwalifikującego. Jednym z modułów Platformy LangLion jest „Rejestracja”, która realizuje omawiane funkcje. Z naszych doświadczeń wynika, że po włączeniu formularza rejestracyjnego ok. 10% kursantów pochodzi właśnie ze strony internetowej.
7. Kontakt oraz mapa dojazdu
Na naszej stronie powinniśmy mieć jak łatwo dostępną zakładkę Kontakt, na której powinny znaleźć się wszystkie informacje teleadresowe (nazwa szkoły, ulica, kod pocztowy, miasto, telefony, adresy mailowe oraz mapa. Zatrzymajmy się na moment szczególnie nad dwoma ostatnimi elementami, czyli adres e-mail i mapa.
Adres e-mail powinien być zawsze w domenie naszej szkoły (czyli np. biuro@mojaszkola.pl). Niestety w dalszym ciągu powszechnie spotykane są darmowe adresy mailowe np. wp.pl, gmail.com czy poczta.onet.pl (najbardziej ekstremalny przykład, z którym się spotkaliśmy był adres e-mail w domenie buziaczek.pl(!)) Wygląda to bardzo nieprofesjonalnie, a pamiętajmy, że zazwyczaj wraz z kupnem domeny otrzymujemy możliwość zakładania w niej skrzynek pocztowych.
Jeśli chodzi o mapę to najlepiej skorzystać z Google Maps z odpowiednio ustawionymi parametrami, tak żeby użytkownik od razu mógł wyznaczyć trasę dojazdu ze swojego miejsca zamieszkania oraz zobaczyć szkołę z zewnątrz za pomocą funkcji Street View.
8. Responsive Design
Ostatnie badania pokazują że w okresie od 2010 do 2012 roku liczba Polaków korzystających regularnie z internetu w telefonie wzrosła o prawie 600% i obecnie wynosi 5,5 miliona. W obliczu tego faktu nasza strona wręcz musi poprawnie wyświetlać się na urządzaniach mobilnych tj. smartfony, tablety, netbooki.
Jeszcze do niedawna, aby osiągnąć ten cel przygotowywało się oddzielne wersje stron internetowych na komputery stacjonarne i telefony komórkowe. Takie podejście generowało spore koszty, a efekt był często niezadowalający, ponieważ należało zarządzać faktycznie dwiema stronami, czyli wiązało się to z dodatkową pracą. Sprawa stała się jeszcze trudniejsza w momencie pojawiania się całej gamy urządzeń na których można było przeglądać strony internetowe. Posiadają one różne wielkości ekranu oraz różne rozdzielczości.
W celu zapanowania nad tą różnorodnością przychodzi tytułowy Responsive Design. Jego założenie jest bardzo proste. Strona zaprojektowana wg wytycznych Responsive Design będzie wyglądała świetnie na każdym urządzeniu poczynając od niskobudżetowych smartfonów poprzez tablety, netbooki, a kończąc na bardzo dużych monitorach. W skrócie: będziemy posiadać jedną wersję strony z tą samą treścią dla wszystkich możliwych urządzeń. Nie powinniśmy się przejmować niuansami technicznymi takiego podejścia, tylko wymagać od naszego webmastera projektu strony zrealizowanego przy wykorzystaniu Responsive Design. Jeśli wciąż Państwo nie wierzą jak istotna jest to kwestia, proponuję sprawdzić w statystykach swojej strony internetowej ile osób pojawia się wchodząc przez urządzenie mobilne.
9. Social media
Ważne jest, aby na naszej stronie pokazywać, że szkoła ma się dobrze, dzieje się w niej wiele ciekawych rzeczy, ale należy pamiętać, że nie jest to miejsce na ciekawostki, anegdoty i różnego rodzaju śmieszne obrazki. Do wymiany bardziej nieformalnych treści lepiej przeznaczyć szkolne profile na portalach społecznościowych, jak np. facebook. Tam, ze względu na luźną atmosferę więcej nam wolno, a klienci mają szansę poznać również nasze poczucie humoru.
Oczywiście należy pamiętać, aby zamieścić ramkę, czy odnośnik do naszego profilu w widocznym miejscu na stronie, tak aby nasi klienci nie pominęli tej drogi kontaktu z nami. Świetnym uzupełnieniem zdjęć (o których mówimy w dalszej części wpisu) na naszej stronie internetowej mogą być materiały wideo umieszczone w serwisie Youtube, które pokazują autentyczne życia naszej szkoły, ważne wydarzeń czy urywki zajęć.
10. Automatyczna muzyka oraz technologia flash
Chyba najbardziej uciążliwym i jednocześnie popularnym elementem stron szkół językowych jest automatycznie włączająca się muzyka. Często się zdarza, że nie ma nawet możliwości jej wyłączenia! Unikajmy tego koszmaru za wszelką ceną. Na pewno wielu z Państwa zdarzyło się widzieć na popularnych portalach reklamę z automatyczną muzyką czy głosem. Proszę sobie przypomnieć jakich wtedy Państwo używali epitetów oraz jakimi uczuciami darzyli takie rozwiązanie. Chyba nie takich efektów oczekujemy od naszej strony internetowej?
Automatyczna muzyka jest często osadzana przy pomocy technologii Flash. Istnieje wiele stron, które idą dalej i cała strona realizowana jest w technologii Flash. Strona taka sprawia wrażenia bardziej interaktywnej, ale powoduje, że taka strona bardzo słabo pozycjonuje się w wyszukiwarkach internetowych. Lepszą interaktywność w dzisiejszych czasach można osiągnąć dużo prostszymi sposobami i nasz webmaster powinien o tym wiedzieć. Jeśli usłyszymy, że strona będzie we Flashu uciekajmy od niego, jak najdalej. Dodatkowo, obecnie technologia Flash jest porzucana na rzecz HTML5 (m.in. korzysta z niej serwis YouTube).
11. Galeria
Na większości stron szkół językowych kluczową rolę ogrywają obrazki ściągnięte z portali typu http://www.istockphoto.com/. Jeśli zaczęliby Państwo przeglądać wiele tych stron szkół, to zauważą Państwo, że większość z nich wykorzystało podobne, jeśli nie takie same zdjęcia. Słynna stała się już Emma, którą w internecie nazywa się Twarzą Polskiej Reklamy (https://www.facebook.com/twarz.polskiej.reklamy). Pojawia się ona na tak ogromnej ilości materiałów promocyjnych i reklamowych, że stała się obiektem żartów.
Często lepiej zrezygnować z bardzo wysokiej jakości zdjęć z internetu na rzecz rzeczywistych ujęć z Państwa szkoły, pokazujących jej codzienne życie. Proszę się jednak wystrzegać zdjęć pustych sal, korytarzy czy poczekalni – nie wynajmujecie Państwo powierzchni na biuro, a uczycie ludzi! Klienci na pewno chętniej zobaczą twarz uśmiechniętego dziecka podczas nauki niż pustej klasy. Śmiech dziecka potrafi wywołać uśmiech na 63 milionach twarzy: http://youtu.be/RP4abiHdQpc, a puste pomieszczenia?
Ranking stron szkół językowych w Polsce
1. Lingua Viva
Absolutnie jedna z najlepszych (o ile nie najlepsza) strona szkoły językowej w Polsce. Na pierwszy widać mnóstwo włożonej pracy i serca. Strona jest spójna, zawiera wszystkie niezbędne elementy oraz wygląda bardzo nowocześnie i profesjonalnie. Jedyne do czego można się przyczepić to brak możliwości kliknięcia w pozycje menu i konieczność rozwijania menu oraz faktu, że strona nie jest wykonana wg wytycznych responsive design i po otwarciu na telefonie komórkowym traci nieco urok.
2. The Palms
Kolejna rewelacyjna witryna www na której ciężko znaleźć słabe strony. Jest łatwa w nawigacji, a staranny dobór zdjęć przyciąga uwagę i zachęca do dalszej interakcji. Użyty layout jest bardzo na czasie i świadczy o ciągłym poszukiwaniu nowych rozwiązań i przebojowości szkoły.
Świetna strona startowa ułatwiająca przejście dokładnie w to miejsce na stronie, które nas interesuje. Równie dobrze wygląda na smartfonie. Jedyny minus to brak konkretnej oferty cenowej.
Ładna, estetyczna strona. Łatwa nawigacja pozwala znaleźć szybko informacje, które nas interesują. Minus – nieprzystająca do wizerunku strona zapisów online.
5. Linguaton
Plusy: łatwa nawigacja, rzeczywiste zdjęcia, filmy prezentujące lektorów, świetna wyszukiwarka oferty.
Bardzo estetyczna i charakterystyczna strona. Łatwa nawigacja. Jedyny minus to brak favikonki (np. logo szkoły pokazujące się w pasku przeglądarki) i nieresponsywność.
Jeżeli uważają Państwo, że w rankingu powinna pojawić się strona internetowa Państwa szkoły zapraszamy do podsyłania adresów w komentarzach. Będziemy starannie rozpatrywać kandydatury. 🙂
Zobacz 6 elementów nowoczesnej strony internetowej szkoły językowej 2015 oraz Ranking stron internetowych szkół językowych 2015.