Przygotowujesz się do budowy strony internetowej dla twojej firmy ale nie wiesz jak podejść do tematu aby nie popełnić błędów które sprawią że strona będzie wolna, ciężka lub niemożliwa w edycji lub po prostu źle zrobiona?
W tym artykule postaram się krok po kroku przeprowadzić cię przez proces tworzenia kompleksowej strony internetowej. Zaczynając od wyboru najlepszego partnera który zaprojektuje i zaprogramuje twoją stronę, następnie określenia celów, wyboru odpowiedniego systemu CMS i wiele innych.
Jak już jesteśmy przy systemie CMS to w tym artykule będziemy odnosić się tylko do WordPress’a ponieważ uważamy że to najlepsze na rynku rozwiązanie na którym można w zasadzie postawić dowolną stronę www lub sklep. Oczywiście system ten ma pewne ograniczenia i wszyscy muszą być tego świadomi. W dużym skrócie (bo na ten temat powstaje kolejny post) udało nam się stworzyć sklepy na WooCommerce które mają w swoim asortymencie więcej niż 20 tysięcy produktów i działają niezwykle szybko
Nawet z pozoru prostą stronę internetową można przygotować w bardzo zły sposób co spowoduje że zamiast budować swoją markę w internecie będziecie skazani na wieczne problemy, utratę zaufania wśród kontrahentów lub co najgorsze wasi klienci przestaną was poważnie traktować.
Określenie budżetu strony internetowej
Jeśli szukasz najtańszego wykonawcy i jest to twoje główne kryterium możesz zakończyć czytanie tego artykułu jeśli jednak podchodzisz do sprawy poważnie określenie budżetu pomoże bardzo szybko podjąć ważne decyzje dotyczące strony oraz pozwoli skonfrontować wasz budżet z oczekiwaniami. Bardzo często z pozoru “proste” funkcjonalności mogą kosztować naprawdę dużo. Firma która dba o swojego potencjalnego klienta postara się wasz budżet dopasować do możliwości oraz oczekiwań.
Przy niższych budżetach bardzo często korzysta się z gotowych rozwiązań które w obecnych czacach są naprawde świetnej jakości – trzeba tylko wiedzieć które wybrać a już najlepiej gdy ma się jakieś doświadczenie w ich obsłudze czy rozbudowie.
Pewnie znajdą się zaraz osoby które powiedzą że takie gotowce to amatorszczyzna i że nie warto ale my jesteśmy innego zdania – tak na rynku jest mnóstwo wtyczek czy szablonów które są tak złe że w zasadzie nie wiadomo co napisać ale dzięki temu że robimy to od ponad 14 lat wiemy które z nich są świetnie napisane i tylko takie polecamy naszych klientom.
Poniżej przedstawiamy listę kilku których używamy tak abyście mogli sami ocenić
- https://www.advancedcustomfields.com/pro/ – ACF Pro – przedstawiać nie trzeba, jedno z najlepszych narzędzi do “rozbudowy” dla WordPress.
- https://theeventscalendar.com/ – świetnej jakości wtyczka do obsługi wydarzeń.
- https://bricksbuilder.io/ – naszym zdaniem jedyny prawdzimy i niesamowicie szybki “builder” dla WordPress.
Określenie funkcjonalności strony internetowej
To jedna z najważniejszych rzeczy które pozwolą nam utrzymać budżet w ryzach oraz uniknąć niepotrzebnych nieporozumień.
Najważniejsze pytanie które powinniście sobie zadać to: “co ma robić moja strona?”.
Jeśli planujecie stworzyć stronę swojej firmy która ma mieć cel tylko informacyjny, zaprezentować wasz produkt z jak najlepszej strony ale cały proces sprzedaży odbywa się już tradycyjnymi kanałami to jedyną funkcjonalnością takiej strony będzie formularz kontaktowy oraz możliwość edycji treści na stronie – tak abyście mogli samodzielnie zmienić lub dodać nowego posta, stronę, umieścić video czy zmienić adres url do waszych “sociali”. Jeśli w wycenie takiej strony zobaczycie pozycje pod tytułem “Testy Automatyczne” uciekajcie jak najdalej bo jestesmy pewni że zaplacicie za stronę o wiele więcej niż jest warta. Czy testy automatyczne są ważne? Oczywiście! Ale nikt nie robi ich dla takich stron ponieważ nie ma to najmniejszego sensu… Testy manualne powinny zająć nie więcej niż kilka godzin i w zasadzie nawet o tych bym nie wspominał… Po Prostu osoba odpowiedzialna ze programistyczną część może spokojnie wszystko przetestowac i zajmię to chwile. Pamiętajcie że otrzymujecie stronę zbudowaną w oparciu o system WordPress – trzeba się naprawdę postarać żeby coś zepsuć robiąc tego typu stronę.
Jeśli planujecie stworzyć sklep lub rozbudowaną stronę z masą funkcjonalności to już warto spędzić nieco czasu i przygotować wszystko jak należy.
Jeśli chodzi o sklepy zawsze pracujemy na systemie WooCommerce – system ten sam w sobie ma już wiele wbudowanych funkcjonalności. Warto zaznajomić się z ich dokumentacją. Po pierwsze będziecie w stanie ocenić czy jakaś firma nie sprzedaje wam funkcjonalności która jest dostępna (tak nadal się to zdarza) oraz poznacie cały system co pozwoli wam szybciej wdrożyć się w jego obsłudze.
Jak już przejdziecie przez wbudowane funkcje warto się zastanowić czego jeszcze potrzebujecie, dodatkową funkcjonalnością sklepu WooCommerce może być:
- Konfigurator produktów WooCommerce który pozwoli wam dowolnie konfigurować jakiś produkt. Np. jeśli sprzedajecie rowery klient będzie mógł wybrać odpowiedni kolor, koła czy napęd. Lub jeśli sprzedajecie meble to będzie mogli wybrać kolor obicia i gatunek drewna.
- Dodatkowe opcje płatności – obecnie większość szanujących się firm posiada gotowe wtyczki dla systemu WooCommerce warto to sprawdzić zanim wydacie sporą sumkę na stworzenie customowego modułu.
- Tworzenie różnych cen dla grup użytkowników
- Powracające płatności
Opcji jest wiele i warto wszystkie spisać na kartce, zrobić długie spotkanie i omówić wszystkie sprawy. Wprawiony project manager szybki przygotuje na tej podstawie porządną wycenę.
Przygotuj „wireframe” strony internetowej
Wireframe to przybliżony układ twojej strony internetowej, my często już na etapie tworzenia wireframe przygotowujemy wstępny projekt graficzny który nanosimy na przygotowany szkielet tak aby można było sobie lepiej wyobrazić jak wyglądać będzie strona. Oczywiście czasem nie jest to możliwe i w dużej mierze zależy od skomplikowania projektu.
Taki wireframe jest świetnym rozwiązaniem ponieważ pomoże omówić wszystkie wcześniej zdefiniowane funkcjonalności i pozwoli wyłapać błędy czy to w zakresie tych że funkcjonalności czy komunikacji. Czasem może po prostu się zdarzyć że klient nie zrozumie się z wykonawcą strony – często rzeczy oczywiste dla programisty wcale nie muszą takie być dla klienta.
Wybierz metodę programowania strony internetowej
Metod jakie możesz wybrać przy tworzeniu strony WordPress lub sklepu na systemie WooCommerce jest wiele. My proponujemy dwie które zależą od budżetu oraz skali projektu.
Przygotowanie dedykowanego szablonu dla WordPress lub WooCommerce.
Pierwsza opcja, można nazwać ją opcją premium to przygotowanie szablonu dla WordPress lub WooCommerce od zera. Szablon będzie dedykowany i “pocięty” pod wcześniej przygotowany projekt graficzny. Zero kompromisów jeśli chodzi o funkcjonalności. Otrzymujecie gotowy produkt który bez problemu obsłuży setki tysięcy użytkowników lub sklepy z wieloma tysiącami produktów. Nie będziemy rozpisywać się tutaj mocno o technicznych aspektach ponieważ nie tego dotyczy ten post aczkolwiek warto nadmienić że przy programowaniu takich tematów można zrobić to na wiele sposobów.
Kładziemy mocny nacisk na to aby tematy lub wtyczki stworzone przez nasz zespół były proste w obsłudze i przede wszystkim “napisane” w taki sposób żeby ich utrzymanie lub rozwój były miłe i przyjemne. Jak to robimy?
- Staramy się przygotowywać strukturę folderów w tematach lub wtyczkach w taki sposób żeby można było bardzo szybko “wskoczyć” do projektu i wprowadzić jakiekolwiek zmiany.
- Używamy najlepszych praktyk jeśli chodzi o przygotowanie szablonów – tutaj nie ma dużej filozofii – po prostu nie jest nam obca dokumentacja PHP czy WordPress, staramy się być na bieżąco i reagować na zmiany.
- Wchodząc na zaplecze naszych realizacji każdy programista odnajdzie się w nim w kilka minut ponieważ pisanie dokumentacji i komentowanie kodu również nie jest na obce.
Stworzenie strony dla WordPress lub WooCommerce za pomocą „buildera” bricks.io
Jeśli budżet na realizację jest mniejszy lub jeśli strona nie wymaga specyficznego podejścia (czyli nie spodziewasz się że będziesz miał w asortymencie 20 tysięcy produktów) bardzo często decydujemy się na budowę strony z wykorzystaniem tematu bricks.io który w dużym uproszczeniu jest builderem.
Niestety buildery mają złą opinie na rynku ale bricks.io udowadnia że można stworzyć świetne narzędzie które nie ma sobie równych.
Najważniejsze co wyróżnia bricks.io spośród innych tego typu rozwiązań to fakt że całość została napisana bez użycia biblioteki jQuery dzięki czemu można było drastycznie zmniejszyć rozmiar plików oraz naprawdę wykorzystać potencjał javascript aby stworzyć niezwykle szybkie narzędzie. Kolejną sprawą jest kod html generowany przez builder – tutaj w przeciwieństwie do konkurencji wszystko jest niesamowicie “czyste” bez absurdalnej ilości zagnieżdżonych elementów.
Co ciekawe przy zapisywania każdej utworzonej w bricks.io strony system automatycznie generuje style (wiele z nich jest dodawanych inline) a przez to każda pojedyncza strona wykorzystuje tylko to co jest potrzebne bez zbędnego ładowania wielu niepotrzebnych styli czy skryptów.
Wielu naszych klientów z powodzeniem używa bricks.io, dotyczy to także stron które są odwiedzane przez dziesiątki tysięcy użytkowników miesięcznie.
Przygotowanie odpowiedniego serwera
Serwer jest niezwykle ważnym elementem każdej dobrze działającej strony lub sklepu. Na rynku istnieje wiele firm które mają w swojej ofercie świetne rozwiązania. My chcielibyśmy polecić jedno które według nas jest w absolutnej czołówce.
Współpracując z naszymi klientami zawsze używamy serwerów od firmy kinsta.com. Poniżej krótki lista argumentów dlaczego według nas to jedna z najlepszych firm na rynku.
- Support dostępny 24/7 gdzie w każdej chwili można porozmawiać z prawdziwą osobą.
- Codziennie backupy oraz dodatkowe moduły umożliwiąjące ich tworzenie z jeszcze większą częstotliwością.
- Świetny caching oraz wiele dodatkowych narzędzi do optymalizacji stron.
- Możliwość tworzenia testowego środowiska dla twojej strony.
- Dostęp do ssh, git i wielu innych narzędzi dla programistów.
- Możliwość wyboru lokalizacji serwera. Jest ich bardzo wiele więc każdy znajdzie lokalizację odpowiednią dla siebie.
Może nie jest to najtańsza opcja ale za tą cenę otrzymujecie spokój i możecie być pewni że gdy nadejdą problemy nie zostaniecie z nimi sami.
Idziemy „Live!”
Jak już strona zostanie zaprojektowania, wszystko zaprogramowane oraz przeniesione na docelowy serwer możemy iść live! Ale zanim to zrobicie należy pamiętać o wielu ważnych rzeczach.
Są dwie drogi a która wybierzecie zależy od tego czy jest to kompletnie nowa strona czy taka która już istniała.
Zacznijmy od nowej strony.
Poniżej lista którą zawsze mamy przed sobą gdy idziemy live jest to absolutne minimum bo wiele zależy od tego jak to strona ale żeby mieli Państwo jakikolwiek ogląd to prosze bardzo:
- Instalacja certyfikatu ssl
- Optymalizacja wszystkich zdjęć i/lub obrazów
- Uruchomiony cache
- Upewnienie się że strona może być śledzona przez roboty (np. google)
- Dodanie wszystkich meta tytułów oraz opisów
- Dodanie schema structured data
- Dodanie favicon
- Dodanie mapy strony
Jeśli chodzi o strony które już istniały to oprócz listy powyżej jest kilka elementów które są niezwykle ważne i źle zrobione mogą zrujnować waszą latami wypracowaną pozycję w google.
- Musicie upewnić się że struktura adresów url jest taka sama, a jeśli są jakieś zmiany powinny być zrobione za pomocą przekierowań i odpowiednio przygotowane tak aby wyszukiwarki wiedziały o co chodzi. Warto także sprawdzić czy przypadkiem nie macie jakiś naprawdę dobrych linków do których kierują jakieś serwisy z mocnymi domenami – w takim wypadku zmiana url’i może was wiele kosztować i zalecałbym dużą ostrożność.
- Zanim zmienicie treści na stronach które mają świetną pozycję dwa razy się zastanówcie, jeżeli wszystko było ok warto te treści zostawić ponieważ wasza pozycja może się zmienić.
- Pamiętajcie aby poprawnie przenieść wszystkie treści a także meta dane, utrata meta opisów czy tytułów może wpłynąć na waszą pozycję oraz to w jaki sposób będą wyświetlane wasze wyniki wyszukiwania.
Stworzenie strony internetowej z jednej strony nigdy nie było tak proste jak teraz a z drugiej to bardzo trudny i złożony proces który wymaga doświadczenia. Dlatego uważamy że zawsze warto powierzyć to zadanie doświadczonemu zespołowi który zrobi to dobrze po to abyście wy mogli się skupić na rozwoju waszej firmy.
