Czym jest Stack Technologiczny Sage Roots?

Sage Roots to kompleksowy zestaw narzędzi, który umożliwia programistom tworzenie motywów dla WordPressa. Korzysta z popularnych technologii, takich jak HTML, CSS, JavaScript i PHP, ale sięga dalej, integrując nowoczesne narzędzia programistyczne, takie jak Sass, Laravel Blade i Webpack. Dzięki temu zaawansowanemu podejściu możliwe jest tworzenie motywów WordPress, które nie tylko prezentują się estetycznie, ale również są niezwykle wydajne i łatwe w zarządzaniu.

Przewaga nad Standardowymi Motywami WordPress

1. Elastyczność

Korzystanie z narzędzi takich jak webpack i Browsersync przyspiesza proces tworzenia stron internetowych poprzez automatyzację wielu powtarzalnych zadań związanych z programowaniem. Dzięki nim możliwe jest szybkie kompilowanie i optymalizacja plików CSS oraz JavaScript, co skutkuje krótszym czasem ładowania witryny. Ponadto, dodatkowe narzędzia programistyczne zawarte w tym stacku ułatwiają debugowanie i testowanie kodu, co z kolei przekłada się na szybszy postęp prac i oszczędność czasu i środków.

2. Flow developerski

Korzystanie z narzędzi takich jak webpack i Browsersync przyspiesza proces tworzenia stron internetowych poprzez automatyzację wielu powtarzalnych zadań związanych z programowaniem. Dzięki nim możliwe jest szybkie kompilowanie i optymalizacja plików CSS oraz JavaScript, co skutkuje krótszym czasem ładowania witryny. Ponadto, dodatkowe narzędzia programistyczne zawarte w tym stacku ułatwiają debugowanie i testowanie kodu, co z kolei przekłada się na szybszy postęp prac i oszczędność czasu i środków.

3. Solidne fundamenty

Stack technologiczny Sage Roots opiera się na sprawdzonych praktykach programistycznych, co gwarantuje stabilne fundamenty dla budowanej strony internetowej. To oznacza mniejszą liczbę błędów, wyższe bezpieczeństwo oraz łatwiejsze utrzymanie strony przez długi czas, a co za tym idzie – mniejszy stres.

4. Efektywne zarządzanie treścią

Dla klientów udostępniamy bardziej intuicyjne narzędzia do zarządzania treścią ich witryny. Dzięki przejrzystemu interfejsowi administracyjnemu i łatwemu dostępowi do różnorodnych opcji konfiguracyjnych, klienci mogą łatwo aktualizować treści, dodawać nowe sekcje i dostosowywać wygląd swojej witryny, nawet bez specjalistycznej wiedzy kodowania. To pozwala na większą samodzielność oraz szybsze reagowanie na zmieniające się potrzeby biznesowe, co z kolei przekłada się na skuteczniejsze działania marketingowe i lepsze wyniki w biznesie.

5. Wyższy poziom bezpieczeństwa

Motyw oparty na tym zestawie technologicznym zapewnia klientom wyższy poziom bezpieczeństwa ich witryny. Dzięki regularnym aktualizacjom i ścisłemu przestrzeganiu najlepszych praktyk programistycznych, tego rodzaju motyw może zminimalizować ryzyko ataków cybernetycznych i utraty danych. Dodatkowo, wykorzystanie zaawansowanych technologii deweloperskich umożliwia wprowadzenie dodatkowych warstw zabezpieczeń, takich jak filtrowanie treści czy walidacja formularzy, co dodatkowo zwiększa odporność witryny na potencjalne zagrożenia. To przekłada się na większe zaufanie użytkowników, mniejsze ryzyko utraty reputacji i obniżone koszty związane z ewentualnymi incydentami związanymi z bezpieczeństwem.

Podsumowanie

Posiadając solidne podstawy technologiczne, które oferuje stack Sage Roots, możemy zapewnić nie tylko wysoką jakość, ale również stabilność działania witryny WordPress. To kluczowe dla budowania zaufania klientów i utrzymania pozytywnego wizerunku marki. Wykorzystanie zaawansowanych narzędzi programistycznych pozwala na szybsze dostosowywanie witryny do zmieniających się potrzeb rynku oraz dynamicznego środowiska online. To daje przedsiębiorstwom konkurencyjną przewagę i pozwala na efektywne reagowanie na nowe wyzwania. Współpraca z doświadczonym specjalistą od WordPressa, który posiada wiedzę na temat stacku Sage Roots, gwarantuje profesjonalne podejście do projektu i optymalne wykorzystanie jego potencjału. To zapewnia klientom pełne wsparcie techniczne oraz pewność, że ich witryna będzie działać efektywnie i bezproblemowo. Korzystanie z nowoczesnych narzędzi programistycznych, takich jak Sass, Blade i Webpack, nie tylko ułatwia tworzenie atrakcyjnego wyglądu witryny, ale również przekłada się na jej szybsze ładowanie oraz lepsze pozycjonowanie w wynikach wyszukiwania. To kluczowe czynniki wpływające na doświadczenie użytkownika i skuteczność działań marketingowych.

Strony internetowe dopasowane do strategii marketingowej marki

W Tamago wierzymy, że dopasowanie do strategii marketingowej to jedna z kluczowych wartości strony internetowej. Projektowanie nowej platformy powinno zawsze zaczynać się od zrozumienia celów biznesowych klienta. Tylko w ten sposób można stworzyć stronę, która będzie idealnie dopasowana do potrzeb i oczekiwań użytkowników oraz będzie sprawnie przekazywać informacje o firmie i jej produktach lub usługach. Strona internetowa powinna być integralną częścią strategii marketingowej i działać jako narzędzie marketingowe, które pomaga w promowaniu firmy i jej produktów lub usług.

Architektura informacji

Kolejnym ważnym aspektem w projektowaniu strony internetowej jest architektura informacji. To ona stanowi podstawę dla projektu i wynika bezpośrednio z celów biznesowych klienta, a tym samym użytkownika. Architektura informacji stanowi pierwszy zarys biznesowej koncepcji wynikającej ze strategii marketingowej. Powinna być przejrzysta i łatwa do nawigacji, aby użytkownik mógł szybko znaleźć potrzebne informacje o jej produktach lub usługach.

Kiedy już mamy projekt strony internetowej, ważne jest aby była ona kompletna i spełniała wszystkie wymagania techniczne. Strona powinna być w pełni responsywna i dostosowywać się do różnych urządzeń mobilnych. Dodatkowo, powinna być zoptymalizowana pod kątem SEO, co pozwoli na poprawę pozycji w wynikach wyszukiwania. Warto także zwrócić uwagę na aspekty techniczne, takie jak certyfikat SSL czy przeniesienie pozycjonowania ze starej strony. Wszystko to przyczyni się do lepszego działania strony i zwiększenia jej skuteczności w ramach strategii marketingowej.

Kluczowe aspekty posiadania własnej strony internetowej

Mając wieloletnie doświadczenie z tworzeniem stron www, możemy z pełnym przekonaniem stwierdzić, że ruch na stronie firmowej jest ważny, ale nie najważniejszy! Sam ruch nie zagwarantuje nam sprzedaży, ani nie jest potwierdzeniem tego, że nasza strona jest zgodna ze strategią marketingową marki. Dobra strona internetowa to taka, która:

• wizualnie jest spójna z key visual marki
• posiada elementy / narzędzia niezbędne do prowadzenia odpowiednich działań marketingowych
• uwzględnia aspekty techniczne takie jak certyfikat SSL, przeniesienie pozycjonowania ze starej strony, szybkie ładowanie strony
• jest elastyczna pod kątem zmian i usprawnień, które wynikają z analityki zachowań użytkowników na stronie
• jest zaprojektowana pod cele i potrzeby użytkownika, co pozwoli zmaksymalizować konwersje
• jest regularnie aktualizowana

Rola strony internetowej – czy social media wystarczą do prowadzenia biznesu?

W poszukiwaniu odpowiedzi na to pytanie, należy rozważyć różne czynniki i cele firmy. Chociaż obecność w mediach społecznościowych, takich jak Instagram, Facebook czy Tik Tok, może być ważna dla wielu firm, posiadanie strony internetowej ma wiele korzyści, które niekoniecznie są dostępne za pośrednictwem mediów społecznościowych. Jaki jest zatem cel strony internetowej? Oto kilka argumentów przemawiających za posiadaniem strony internetowej:

Profesjonalne wrażenie

Posiadanie własnej strony internetowej daje firmie bardziej profesjonalny wygląd. Strona internetowa stanowi centralne miejsce, w którym potencjalny klient może znaleźć pełne informacje o firmie, jej produktach lub usługach. To właśnie tutaj można zaprezentować swoją unikalną markę, wartości i historię. Posiadając na stronie odpowiednie elementy np. strony kontaktu, menu strony, stronę wizytówkę, formularz zapisu – mamy większa szansę na to, by zwrócić uwagę użytkownika i, a tym samym nowych klientów.

Większa kontrola nad treścią i wyglądem

Strona internetowa daje pełną kontrolę nad zawartością i wyglądem. Można dostosować strony internetowe do swoich potrzeb, wprowadzać zmiany wizualne i aktualizować informacje w dowolnym momencie. W przypadku mediów społecznościowych jesteśmy ograniczeni przez zasady i interfejsy platform, co może mieć wpływ na naszą zdolność do wyrażania pełnej wizji firmy. Do promocji biznesu zdecydowanie przydadzą się działania content marketing, które w dzisiejszych czasach są bardzo istotne. Strona internetowa firmy to jednocześnie świetny system zarządzania treścią. Dzięki temu możemy stosować na niej różne słowa kluczowe, które pozwolą nam wypozycjonować stronę w wyszukiwarce google.

Poszerzanie zasięgu

Posiadanie własnej witryny może pomóc w dotarciu do większego grona potencjalnych klientów. Wyszukiwarki internetowe, takie jak Google, pozwalają potencjalnym klientom na znalezienie naszej firmy poprzez wpisanie konkretnych zapytań. Dzięki optymalizacji strony pod kątem wyszukiwarek (SEO), możemy zwiększyć naszą widoczność w wynikach wyszukiwania.

Dodatkowe funkcje i możliwości

Czasami social media, czy landing page nie wystarczą. Strona internetowa może oferować szereg dodatkowych funkcji, takich jak formularze kontaktowe, rezerwacje online, sklepy internetowe, blogi itp. Możemy również integrować różne narzędzia analityczne, aby monitorować ruch na stronie i lepiej zrozumieć preferencje i zachowania naszych klientów.

Długoterminowe działanie

Media społecznościowe mogą zmieniać swoje zasady i algorytmy w dowolnym momencie. Właściciele firm nie mają pełnej kontroli nad tymi platformami. Posiadanie własnej strony internetowej zapewnia większą niezależność i długoterminowe działanie, niezależnie od zmian w mediach społecznościowych. Poprawia wizerunek marki i pozwala umieszczać odpowiednie słowa kluczowe. Jeżeli jesteśmy właścicielami e-commerce – działania prowadzone na stronie głównej mogą być stale zmieniane i aktualizowane, tak aby poszukiwanie informacji przez użytkownika było łatwe i intuicyjne.

Jak usprawnić Twoją stronę internetową

Strona internetowa firmy to bardzo ważny element strategii marki. Serwisy internetowe mają jednak to do siebie, że muszą być odpowiednio zaprojektowane, by zachęcać użytkowników do pozostania na niej. Co jest ważne? Optymalizacja strony, posiadanie formularza kontaktowego, prędkości ładowania, projekt graficzny, odpowiednie funkcjonalności Twojej strony internetowej. Witryna internetowa powinna być także zauważalna przez algorytmy google – jest to bardzo istotne w marketingu internetowym.

Dlaczego warto posiadać własną stronę internetową – podsumowanie

Podsumowując, we współczesnym świecie, strona internetowa jest niezwykle ważnym elementem w strategii marketingowej każdej firmy. Musi być dopasowana do celów biznesowych klienta i zawierać kompleksowe rozwiązania techniczne, takie jak zoptymalizowanie pod SEO, czy narzędzia do prowadzenia działań marketingowych. Ważne jest także, aby architektura informacji była przejrzysta i łatwa do nawigacji. Wszystko to sprawi, że strona internetowa stanie się skutecznym narzędziem marketingowym, a nie tylko ładną wizytówką. Jeśli chodzi o media społecznościowe to są one ważne, ale posiadanie strony internetowej daje firmie większą kontrolę, profesjonalny wygląd, większy zasięg, dodatkowe funkcje i długoterminową obecność w Internecie.

Na pewno każdy powinien być świadomy, że brak strony internetowej może sprawić, że nasz klient do nas nie dotrze. Proces tworzenia strony internetowej jest złożony i wymaga dużej wiedzy. Firma realizująca proces tworzenia strony internetowej powinna nie tylko znać się na tematy związane z technologią, czy projektem graficznym, ale najpierw bardzo dobrze poznać potencjalnego klienta marki oraz strategię marketingową. Dobry partner technologiczny dopasowuje bowiem strony internetowe do użytkowników, a nie do trendów.

Czym jest slider na stronie www?

Slider to na większości stron internetowych główny element promujący najważniejsze treści. Slider jest zawsze elementem ruchomym, przesuwnym – w praktyce przypomina po prostu pokaz slajdów. Kolejne slajdy „wjeżdżają” na stronę główną z prawej strony, z reguły w ustalonym interwale czasowym (zmieniają się co kilka sekund).

Wiele osób ceni slider za możliwość pokazania najciekawszych zdjęć swoich produktów czy elementów oferty. Nasi Klienci często planują umieszczać na sliderze wartościowe treści reklamowe. Czy to dobra droga, czy lepiej wstrzymać się z użyciem slidera i postawić na inny sposób prezentacji najważniejszych treści?

Dlaczego warto mieć slider na stronie?

Najpierw wskażemy powody, które często podawane są jako główne zalety slidera.

1) Slider atrakcyjnie się prezentuje

W przypadku wielu witryn slider to główny ich element promujący ważne treści, ponieważ w opinii wielu osób wygląda po prostu atrakcyjnie. Slider, inaczej karuzela przewijająca zdjęcia, wraz z naniesionym tekstem może rzeczywiście wywoływać pozytywny odbiór u osób przeglądających tę stronę.

Szczególnie ważny pod względem wizualnym jest pierwszy slajd, ponieważ to on rzuca się w oczy tuż po wejściu na stronę. To on ma szansę przykuć uwagę użytkownika i to od niego zależy, czy użytkownik zaczeka do drugiego slajdu (i ewentualnie jeszcze kolejnego), czy nie uzna slidera za element na tyle atrakcyjny, by obejrzeć pozostałe slajdy.

2) Slider pozwala na zaoszczędzenie miejsca na stronie

Bardzo często strony internetowe zawierają slider po to, żeby po prostu strona internetowa była krótsza, bardziej skondensowana. Slider składający się z galerii zdjęć umieszczonych w formie slajdów pozwala na to, by na stronie głównej umieszczonych było mniej sekcji. Z takiej metody na zaoszczędzenie miejsca korzystają na przykład giganci rynku e-commerce, tacy jak Allegro czy ebay. 

3) Na sliderze można umieścić przyciski CTA

Slidery można wypełnić różnymi przyciskami CTA (ang. call to action) wzywającymi użytkownika do działania. Przyciski CTA można zróżnicować – ogranicza nas tak naprawdę tylko ilość slajdów, ponieważ każdy slajd możemy wyposażyć w inny przycisk. Dzięki temu na pierwszym planie możemy umieścić przycisk, na którym zależy nam najbardziej (np.: prowadzący do naszej oferty sprzedażowej czy zachęcający do kontaktu).

Dlaczego nie warto mieć slidera na stronie?

Jest także wiele powodów, dla których nie warto mieć slidera na stronie. 

1) Strona może ładować się wolniej

Każdy dodatkowy element na stronie to dodatkowy skrypt w kodzie strony, a – jak wiadomo – obciążenie kodu może mieć negatywny wpływ na prędkość otiwerania się strony. Poza tym slider jest zazwyczaj naładowany dobrej jakości zdjęciami. Zbyt duże zdjęcia w takiej ilości również mogą spowodować, że strona będzie ładować się wolniej. 

Badania Google pokazują, że strony, które ładują się dłużej niż 5 sekund, tracą aż 40% konwersji w porównaniu ze stronami, które ładują się maksymalnie 1 sekundę. Im mniej skomplikowanych narzędzi na stronie, tym szybsze jej ładowanie, a – co za tym idzie – pozytywny wpływ na konwersję. Dłuższy czas otwierania się strony wpływa także na jej pozycję w wyszukiwarkach.

2) Dobry slider to duże wyzwanie dla programistów

Projektując slider musimy pamiętać o tym, żeby zadbać o jego dobre wyświetlanie zarówno w każdej przeglądarce na komputerze, jak i na urządzeniach mobilnych o różnej przekątnej ekranu. Ze względu na wielość urządzeń i rozdzielczości ekranów obecnie trudno o dobrze zoptymalizowany slider – z reguły pod względem technicznym jest z nim więcej problemów niż ewentualnych korzyści. Grafiki nie na każdym ekranie mogą wyświetlać się dobrze, a łagodne animacje mogą słabo działać na starszych urządzeniach.

3) Statyczny obraz ma większą klikalność niż ruchomy

W przypadku elementów strony liczą się nie tylko estetyka i funkcja, ale także ich klikalność, która pokazuje, czy dane treści interesują użytkownika. Badania pokazują, że strony ze statycznym obrazem silniej zwiększają zaangażowanie użytkownika niż strony ze sliderem. W 2012 roku firma Conversionista przeprowadziła badanie realnego wpływu slidera na CTR strony. Wniosek z tego badania zaskoczył wiele osób. Współczynnik CTR dla strony ze statycznym obrazem wynosił 40%, a dla strony ze sliderem – zaledwie 2%.

4) Użytkownicy często nie czytają tekstu slajdu

Jaki jest tego powód? Powodów jest wiele, ale główny jest taki, że w przypadku sliderów na stronach www każdy spodziewa się szybkiej zmiany slajdów, więc automatycznie obawiamy się, że nie zdążymy przeczytać całego tekstu slajdu i skupiamy się na obrazku. Nawet jeżeli czasu na zmianę slajdu jest dużo, to umysł podpowiada nam, by spieszyć się z oglądaniem treści prezentowanych na sliderze. 

Jesteśmy przyzwyczajeni do tego, że slidery prezentują treści w szybkim tempie, więc nie do końca się na tych treściach skupiamy. Najczęściej oglądamy obrazki, a tekst pozostaje niezauważony. To duża strata dla tych, którzy na sliderze umieszczają najważniejsze elementy – niestety jest spore ryzyko, że użytkownik do tych treści nie dotrze.

5) Slider może mieć negatywny wpływ na sprzedaż

Ten argument brzmi jak wróżenie z fusów, ale są badania, które wskazują na to, że w istocie tak właśnie jest. Dekadę temu Kierownik ds. optymalizacji Adobe Blair Keen testował stronę www projektowaną dla klienta usług finansowych. Okazało się wtedy, że usunięcie slidera i podniesienie treści strony, znajdującej się wcześniej pod sliderem, zwiększyło sprzedaż aż o ponad 20%. Jeżeli zatem masz stronę internetową, która sprzedaje, a nie tylko prezentuje treści – dobrze się zastanów, czy slider jest rozwiązaniem, które powinno pojawić się na twojej stronie.

6) Jedno zdjęcie lepiej prezentuje ofertę niż wiele zdjęć

Tak naprawdę szansę na zainteresowania użytkownika naszą ofertą mamy tylko jedną – liczy się pierwsze wrażenie po wejściu na stronę. Jeżeli już pierwsze zdjęcie i tekst slidera nie będą zachęcające dla użytkownika, po prostu nie doczeka on do kolejnego slajdu i zamknie stronę. Jeżeli natomiast pierwsze zdjęcie dobrze zaprezentuje naszą ofertę, użytkownik będzie skłonny do tego, by zainteresować się pozostałymi treściami umieszczonymi na stronie. Odruchowo w tym celu zjedzie myszką w dół, zamiast czekać na treści prezentowane automatycznie przez slider.

Podsumowanie – czy warto mieć slider?

Podsumowując wszystkie potencjalne korzyści i straty wynikające z posiadania slidera, możemy wskazać wprost, że naszym zdaniem nie warto. Nie oznacza to jednak, że takich sliderów nie projektujemy na stronach internetowych naszych Klientów. Zawsze staramy się przedstawić wszystkie za i przeciw danego wdrożenia, ale ostateczną decyzję pozostawiamy Klientowi.

Koncepcja — podstawa dobrej strony www

Tworzenie stron internetowych zawsze zaczyna się od koncepcji. Musimy wiedzieć, czego oczekujemy od swojej strony www – czy ma ona sprzedawać produkt, czy prezentować o nim informacje, czy być zbiorem artykułów informacyjnych albo służyć jeszcze innej funkcji. Jeżeli nasza strona internetowa ma łączyć w sobie różne te funkcje – również musimy to ustalić jeszcze przed rozpoczęciem prac nad stroną. 

Wyobraźmy sobie bowiem, że tworzymy projekt strony głównej prezentującej zbiór artykułów o literaturze, a potem – w trakcie projektowania – dochodzimy do wniosku, że jednak lepiej byłoby nie tylko pisać o literaturze, ale także sprzedawać książki. A może – głównie sprzedawać? Wtedy zmienia się zupełnie cel strony www, zmieniamy też grupę docelową i właściwie całkiem na nowo musimy tworzyć projekt strony internetowej. Wydłużamy wtedy niepotrzebnie czas projektowania i zwiększamy koszty, a moglibyśmy po prostu zacząć od gotowej koncepcji i od razu zrobić stronę internetową, która będzie odpowiadała potrzebom naszym i naszych potencjalnych Klientów.

Pierwsze kroki podczas tworzenia stron internetowych

Dlatego właśnie projektowanie stron internetowych najlepiej rozpocząć od gruntownej analizy swoich oczekiwań. Powinniśmy zastanowić się:

• do czego będzie służyła nam strona internetowa,
• kto będzie odbiorcą naszej strony,
• jaki będzie główny cel strony www,
• jak powinna wyglądać nasza strona (kolorystyka, kształty, zdjęcia),
• czy zakładamy, że strona będzie rozbudowywana,
• czy w przyszłości będziemy wdrażać inną wersję językową strony.

Jeżeli chcemy skorzystać z pomocy sotfware house’u, agencji czy freelancera, warto przygotować także strony internetowe, które możemy zademonstrować jako wzór – jako takie, które nam się podobają lub które spełniają podobne cele, co nasza właśnie projektowana strona. Jeżeli natomiast jakaś strona www szczególnie nam się nie podoba – również warto zapisać jej link, ponieważ taka informacja również będzie cenna dla programisty/projektanta.

Analiza potrzeb klienta i słów kluczowych

Jeżeli mamy w planie stworzyć stronę www, powinniśmy skupić się na potrzebach naszego Klienta lub po prostu odbiorcy naszych treści. To, co znajdzie się na przykład na stronie głównej, musi wprost wynikać z tego, czego będzie szukała osoba odwiedzająca naszą stronę internetową. Potrzeby potencjalnych klientów powinny być dla nas najważniejsze, bo przecież nie dla siebie samych tworzymy stronę internetową, a dla osób, które będą z niej korzystać.

Każda strona internetowa powinna mieć jasno sprecyzowany cel i temat. Z tym tematem związane są bezpośrednio również słowa kluczowe używane na tej stronie. Słowa kluczowe to te, które dotyczą naszego tematu i są korzystne dla SEO naszej strony www. W znalezieniu słów kluczowych mogą nam pomóc na przykład następujące aplikacje:

• Planer Słów Kluczowych z Google Ads,
• Ubersuggest,
• Ahrefs,
• Google Trends.

Jeżeli sami nie jesteśmy w stanie zaplanować i wybrać właściwych słów kluczowych, również możemy zlecić to wykonawcy naszej strony internetowej. Ze słów kluczowych musimy potem korzystać na naszej stronie – przede wszystkim na stronie głównej, ale także w dalszych jej strukturach, np.: opisach, nagłówkach.

Zaplanowanie struktury podstron i treści strony

Jeżeli już mowa o strukturach, warto zwrócić uwagę na aspekt budowy naszej strony internetowej. Architektura informacji na stronie jest kluczowa dla użytkownika i zapewnia mu wygodne korzystanie ze strony. Przystępując do stworzenia strony internetowej, warto więc przemyśleć od razu, jaka powinna być zawartość witryny internetowej.

W ramach projektowania architektury strony www warto stworzyć także makiety UX, które pokażą nam, jak docelowo może wyglądać nasza strona. Najpierw tworzymy makiety bardzo podstawowe, jeszcze bez naniesionych kolorów i konkretnych informacji, a potem makiety bardziej szczegółowe. Takie działanie umożliwia nam wyeliminowanie pewnych błędów już na etapie bardzo wstępnego projektu graficznego. Wstępny projekt graficzny możemy wykonać we własnym zakresie, nawet ręcznie na kartce papieru. Dzięki temu zwizualizujemy sobie chociaż szkicowo własną stronę internetową i będziemy mogli na spokojnie zastanowić się nad jej poszczególnymi elementami.

Dzięki temu zaoszczędzamy pieniądze na ewentualnych późniejszych kosztownych zmianach. O wiele łatwiej zmienić coś na projekcie graficznym niż później, już na zakodowanej stronie. Więcej na ten temat przeczytasz w naszym osobnym poradniku dotyczącym tego, dlaczego warto stworzyć makiety UX strony internetowej.

Projektowanie strony internetowej pod względem graficznym

Wykonanie strony internetowej to także jej docelowy projekt graficzny. Dobry projekt strony internetowej jest kompletny i zawiera projekt wszystkich podstron, które wystąpią na Twojej stronie internetowej. Projekt będzie zawierał gotową strukturę strony i jej kolorystykę. Zobacz kilka projektów stron internetowych, które my przygotowaliśmy dla naszych Klientów – zwróć uwagę na ich różnorodność zarówno pod kątem zawartości, jak i kolorystyki.

Pierwszym przykładem może być projekt graficzny do strony internetowej, której głównym tematem jest zdrowa żywność, a celem jest sprzedaż oraz prezentacja najważniejszych informacji na temat sprzedawanych produktów (i tematów z nim powiązanych).

Drugim przykładem może być natomiast projekt graficzny strony internetowej przeznaczonej dla popularnego dealera samochodowego. Poniżej prezentujemy makietę UX dla wersji mobile wykonanej na zamówienie Klienta.

Jeszcze jednym przykładem zupełnie inaczej zaprojektowanej pod względem graficznym strony www jest strona nie tylko prezentująca ofertę i wpisy blogowe powiązane z tematem, ale także zawierająca wdrożoną skutecznie platformę e-learningową.

Zakup hostingu i domeny dla nowej strony

Przystępując do tworzenia stron www, warto wiedzieć także o tym, że będziemy potrzebować również hostingu i wykupionej domeny. Jeżeli chodzi o domenę, to obecnie sprawa jest dość skomplikowana – wiele dobrych domen dla witryny www jest już po prostu zajętych. Wybierając domenę dla naszej strony internetowej warto wziąć pod uwagę zatem przede wszystkim jej dostępność. Może bowiem okazać się, że zaprojektujemy już stronę www i logo pod konkretną nazwę, a potem – na sam koniec – okaże się, że taka nazwa jest już zajęta i naszej wymarzonej domeny wykupić się nie da. 

Wybór domeny warto więc przemyśleć jeszcze przed projektowaniem. Jeżeli nie wiesz, jak podejść do problemu wyboru domeny, przeczytaj nasz artykuł o tym, jak wybrać domenę dla strony internetowej. Wraz z domeną warto wykupić również hosting, który pozwoli nam przechowywać dane dla naszej domeny na serwerze. Niekiedy możemy znaleźć oferty, w których domena sprzedawana jest wraz z hostingiem w okazyjnej cenie, ale przy takich propozycjach warto zwrócić uwagę nie tylko na koszt zakupu domeny, ale także na koszt jej przedłużenia. Może bowiem okazać się, że za kupno domeny zapłacimy 9 czy 10 zł, a po roku koszt przedłużenia sięgnie setek złotych.

Planowanie budżetu strony internetowej

W kwestii finansów warto również od razu przemyśleć, jaki mamy budżet na naszą stronę internetową. Dobra strona internetowa wcale nie musi kosztować dużo, ale warto mieć na uwadze, że każda dodatkowa funkcjonalność generuje dodatkowy koszt. Im mniej skomplikowanych elementów strony, tym taniej. Tańszy będzie również sam landing page niż strona główna z dodatkowymi podstronami.

Budżet warto zakreślić już na początku – realizator naszej strony internetowej od razu powie nam, jakie działania w ramach tej kwoty są możliwe. Unikniemy wtedy rozczarowania lub ewentualnych dopłat po zakończeniu projektu.

Czym jest makieta UX?

Zacznijmy od krótkiego wytłumaczenia, czym jest makieta strony internetowej. Jest to nic innego jak wstępny szkic strony, prezentujący główne założenia projektu zarówno wersji desktop, jak i aplikacji mobilnej naszej strony internetowej. Dobra makieta strony www prezentuje strukturę tej strony internetowej, wskazuje wszystkie jej najważniejsze elementy, czyli:

• układ elementów strony internetowej,
• hierarchię treści.

Wszystkie elementy strony www są na makiecie wstępnie zaprojektowane, dzięki czemu możemy już na tym etapie sprawdzić, czy taka strona internetowa będzie wygodna dla użytkowników. Na makiecie możemy określić położenie poszczególnych elementów strony, ich rozmiar i odstępy pomiędzy nimi. Również na etapie makiety UX ustalana jest kolorystyka strony internetowej oraz architektura informacji (omawialiśmy tę kwestię w osobnym materiale: Jak stworzyć architekturę informacji strony internetowej, sklepu internetowego czy portalu internetowego?). Makieta UX powinna być tworzona zawsze przed projektem graficznym strony internetowej.

Rodzaje makiet UX

Makiety stron internetowych dzielą się na dwa rodzaje – makiety lo-fi i hi-fi. Czym różnią się te rodzaje makiet? Przede wszystkim stopniem zaawansowania.

Makieta lo-fi (ang. low fidelity)

Ten rodzaj makiety to tzw. paper prototyping, czyli stworzenie prototypu strony internetowej w bardzo podstawowej wersji. Taka makieta UX może zawierać jedynie podstawy architektury informacji, czyli wskazywać, gdzie będzie znajdowało się menu oraz jaki będzie układ pozostałych elementów strony. Zazwyczaj ta makieta tworzona jest w jednej kolorystyce. Makietę lo-fi Klienci często wykonują samodzielnie, tworząc papierowe szkice na kartce lub w prostym programie graficznym i to właśnie tę pierwszą makietę zanoszą do profesjonalisty od tworzenia makiet.

Makieta hi-fi (ang. high fidelity)

Profesjonalista zajmuje się natomiast tworzeniem makiety UX o wyższym stopniu szczegółowości. Tutaj można już wprowadzić docelową kolorystykę projektu graficznego, można przeprowadzić badania z zakresu UI design na grupie docelowej oraz można docelowo zaprojektować wszystkie wymagane pola i architekturę informacji.

Makiety UX – dlaczego warto je zrobić?

Jest mnóstwo powodów do projektowania makiet przed rozpoczęciem projektowania strony internetowej już z zaangażowaniem programisty. Najważniejsze z tych powodów wskazujemy konkretnie poniżej.

Argument nr 1: Weryfikacja swoich pomysłów

Makieta strony internetowej pozwala przede wszystkim zweryfikować własne pomysły na stronę internetową. Celem makiety jest sprawdzenie, czy wymyślona przez nas strona internetowa może spełniać nasze oczekiwania i oczekiwania jej użytkowników. Jeżeli już na etapie makiet pierwsze wrażenie potencjalnego użytkownika będzie niekorzystne, będzie to znak, że projekt musi być poprawiony lub wręcz stworzony od nowa.

Argument nr 2: Oszczędność pieniędzy

Warto stworzyć makietę UX również ze względu na możliwe znaczące oszczędności. Choć wydawać się może, że przecież zatrudnienie projektanta makiety UX będzie dodatkowym kosztem, to warto zwrócić uwagę na to, jakiego (większego) kosztu pozwoli nam to uniknąć. Na makiecie wprowadzanie poprawek jest proste i kosztuje stosunkowo niewiele, a więc zaoszczędza nam niepotrzebnych poprawek na etapie projektowania strony przez programistę, gdzie wszystkie poprawki będą kosztować nas już dużo więcej. Zespół projektowy tworzący makiety UX wprowadzi poprawki dużo szybciej.

Argument nr 3: Szansa na porównanie różnych wersji projektu

Na etapie makiety można stworzyć wiele projektów alternatywnych wobec głównego projektu strony. Korzystając z programów do projektowania makiet można bardzo łatwo np.: skopiować cały wstępny projekt witryny internetowej i zupełnie go przeorganizować, przestawiając różne jego elementy w inne miejsca. W takim projekcie wykonanie tego działania zajmuje zaledwie kilka minut.

Argument nr 4: Oszczędność czasu

Projektowanie witryny poprzez makiety UX pozwala zatem również zaoszczędzić czas. Nawet jeżeli nie jesteśmy specjalistami z branży IT, możemy wyobrazić sobie, jak niewiele trudu kosztuje przesunięcie ręcznie danego elementu w programie graficznym. To po prostu jedno kliknięcie. Czym innym jest natomiast zmiana położenia elementu na etapie napisanego kodu strony – ta zajmuje już znacznie więcej czasu.

Argument nr 5: Precyzyjna wycena wdrożenia strony internetowej

Ten argument może przekonać szczególnie tych, którzy zastanawiają się, ile kosztuje strona internetowa. Koszt jest bowiem bardzo różny, a zależy głównie od stopnia skomplikowania naszego projektu. Dzięki makiecie UX i zaangażowaniu zespołu projektującego już na tym etapie będziemy mogli dowiedzieć się, czy na pewno warto wdrażać niektóre z naszych pomysłów, bo może okazać się, że wywindują one koszty wdrożenia strony o kilkanaście tysięcy złotych w górę. UX designer będzie w stanie doradzić nam dogodne alternatywy projektu, które będą równie efektowne albo będą spełniały podobną funkcję, ale będą mniej kosztowne we wdrożeniu. Dzięki temu już na etapie makiety UX będziemy mogli uzyskać precyzyjną wycenę naszej strony internetowej.

Jak stworzyć makietę UX samodzielnie?

Samodzielnie najłatwiej stworzyć prototyp makiety na zwykłej kartce papieru. O wiele lepszą jakość wykonania zapewni nam projekt graficzny strony stworzony w programie internetowej. Na rynku istnieje wiele programów do tworzenia makiet UX. Jednym z najpopularniejszych jest Figma, której ogromną zaletą jest prostota obsługi. Figma jest intuicyjnym świetnym narzędziem, wykorzystywanym nie tylko przez amatorów, ale i profesjonalistów.

Kolejnym bardzo popularnym programem jest Adobe XD oraz inne, na przykład: Sketch, Axure, Atomic czy InVision. Niektóre wskazane tu programy zapewniają darmowy okres próbny, który zdecydowanie wystarczy nam na zaprojektowanie makiety jednej strony internetowej. Jeżeli chcemy rozpocząć swoją przygodę z projektowaniem na dłuższy czas, będziemy musieli wykosztować się na zakup wybranego programu.

Dlaczego warto tworzyć makietę strony internetowej? Podsumowanie

1. Makiety UX pozwalają obniżyć koszty projektu strony internetowej.
2. Dzięki zaprojektowaniu makiet UX można uniknąć czasochłonnych i kosztownych poprawek strony na etapie jej programowania lub wdrażania.
3. Dzięki makietom UX możemy już na wczesnym etapie projektu stwierdzić, czy spełnia on nasze kluczowe założenia i czy będzie funkcjonalny dla użytkowników.
4. Projekt makiety UX pozwala na doprecyzowanie oczekiwań Klienta co do wyglądu i funkcjonalności projektowanej strony.
5. Dzięki projektowi UX software house lub freelancer wdrażający stronę jest w stanie dość precyzyjnie wycenić koszt tego wdrożenia.

Czym jest certyfikat SSL?

Certyfikat SSL (SSL (Secure Sockets Layer) to protokół sieciowy, który jest stosowany dla oznaczenia bezpiecznych połączeń internetowych. Obecnie certyfikat SSL to już standard szyfrowania na stronach www. Dla przeciętnego użytkownika Internetu certyfikat SSL to po prostu gwarancja bezpieczeństwa połączeń pomiędzy przeglądarką internetową a serwerem danej strony.

Po czym poznać, że strona używa certyfikatu SSL?

Zainstalowany certyfikat SSL rozpoznamy bardzo prosto – widać go na pasku adresu przeglądarki. O certyfikacie SSL świadczy litera „s” dodana do „http”, tuż przed domeną strony.

Strona www z certyfikatem SSL: https://nazwadomeny

Strona www bez certyfikatu SSL: http://nazwadomeny

Instalacja certyfikatu SSL jest więc widoczna bezpośrednio po wejściu na daną stronę. Co ważne – widać ją w adresie w każdej przeglądarce internetowej. Warto jednak wiedzieć, że protokół SSL nie jest wieczny – zachodzi konieczność odnawiania certyfikatu SSL regularnie. Jeżeli strona, którą zawsze odwiedzaliśmy, utraci ciągłość protokołu SSL, również otrzymamy alert o ryzyku związanym z wejściem na tę stronę.

Jakie są rodzaje certyfikatów SSL?

Certyfikat SSL to dość ogólne pojęcie. Wszystkie certyfikaty SSL podzielić można jeszcze ze względu na typ weryfikacji. Wśród certyfikatów dla pojedynczych domen wyróżniamy 3 podstawowe rodzaje certyfikatów SSL:

• DV – Domain Validation – dobry poziom zabezpieczenia dla wybranej domeny, przy weryfikacji DV (Domain Validation) sprawdzane jest tylko, czy strona internetowa jest opublikowana, dane firmy nie są weryfikowane, 
• OV – Organization Validation– wyższy poziom zabezpieczenia dla wybranej domeny, przy weryfikacji sprawdzane są również dane firmy wnioskującej (np.: dane z KRS albo umowa spółki), wizualnym znakiem tego rodzaju zabezpieczenia jest ikona kłódki, którą możemy zaobserwować obok różnych domen,
• EV – Extended Validation – najwyższy poziom zabezpieczenia dla wybranej domeny, ten rodzaj certyfikatu nazywany bywa pełnym uwierzytelnieniem, wizualnym znakiem tego rodzaju zabezpieczenia jest nazwa firmy i zielone oznaczenie w pasku adresu, dane firmy weryfikowane są bardzo wnikliwie, szczególnie pod kątem statusu prawnego, prowadzenia działalności oraz zgodności danych na stronie www z danymi urzędowymi.

Jeden certyfikat dla wielu domen – MultiDomain SSL

Wdrożenie certyfikatu SSL zawsze warto rozpocząć od zastanowienia, czy potrzebujemy jednego certyfikatu, czy raczej kilku certyfikatów SSL dla kilku domen. Rozwiązanie, w którym zabezpieczenie dotyczy wielu domen, nazywamy często MultiDomain SSL. Możemy także spotkać się z innymi nazwami:

• SAN (Subject Alternative Name),
• UCC (Unified Communication Certificate).

Jak działa certyfikat SSL MultiDomain? Wystarczy wykupić jeden certyfikat tego rodzaju, a zabezpieczyć za jego pomogą można potem kilka domen. Najpopularniejszym rozwiązaniem w tym zakresie jest SSL Wildcard, zabezpieczający subdomeny dla wybranej domeny. Wybór takiego rozwiązania to przede wszystkim skrócenie czasu na wydanie certyfikatu.

Jakie korzyści wynikają z korzystania z certyfikatów SSL?

Przeglądarki internetowe doceniają strony internetowe z certyfikatem SSL i wyświetlają je wysoko w wynikach wyszukiwania. Jest to szczególnie ważne w przypadku sklepów internetowych, gdzie wysokość w Google przekłada się często na ruch na stronie, a ruch – na sprzedaż. W przypadku stron firmowych certyfikat SSL może być natomiast potwierdzeniem wiarygodności danego przedsiębiorcy i jego strony www. Przy wejściu na stronę bez certyfikatu SSL użytkownik Internetu otrzyma alert o możliwości wykradzenia jego danych, więc z pewnością nie skorzysta z usług takiej firmy. Bezpieczeństwo danych odgrywa kluczową rolę na stronach firm i w sklepów internetowych, ale dodatkowo certyfikaty SSL to w tym przypadku swego rodzaju gwarancja finansowa.

Ile kosztuje certyfikat SSL?

W przypadku certyfikatów SSL nie ma jednolitych stawek – każda firma zajmująca się szyfrowaniem danych może ustalić własną cenę usługi. Musimy mieć na uwadze fakt, że cena zależna jest od jakości zabezpieczenia (czy wybierzemy certyfikat Domain Validation, Organization Validation czy Extended Validation) oraz ilości domen, które chcemy chronić. Wildcard SSL, przewidziany dla tych, którzy chcą chronić jednocześnie wielue domen, jest na przykład bardzo często sporo tańszy niż pojedyncze wykupowanie certyfikatu SSL dla każdej domeny.

Średnia cena certyfikatu SSL waha się pomiędzy 100 a 1000 zł. Można znaleźć również certyfikaty darmowe.

Często za ceną usługi idzie również jej jakość. Musimy zdawać sobie sprawę, że przy tym produkcie – jak i przy każdym innym – firmy stosuą różnego rodzaju chwyty marketingowe, które mają sprawić, że zapłacimy za certyfikat SSL więcej niż powinniśmy. W cenie „pakietu” sprzedawcy mogą oferować na przykład instalację certyfikatu, gdzie w praktyce jest to bardzo proste i intuicyjne i po prostu… szkoda przepłacać. Czy natomiast warto płacić w ogóle, skoro są także darmowe opcje posiadania certyfikatu SSL? Sprawdź.

Jakie są różnice pomiędzy darmowym a płatnym certyfikatem SSL?

Jeżeli jesteś właścicielem domeny i czytasz ten artykuł, z pewnością zastanawiasz się, czy warto zapłacić dużo za zabezpieczenia, które oferuje protokół SSL, czy jednak wystarczy pokusić się o skorzystanie z opcji darmowej. Oszczędność, szczególnie przy prowadzeniu kilku domen, może być spora (a zarazem kusząca). Strony udostępniające darmowy certyfikat SSL również dają gwarancję na swoje usługi, ale trzeba przyznać, że przy bezpłatnych mechanizmach bezpieczeństwo użytkowników nie jest tak duże, jak w przypadku certyfikatów płatnych. 

Nie dość, że częściej jesteśmy narażeni na ataki, to jeszcze podmioty udostępniające darmowe certyfikaty SSL z reguły nie dają gwarancji na swoje usługi. Oznacza to, że w razie ataku i utraty danych… możemy zostać z niczym. Przy certyfikatach płatnych mamy gwarancję, że w razie wycieku danych lub złamania klucza otrzymamy finansową rekompensatę poniesionych strat. Przy certyfikatach darmowych możemy natomiast zostać z niczym.

Darmowy certyfikat SSL – czy warto?

Jeżeli jednak nasza strona nie wymaga od użytkowników zakładania kont, na których będą oni podawać dane wrażliwe lub uzupełniania danymi formularzy – tak naprawdę darmowy certyfikat SSL może nam wystarczyć. Posiadanie certyfikatu SSL zwiększy zaufanie użytkowników do naszej strony, a w praktyce raczej znacząco nie wpłynie na ryzyko związane z podawaniem danych (skoro danych tych na naszej stronie praktycznie podawać nie muszą). 

Co innego jednak, jeżeli na naszej stronie użytkownicy zostawiają sporo swoich danych – wtedy ich bezpieczeństwo powinno być dla nas kwestią priorytetową i zdecydowanie nie warto oszczędzać na certyfikacie. Przy innych kosztach związanych z prowadzeniem strony (tu pisaliśmy, ile kosztuje utrzymanie strony internetowej), te dotyczące certyfikatu są naprawdę niewielkie.

Z praktycznego punktu widzenia podpowiemy jeszcze, że darmowe certyfikaty mają jeszcze niekiedy pewną wadę – gwarantowane są tylko na krótki okres, np.: 3 miesiące. W takiej sytuacji po upływie 3 miesięcy musimy ponownie przedłużać swój certyfikat, a płatne certyfikaty wydawane są co najmniej na rok. Można więc stwierdzić, że płatne certyfikaty są też o tyle lepsze od bezpłatnych, że nie wymagają częstego odnawiania, a darmowe mogą go wymagać. 

RODO a certyfikat SSL

Ustawa o RODO (Ogólne rozporządzenie o ochronie danych osobowych) nie nakazuje wprost szyfrowania danych na stronach www za pomocą certyfikatu SSL, ale nakłada na administratorów stron obowiązek wdrażania narzędzi, które zwiększają bezpieczeństwo danych osobowych przetwarzanych przez daną stronę. To samo prawo funkcjonuje w systemach płatności online, bankowości elektronicznej i w zabezpieczaniu transakcji realizowanych przez Internet – tam nasze dane muszą być szczególnie bezpieczne. RODO samo w sobie jednak nie zawiera żadnego punktu bezpośrednio zobowiązującego do wdrożenia certyfikatu SSL na stronie internetowej.

Jak wybrać dobry certyfikat SSL?

Żeby wybrać dobry certyfikat SSL, przede wszystkim trzeba zastanowić się nad jego typem. Musimy na samym początku zdecydować, jak wysokiego stopnia zabezpieczenia potrzebujemy oraz czy zależy nam na ochronie jednej domeny, czy kilku domen. Certyfikat Wildcard wystawiony dla konkretnego rozszerzenia domeny będzie zabezpieczał kilka adresów w jednej cenie i za jedną transakcją. W Internecie znajdziemy wiele ofert, w których liczba subdomen w ramach jednej płatności online jest nielimitowana.

Ponadto w zakresie płatnych certyfikatów SSL tak naprawdę nie ma lepszych i gorszych usług pod kątem samej ochrony danych. Albo posiadamy zabezpieczenie protokołem SSL, albo go nie posiadamy. Różnica tkwi natomiast w gwarancji. To w niej znajdować się może wiele kruczków, przez które w razie kłopotów z wyciekiem danych naszych użytkowników, po prostu zostaniemy z niczym. Orientując się w zakresie certyfikatów SSL i różnych dostępnych na rynku ofert warto zatem skupić się na punktach umów oferowanych przez firmy. 

Dlaczego warto posiadać certyfikat SSL na swojej stronie?

Podać można wiele powodów, dla których warto posiadać certyfikat SSL na swojej stronie internetowej. Najważniejsze z nich to:

1. Certyfikat SSL znacząco zwiększa bezpieczeństwo użytkowników w Internecie, ponieważ wszelkie dane wysyłane między użytkownikiem a serwerem są zaszyfrowane.
2. Dzięki certyfikatowi SSL dane logowania, dane o transakcjach w sklepach oraz formularze nie mogą zostać przechwycone przez hakerów.
3. Według specjalistów posiadanie certyfikatu SSL ma pozytywny wpływ na SEO, głównie ze względu na zwiększone bezpieczeństwo.
4. Istnieje uzasadnione ryzyko, że Google w przyszłości nie będzie wyświetlał stron bez certyfikatu SSL.
5. Wszystkie przeglądarki utrudniają dostęp do takich witryn, użytkownik jest straszony komunikatem o niezaszyfrowanym połączeniu, który musi zaakceptować. Większość użytkowników w obliczu takiego komunikatu po prostu rezygnuje z wejścia na daną stronę.
6. Użytkownicy Internetu czują się bezpieczniej, jeżeli mają kłódkę przy adresie.

WCAG 2.1 – najnowsza wersja ustawy o dostępności cyfrowej stron internetowych

Przede wszystkim warto wskazać, że ustawa o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych nie jest jedna i niezmienna od lat. Przeciwnie – ewoluuje ona tak samo, jak ewoluuje Internet. Jeżeli nasz sposób korzystania ze stron internetowych i aplikacji mobilnych się zmienia, automatycznie zmieniane są także zalecenia ustawy. Najnowsza wersja zaktualizowanych wytycznych WCAG to WCAG 2.1 (a poprzednio przez długi okres obowiązywała wersja WCAG 2.0, sporo jednak różniąca się od obecnej).

Wytyczne WCAG 2.1 wyjaśniają wprost, jak tworzyć strony internetowe w celu zaspokajania potrzeb wszystkich użytkowników, w szczególności tych, którzy zmagają się z niepełnosprawnościami (zarówno niepełnosprawnością ruchową, jak i niepełnosprawnościami intelektualnymi). Te strony, które spełniają wytyczne WCAG, nazywane są stronami dostępnymi cyfrowo. 

Struktura wytycznych WCAG 2.1 – wykaz

Obecnie zalecenia WCAG opierają się na 4 zasadach. Te zasady to:

• postrzegalność,
• funkcjonalność,
• zrozumiałość,
• solidność (nazywana też kompatybilnością).

Każda z powyższych zasad podzielona jest na konkretne wytyczne, a każda wytyczna podzielona jest na konkretne wymagania (tzw. kryteria sukcesu). Dopiero spełnienie wszystkich kryteriów sukcesu z każdej wytycznej gwarantuje pełną realizację danej zasady.

Zasady WCAG – wykaz

Zasady WCAG 2.1 dotyczą wszystkich elementów wizualnych i aspektów budowy strony. Większość zasad możliwych jest do wprowadzenia jedynie poprzez ingerencję w kod strony, a zatem najczęściej wymaga ingerencji programisty. Warto jednak mieć na uwadze fakt, że każda taka zmiana jest warta pochylenia się nad nią, ponieważ stanowi odpowiedź na realne problemy użytkownika. Na co więc powinniśmy zwrócić uwagę? Poniżej dokonujemy skrótowego przeglądu wszystkich zasad WCAG.

Zasada 1: postrzegalność

Aby zrealizować zasadę „postrzegalność”, przedstawiaj użytkownikom informacje w taki sposób, by był on dostępny dla wszystkich zmysłów użytkownika. Szczególnie miej na uwadze osoby, które nie mogą korzystać z myszy i mogą posługiwać się komputerem tylko za pomocą klawiatury oraz osoby niewidome lub słabowidzące, które potrzebują powiększonego widoku tekstów lub obrazów.

Przykładowe wytyczne WCAG 2.1, aby spełnić kryteria sukcesu tej zasady dotyczące:

• alternatywy tekstowej (czyli zapewniania tekstowych zamienników wszystkich treści nietekstowych, aby dawały się zamienić na inne oraz informowania o treściach mających cel jedynie dekoracyjny),
• multimediów (czyli zapewniania rozwiązań alternatywnych, w szczególności w zakresie wprowadzania napisów rozszerzonych, audiodeksrypcji lub alternatywy tekstowej dla mediów oraz opcji języka migowego lub rozszerzonej autodeskrypcji i opcji tylko audio),
• możliwości adaptacji (czyli tworzenia treści internetowych, które mogą być prezentowane na różne sposoby bez utraty informacji i struktury, np.: w zakresie kolejności, orientacji czy właściwości zmysłowych),
• rozróżnialności (czyli tworzenia treści ułatwiających oglądanie i słuchanie treści, w tym także oddzielanie informacji od tła, szczególnie w zakresie odpowiedniego użycia koloru, kontroli odtwarzania dźwięku, odpowiedniego poziomu kontrastu, opcji zmiany rozmiaru tekstu, opcji niskiej głośności lub bez dźwięków w tle, prezentacji wizualnej, dopasowania do ekranu, kontrastu elementów nietekstowych czy odstępów w tekście).

Zasada 2: funkcjonalność

Aby zrealizować zasadę „funkcjonalność”, spraw, aby komponenty interfejsu użytkownika były w pełni gotowe do użycia, zarówno na urządzeniach mobilnych, jak i komputerze stacjonarnym czy laptopie.

Przykładowe wytyczne WCAG 2.1, aby spełnić kryteria sukcesu tej zasady dotyczące:

• dostępności z klawiatury (czyli zapewnienia dostępności wszystkich funkcjonalności strony z poziomu klawiatury, bez użycia myszy, w tym w zakresie zaplanowania odpowiednich jednoznakowych skrótów klawiaturowych),
• wystarczającego czasu (czyli zapewnienia użytkownikom optymalnego czasu na przeczytanie i skorzystanie z treści internetowych i aplikacji mobilnych, w szczególności w zakresie informacji poruszających się, przesuwających się lub migających),
• możliwości wystąpienia ataku padaczki (czyli takiego prezentowania treści internetowych, aby nie było żadnego ryzyka, że wywołają one atak padaczkowy, np.: błyskanie częściej niż trzy razy w ciągu jednej sekundy),
• możliwości nawigacji (czyli zapewnienia narzędzi pomagających w nawigacji i znalezieniu treści na stronie, w tym znalezienia samej strony, np.: poprzez jej odpowiedni tytuł, nadawanie nagłówków i etykiet oraz istnienie wielu dróg dotarcia do treści),
• metod obsługi (za pomocą sposobów innych niż obsługa klawiaturą, np.: poprzez gesty dotykowe czy aktywowanie ruchem).

Zasada 3: zrozumiałość

Aby zrealizować zasadę „zrozumiałość”, postaraj się o to, by informacje zawarte na stronie były zaprezentowane w sposób jasny i logiczny, żeby obsługa interfejsu była ze strony użytkownika w pełni zrozumiała.

Przykładowe wytyczne WCAG 2.1, aby spełnić kryteria sukcesu tej zasady dotyczące:

• możliwości odczytania (strony mają zawierać treści możliwe do odczytania i zrozumienia, szczególnie w zakresie języka strony, języka części, mechanizmu rozumienia nietypowych słów, skrótów, odpowiedniego poziomu umiejętności czytania czy mechanizmu do sprawdzania wymowy słów),
• przewidywalności (strony mają działać i wyglądać w sposób zupełnie przewidywalny, szczególnie warto zwrócić tu uwagę na przyjęcie fokusu, wprowadzanie danych, nawigację, spójną identyfikację i aspekt zmian na żądanie użytkownika),
• pomocy przy wprowadzaniu informacji (strony mają pomagać użytkownikom unikać błędów, szczególnie w zakresie ich identyfikacji, etykiet lub instrukcji, korekty tychże błędów i pomocy oraz zapobiegania im).

Zasada 4: solidność (kompatybilność)

Aby zrealizować zasadę solidności, dbaj o zgodność z aktualnymi i przyszłymi programami, z których korzysta i będzie korzystał użytkownik. Miej na uwadze także technologie asystujące.

Przykładowe wytyczne WCAG 2.1, aby spełnić kryteria sukcesu tej zasady:

• dbaj o poprawność kodu, w szczególności żeby wszystkie elementy wizualne posiadały kompletne znaczniki początkowe i końcowe
• wszystkie komponenty interfejsu użytkownika muszą mieć programowo określoną nazwę i rolę, właściwości i wartości również mogą być ustawione programowo,
• zadbaj o odpowiednio wyświetlające się komunikaty o stanie.

Wytyczne WCAG 2.1 dla urządzeń mobilnych

Na urządzeniach mobilnych spełniać trzeba te same kryteria sukcesu, które wskazujemy powyżej, dbając o poziomy zgodności. Ponadto WCAG 2.1 wprowadziła także 17 nowych dodatkowych wytycznych skierowanych tylko do twórców treści przeznaczonych na urządzenia mobilne. 

Zalecenia te dotyczą na przykład dostępności opcji oglądania obrazu na urządzeniach mobilnych w obu orientacjach – poziomej i pionowej. Zgodnie z nowymi wytycznymi trzeba również zapewnić dopasowanie treści strony do ekranu urządzenia bez konieczności przewijania. Istnieją również wytyczne dotyczące interlinii czy wielkości kontenera tekstowego.

Czy trzeba spełniać wytyczne WCAG?

Warto dodać, że dbanie o aspekt dostępności treści internetowych jest istotny szczególnie dla podmiotów publicznych. Zgodnie z prawem, jeżeli podmioty publiczne posiadają strony internetowe lub aplikacje mobilne, to muszą gwarantować ich dostępność cyfrową. Pozostałe strony internetowe mogą spełniać kryteria ustawy o dostępności cyfrowej stron internetowych, ale nie muszą tego robić. Niemniej jednak z pewnością przyniesie to stronie czy aplikacji same korzyści – zwiększenie dostępności internetowej wpływa korzystnie na ocenę strony przez wyszukiwarki internetowe.

Kary za niespełnianie wytycznych WCAG dla podmiotów publicznych

Kara za niespełnianie wytycznych wynosi od 5 do 10 tysięcy – zależy w jakim aspekcie i z jaką częstotliwością zalecenia wytycznych nie są spełniane. Warto podkreślić, że karom podlegają tylko podmioty publiczne, nie osoby prywatne.

Art.  19.  [Kara pieniężna]

1.  Karze pieniężnej podlega podmiot publiczny, który:

1) w sposób nieuzasadniony i uporczywy nie zapewnia dostępności cyfrowej strony internetowej lub aplikacji mobilnej; 

2) nie sporządza i nie publikuje deklaracji dostępności albo nie zawiera w deklaracji dostępności elementów wskazanych w art. 10 ust. 3-5; 

3) nie zapewnia dostępności cyfrowej strony podmiotowej Biuletynu Informacji Publicznej, o której mowa w art. 8 ust. 2 pkt 1, oraz elementów i funkcji strony internetowej lub aplikacji mobilnej, o których mowa w art. 8 ust. 2 pkt 2. (…)

5. Wysokość kary pieniężnej, o której mowa w ust. 1:

1) pkt 1, wynosi do 10 000 zł;

2) pkt 2 i 3, wynosi do 5000 zł.

Kary te obejmują jednak tylko podmioty publiczne, czyli zgodnie z prawem przez „osoby prawne utworzone w szczególnym celu zaspokajania potrzeb o charakterze powszechnym niemających charakteru przemysłowego ani handlowego, jeżeli podmioty, o których mowa w tym przepisie, oraz jednostki sektora finansów publicznych i inne państwowe jednostki organizacyjne nie posiadające osobowości prawnej, pojedynczo lub wspólnie, bezpośrednio lub pośrednio przez inny podmiot:

• finansują je w ponad 50%, lub
• posiadają ponad połowę udziałów albo akcji, lub
• sprawują nadzór nad organem zarządzającym, lub
• mają prawo do powoływania ponad połowy składu organu nadzorczego lub zarządzającego,

– o ile osoba prawna nie działa w zwykłych warunkach rynkowych, jej celem nie jest wypracowanie zysku i nie ponosi strat wynikających z prowadzenia działalności”, jak wskazuje art. 3 ust. 1 pkt. 3 ustawy z dnia 29 stycznia 2004 r. – Prawo zamówień publicznych.

Najczęstsze pytania i odpowiedzi

Poniżej odpowiadamy w skrócie na najczęstsze pytania użytkowników dotyczące tematu WCAG 2.1 i WCAG 2.0.

Co to jest WCAG 2.0? Wypisz i wyjaśnij jego wymagania.

WCAG 2.0 to poprzednia wersja WCAG 2.1, czyli ustawy o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych (ang. web content accessibility guidelines). Wymagania tej ustawy dotyczą głównie kodu stron internetowych i aplikacji mobilnych. Kod ten ma być w pełni dostosowany do użytkownika, szczególnie użytkownika z niepełnosprawnościami. Ma mu umożliwiać i ułatwiać korzystanie z treści internetowych. W sektorze publicznym strony i aplikacje muszą spełniać wymagania ustawy, w przeciwnym razie mogą zapłacić karę finansową.

Czego dotyczą wytyczne – zalecenia WCAG 2.1?

Wytyczne WCAg 2.1 dotyczą postrzegalności, funkcjonalności, zrozumiałości i solidności stron internetowych i aplikacji mobilnych. Zalecenia te mówią wprost, jak powinna być skonstruowana strona, by była czytelna i jasna dla użytkownika.

Czy instytucje publiczne muszą spełniać standard WCAG 2.1 na poziomie AAA?

Zdefiniowane są trzy poziomy zgodności: A (najniższy), AA (pośredni) i AAA (najwyższy). Od stron i aplikacji instytucji publicznych wymagane jest spełnianie standardu WCAG na poziomie AAA, czyli najwyższym. 

Jak sprawdzić, czy dokument jest dostępny cyfrowo?

Podstawowe ustalenia można poczynić na podstawie funkcji programu Word – wystarczy skorzystać z opcji inspektora dostępności, dostępnego pod nazwą „Sprawdź ułatwienia dostępu”.

Co stanowi o dostępności strony?

O dostępności cyfrowej stron internetowych i aplikacji mobilnych stanowi spełnianie przez nią wszystkich aktualnych zasad WCAG, w tym zawartych w nich szczegółowych kryteriów sukcesu.

Jak sprawdzić, czy strona spełnia WCAG?

Najprościej można sprawdzić to poprzez zlecenie audytu WCAG. Tamago może wykonać go dla Ciebie – zgłoś się do nas.

Stworzenie strony internetowej – od czego zależy koszt?

Jeżeli czytasz ten artykuł, zapewne chcesz od razu poznać konkretną kwotę, którą sotfware house policzy sobie za stworzenie strony internetowej. Podanie orientacyjnej kwoty jest jednak trudne – koszt prostej strony internetowej zaczyna się już od 2000 zł, a rozbudowana strona internetowa może kosztować nawet kilkadziesiąt tysięcy. Osobnym kosztem będzie utrzymanie strony internetowej (w tym hosting, aktualizacje i serwisowanie) czy opłaty za późniejsze pozycjonowanie strony internetowej.

Poniżej omawiamy każdy z aspektów wymienionych na powyższej infografice.

1. Złożoność projektu

Na to, ile kosztuje strona www, wpływa przede wszystkim stopień jej skomplikowania. Im więcej funkcji ma być wdrożone, tym drożej. Wystarczy spojrzeć na to pod kątem praktycznym. Nie musimy pracować w branży IT, by domyślić się, że jeden statyczny obrazek będzie o wiele prostszy w zakodowaniu niż slider składający się ze zmieniających się co kilka sekund różnych obrazków i tekstów. Podobnie mniej skomplikowana będzie strona wizytówka składająca się praktycznie z jednej strony (głównego widoku), a bardziej skomplikowana (czyli automatycznie bardziej czasochłonna = droższa) będzie profesjonalna strona internetowa składająca się z podstron prezentujących szczegóły oferty handlowej i z opcją sklepu internetowego.

Stopień złożoności projektu a cena strony internetowej

• Proste i tanie strony internetowe mogą kosztować w granicach 4-6 tysięcy zł – mówimy o stronach internetowych typu onepage, składających się właściwie tylko z jednej strony – przewijanej strony głównej.
• Przeciętne strony internetowe kosztują zazwyczaj w granicach 10-20 tysięcy zł – mówimy o stronach internetowych nadal bardzo podstawowych, ale mających kilka dodatkowych podstron (np.: sekcję o mnie, kontakt, podstronę z ofertą).
• Skomplikowane strony internetowe kosztują nawet 20-50 tysięcy zł – mówimy tu już o stronach internetowych zawierających funkcjonalności np.: sklepu internetowego, porównywarki ofert, kalkulatorów, elementów ruchomych, platformy e-learningowej, rozbudowanego menu czy wielu widoków/podstron.

Kilka słów od Tamago Software

Musimy szczerze przyznać, że strony internetowe z tego przedziału to najczęściej realizowane przez nas projekty. Rozbudowana strona firmowa zamawiana w naszym software housie kosztuje zazwyczaj 30-40 tysięcy zł netto + VAT. Wycenę każdej strony internetowej przygotowujemy jednak indywidualnie. Wynika to z procesu, który obejmuje obszary planowania, projektowania, programowania, testowania i zarządzania projektem. Każdy projekt realizuje minimum zespół 4 osób.

Bardzo skomplikowane strony internetowe mogą kosztować nawet kilkaset tysięcy złotych. Nie sposób jednoznacznie sklasyfikować kwotowo wszystkich stron www, ponieważ koszt strony internetowej zawsze zależy od oczekiwań danej osoby. Wycena Twojej strony internetowej zostanie przygotowywana na podstawie dokładnego wywiadu, podczas którego poznamy Twoje oczekiwania i będziemy mogli oszacować, ile będzie kosztować strona internetowa, która Cię interesuje.

2. Oczekiwania w zakresie projektowania

Twoje oczekiwania co do Twojej strony internetowej to główny wyznacznik tego, ile będzie kosztowało stworzenie tej strony. Im większe oczekiwania, tym więcej pracy poświęci nasz zespół do zaprojektowania i wdrożenia całej strony internetowej. Pamiętajmy, że strona www to nie tylko wersja na komputery – to również konieczność zaplanowania wersji mobilnej. Obie te wersje projektuje się osobno. Ponadto zarówno wersja desktop, jak i mobile, muszą być w pełni responsywne, dostosowane do wyświetlania na ekranach o różnej wielkości i różnej rozdzielczości. Zakodowanie ich w ten sposób również pochłania sporo czasu programisty.

O jakim czasie jeszcze powinniśmy pamiętać, analizując swoje oczekiwania w zakresie projektowania strony internetowej?

• Czas stworzenia architektury informacji – czyli ustalenie, co ma zawierać strona www, jakie informacje ma prezentować.
• Czas stworzenia makiety UX i/lub UI – czyli ustalenie, jak elementy strony internetowej mają być na niej zaprezentowane, by jak najlepiej trafiły do użytkownika/klienta.
• Czas wykonania projektu wizualnego – czyli zaprojektowanie graficzne strony internetowej.
• Czas praktycznego wykonania strony internetowej – czyli zakodowanie jej przez programistę.

Wymienione wyżej elementy wchodzą w skład projektowania i wdrażania każdej strony internetowej. Oprócz tego wiele osób zamawia również inne dodatkowe elementy, np.: teksty do swojej strony internetowej napisane przez zawodowego copywritera czy fotografie do strony. Każde takie zlecenie również przekłada się na dodatkowy koszt i sprawia, że stworzenie strony internetowej finalnie kosztuje więcej.

3. Wymagana funkcjonalność

Ze stronami internetowymi jest podobnie jak z samochodami. Nawet jeśli z wierzchu wyglądają podobnie, pod maską mogą kryć zupełnie różne rzeczy. Na cenę samochodu wpływa dobór jego wyposażenia, mocy i ogólnej specyfikacji. Na cenę strony internetowej wpływają natomiast przede wszystkim ilość funkcji (np.: blog, wyszukiwarka, porównywarka, kalkulator) oraz wybrany system do zarządzania treścią. Im więcej funkcjonalności strony chcemy wdrożyć, tym więcej kosztuje stworzenie strony internetowej.

Kluczowe znaczenie przy tworzeniu strony internetowej i jej wycenie ma także zastosowana technologia – to ona określa stawki programistów i pracochłonność (a co za tym idzie – kosztochłonność) wdrożenia poszczególnych elementów. Na koszty wpływa głównie wybrany system CMS i języki programowania. W tym artykule sprawdzisz, co to jest system zarządzania treścią CMS i jaki najlepiej wybrać.

4. Zawartość strony

Na to, ile kosztuje strona internetowa, ma również wpływ ilość treści, która ma zostać dodana do tej strony. Co to oznacza? Koszt wykonania strony internetowej będzie tym wyższy, im bardziej „napchana” treścią będzie nasza strona www. Chodzi tutaj nie tyle o sam tekst, co o ilość sekcji strony głównej, zakładek w menu oraz osobno projektowanych podstron. Profesjonalna strona internetowa z reguły zawiera ich całkiem dużo. Najczęściej projektujemy dodatkowe podstrony „o mnie”, „portfolio”, „cennik”, „kontakt” i trzeba liczyć się z tym, że wraz z każdą podstroną koszt utworzenia strony internetowej wzrasta.

5. Serwer i hosting

Strona nie istnieje w próżni – jej zawartość trzeba przechowywać na serwerze, najlepiej bezpiecznym serwerze. Usługa polegająca na udostępnianiu miejsca na serwerze nazywana jest hostingiem i kosztuje mniej więcej kilkaset złotych rocznie. Jeżeli więc chcesz mieć własną stronę internetową i potrzebujesz hostingu, jest to dodatkowy koszt, który musisz wziąć pod uwagę. Oczywiście obowiązkowym kosztem jest również koszt wykupienia (a potem przedłużenia) samej domeny, na której zarejestrowana jest strona. Nieraz zachodzi konieczność wykupienia i przedłużania także domen pochodnych do naszej, co również generować może dodatkowe koszty – o tym więcej piszemy w artykule Jak wybrać domenę strony internetowej?.

6. Utrzymanie i aktualizacje

Często zapomina się o tym, że raz zaprojektowana i zakodowana strona nie będzie żyła wiecznie. Aby mieć bezpieczną i aktualną stronę internetową, należy ją regularnie aktualizować i usuwać ewentualne błędy, reagować szybko w razie ataków hakerskich. Ile kosztuje utrzymanie strony internetowej? Zazwyczaj nie więcej niż kilkaset złotych miesięcznie. Jest to jeden z kosztów stałych, który należy wziąć pod uwagę zawsze przy tworzeniu własnej strony internetowej.

7. Koszty dostawcy usług

Finalnie na to, ile kosztuje strona internetowa, wpływa wybór osoby/firmy/agencji, która zrealizuje całe zlecenie. To od nas zależy, czy skorzystamy z tańszych usług freelancera i podejmiemy ewentualne ryzyko wynikające ze współpracy z osobą indywidualną, czy zaufamy droższemu, ale pewnemu software house’owi. Koszt strony www zawsze zależy od jej konkretnego wykonawcy, dlatego warto dobrze przemyśleć swój wybór.

Strony internetowe na WordPress – jaka cena?

Podsumowując więc wszystkie powyższe wskazania, można powiedzieć, że o cenie strony internetowej decyduje naprawdę wiele aspektów. Jeden na pytanie „ile kosztuje strona internetowa” odpowie „kilka tysięcy”, a drugi na to samo pytanie poda odpowiedź „kilkadziesiąt tysięcy” i obaj nie miną się z prawdą. Koszt strony internetowej może być tak różny, jak koszt samochodu. Doskonale wiemy, że samochodem nazwiemy zarówno dwudziestoletnie średnio sprawne auto w manualu, jak i nowiutkiego dobrze wyposażonego elektryka. Czy jeżeli zestawimy takie dwa samochody ze sobą, to możemy orientacyjnie podać cenę samochodu? Odpowiedź na to pytanie jest chyba jasna. Dokładnie tak samo wygląda to w przypadku pytania „ile kosztuje strona internetowa”. Jest to jedno z tych pytań, na które nie ma odpowiedzi.

Orientacyjny koszt strony www

Mimo wszystko klienci zawsze pytają nas (i nie tylko nas) o to, jaki będzie orientacyjny koszt strony internetowej. Orientacyjny koszt podajemy zawsze w trakcie bezpłatnej wyceny strony internetowej, natomiast wiele osób jeszcze przed etapem wyceny chce wiedzieć, na jaki szacunkowy koszt się przygotować.

Możemy więc wskazać, że szacunkowy koszt strony internetowej – kompleksowej, profesjonalnej, najczęściej przez nas realizowanej – zamyka się w granicach 30-40 tysięcy złotych. Często wykonujemy jednak również proste strony internetowe i są one wtedy odpowiednio tańsze – ich koszt zamyka się w granicach kilku tysięcy złotych. Każdą stronę www wyceniamy jednak indywidualnie, więc do podanych tutaj kosztów orientacyjnych nie warto się przywiązywać.

Chcesz wiedzieć, ile będzie kosztować Twoja strona internetowa? Zamów bezpłatną wycenę.

Domena strony www – czym jest?

Na wstępie warto wskazać, czym jest w ogóle domena strony www. Domena to nic innego jak adres internetowy, dzięki któremu użytkownik będzie mógł trafić na naszą stronę. Dobrze dobrana nazwa to klucz do naszego sukcesu. To domeną będziemy przecież reklamować się w akcjach marketingowych.

Niestety nowych domen nie jest już obecnie tak dużo, jak przed laty. Wiele domen jest bowiem zajętych, skończyły się na przykład już wszystkie sensowne domeny pięcioliterowe. Żeby więc wybrana domena była wolna, atrakcyjna i korzystna dla naszej strony i naszego biznesu, musimy poświęcić jej nieco czasu. Od czego zacząć?

Wybór domeny – dwa kroki

Zacząć powinniśmy przede wszystkim od tego, by zdać sobie sprawę, że wybór domeny składa się tak naprawdę z dwóch kroków, ponieważ sama domena składa się zawsze z dwóch części.

Osobno musimy skupić się na wyborze pierwszej części, czyli nazwy domeny, a osobno na wyborze rozszerzenia. Rejestrujemy jednak nie dwie części osobno, a już całą pełną domenę (nazwa + rozszerzenie).

Nazwa domeny

Wybrana nazwa domeny powinna kojarzyć się przede wszystkim z naszą działalnością, z naszą marką. Wybierz domenę, która będzie łatwa do zapamiętania oraz wypowiedzenia. Mówi się, że warto rejestrować domeny takie, których potem nie trzeba będzie komuś literować. Dobra domena jest powinna być też możliwie krótka. Kwestii tego, jaką domenę wybrać, poświęcimy jeszcze sporą część artykułu.

Rozszerzenie domeny

Drugim obowiązkowym elementem nazwy domeny jest jej rozszerzenie, czyli to, co występuje po kropce. Kwestii wyboru rozszerzenia domeny również poświęcimy dużą część niniejszego tekstu. Ale o tym później – najpierw o nazwie.

Jak nazwać swoją stronę internetową?

Pytanie o to, jaką domenę wybrać, chodzi po głowie tysiącom osób dziennie. Obecnie z samym rozszerzeniem .pl zarejestrowanych jest aż 2525562 domen, a każdego dnia do tego zbioru dochodzą nowe! To jednocześnie sprawia, że bardzo trudno już o unikalną, sensowną i krótką nazwę, ponieważ wiele jest już po prostu zajętych.

Wybór nazwy jest bardzo istotny, ponieważ to właśnie poprzez nią będziemy pojawiać się wynikach wyszukiwania w Google. To dzięki domenie będą mogli trafić do nas potencjalni użytkownicy, a więc nasi czytelnicy lub Klienci. Nazwa domeny powinna więc nieodzownie kojarzyć się z nami.

Co warto zawrzeć w nazwie domeny?

Warto we własnej domenie umieścić słowa kluczowe, które będą powiązane z naszą branżą. Słowa kluczowe to np.: budownictwo (w domenie nowak.budownictwo.pl) czy elektryk (w domenie tatrzanski.elektryk.pl). Dzięki temu w wyszukiwarce Google będziemy widoczni nie tylko wtedy, kiedy ktoś będzie dokładnie znał naszą nazwę, ale też jeżeli po prostu będzie szukał osoby zajmującej się budownictwem czy elektryką. Pod tym kątem warto zadbać o dość uniwersalną nazwę domeny.

Znaki diakrytyczne w domenie – czy stosować?

Jeżeli spojrzymy na to typowo technicznie, to trzeba przyznać, że można już zarejestrować domenę ze znakami diakrytycznymi (ą, ę, ś, ź, ć, itd.). Już, ponieważ jeszcze kilka lat temu można było zarejestrować domenę tylko bez typowo polskich znaków. Opcja ta jednak, choć dostępna, nie jest wcale popularna. Dlaczego?

Ponieważ przez lata wpisywania domen bez znaków diakrytycznych przyzwyczailiśmy się już, że specjalistycznych polskich liter w adresach stron nie znajdziemy. Wpiszemy więc odruchowo „tatrzanski.elektryk.pl”, a nie „tatrzański.elektryk.pl”, choć teoretycznie nic nie powinno powstrzymywać nas przed drugą opcją. Powstrzymuje jednak przyzwyczajenie.

Jaka domena jest najlepsza do pozycjonowania?

Dobrą domenę poznamy po tym, że:

• można podać ją komuś bez literowania,
• bez trudu zapisze ją także obcokrajowiec,
• od razu wskazuje na przedmiot naszej działalności,
• jest unikalna,
• nie jest długa (najlepiej do 10 znaków),
• nie narusza prawa (własności intelektualnej innych osób).

Pod kątem pozycjonowania najtrudniej obecnie wybrać domenę, która będzie maksymalnie krótka i prosta, a jednocześnie będzie dokładnie wskazywała na przedmiot naszej działalności. Idealna domena spełnia oba te wymogi.

Różne rozszerzenia domen – co oznaczają?

Wybraliśmy już nazwę domeny, a więc to, co znajdzie się w adresie strony www przed kropką. Teraz czas na to, co będzie po kropce, czyli na tzw. rozszerzenie nazwy domeny. Rejestracja domeny może odbyć się bowiem dopiero wtedy, kiedy ustalimy oba te człony.

Bez wątpienia jednymi z najpopularniejszych rozszerzeń domen w Polsce są: .com, .pl oraz .eu. Nie będzie więc niczym dziwnym, jeżeli również zastosujemy jedno z tych rozszerzeń. Często nie wiemy jednak, że typów domen jest naprawdę dużo. Najczęściej wyróżniane grupy rozszerzeń do domen wraz z przykładami wskazujemy w poniższej tabeli.

To, jakie rozszerzenie znajdzie się po nazwie domeny, powinno odpowiadać temu, do jakiego klienta/użytkownika chcemy trafić z naszą stroną. W sklepie internetowym ogromne znaczenie będzie miało na przykład to, czy zamkniemy się rozszerzeniem na sprzedaż lokalną, czy jednak zostawimy sobie pole do rozszerzenia działalności na rynki zagraniczne.

Domeny funkcjonalne – wykaz

Bardzo popularne jest korzystanie z domen funkcjonalnych, czyli odpowiadających temu, czym zajmujemy się na naszej stronie. Osoby, które prowadzą w Internecie biznes, mogą skorzystać z rozszerzeń .biz albo .com. Osoby, które prowadzą rozgłośnię radiową, mają możliwość wykorzystania rozszerzenia .fm lub .am. Popularne jest również rozszerzenie .org, które jest odpowiednie dla fundacji oraz stowarzyszeń. Portale informacyjne korzystają natomiast często z rozszerzenia .info, a portale edukacyjne – z rozszerzenia edu.pl.

Jaka domena lepsza – .pl czy .eu?

Jeżeli mamy pewność, że chcemy ograniczyć się tylko do rynku lokalnego, lepiej zawęzić swoją domenę do lokalizacji krajowej, czyli .pl. Jeżeli natomiast nie mamy pewności, czy kiedyś nie chcielibyśmy rozszerzyć swojej działalności np.: o kraje Unii Europejskiej.

Podczas planowania sklepu internetowego jest to szczególnie istotne, ponieważ domena może definiować naszych przyszłych kupujących. Zamierzając sprzedawać w UE, trzeba być od razu gotowym na przygotowanie wersji strony w języku angielskim.

Wtedy rozszerzenie .eu pozwoli nam na zdobycie klientów także z zagranicy. Jeżeli natomiast rozszerzeniem .pl zamkniemy się tylko na rynek polski, to jest naprawdę niewielka szansa, że ze sprzedażą dotrzemy także za granicę. Nawet za pomocą środków komunikacji elektronicznej może być nam trudno zdobyć klienta, który zamówi produkt z wysyłką ze strony o domenie lokalnej.

Jaka domena lepsza – .pl czy .com?

Często mamy również dylemat, czy wybrać domenę .com, czy .pl. Tu znowu trzeba zastanowić się nad zasięgiem naszej strony www. Domeny lokalne mogą być ograniczone terytorialnie do naszego kraju, czyli mieć rozszerzenie .pl. Nadanie naszej domenie rozszerzenia .com nie sprawia jednak, że nikt z Polski nam nie zaufa. Przeciwnie.

Rozszerzenie .com to dość uniwersalny wybór dla osób, które jeszcze nie wiedzą, jaki będzie zakres funkcjonowania ich stron internetowych. Witryna .com odnosi się ona do słowa company i w żaden sposób nie koliduje ze sprzedażą wyłącznie na rynku lokalnym. Dla osób niepewnych, czy kiedyś ich sprzedaż nie rozwinie się na rynek globalny, rozszerzenie .com będzie lepszym wyborem niż .pl.

Domena .net – co to oznacza?

Domena .net odnosi się z założenia do podmiotów, które świadczą usługi dostępu do Internetu, ale w praktyce nadaje ją sobie wiele firm z branży IT. Nie da się jednak ukryć, że to rozszerzenie dość przestarzałe. Początki jego nadawania sięgają już roku 1985. Obecnie raczej odchodzi się od takich rozszerzeń w stronę rozszerzeń indywidualnych.

My – software house o nazwie Tamago – moglibyśmy przecież teoretycznie stworzyć domenę tamago.net, skoro jesteśmy firmą działającą w branży IT. Uznaliśmy jednak, że o wiele bardziej nowoczesne i rozpoznawalne będzie w naszym przypadku użycie rozszerzenia indywidualnego, zawierającego jednocześnie słowo kluczowe dla naszego biznesu. W ten sposób powstał adres tamago.software, który jest już w całości pełną domeną strony i nie wymaga dodatkowych rozszerzeń w postaci .pl lub .com.

A może domena regionalna?

Rozszerzenie domeny może wskazywać również na region, którego dotyczy dana strona. Z reguły takie rozszerzenia stosują małe lokalne firmy (nieaspirujące do bycia firmami ogólnopolskimi) lub strony www urzędów miast czy gmin.

Popularnymi rozszerzeniami domen regionalnych są:

• wroclaw.pl,
• pomorskie.pl,
• waw.pl,
• olsztyn.pl.

Zastosowanie domeny regionalnej może być korzystne, ponieważ przez osoby z danego regionu będziemy identyfikowani jako firma lokalna, ale może też nas ograniczać. Taką domeną zablokujemy sobie wyjście z naszymi usługami do poziomu ogólnopolskiego czy globalnego. Domena regionalna ma jeden sporu atut – niskie ceny wykupienia i przedłużenia.

Liczba domen a bezpieczeństwo strony www

Ile domen powinniśmy wykupić dla naszej strony? Co do zasady jedną. W praktyce – nieco więcej. Dlaczego? Ponieważ kluczowe znaczenie powinno mieć dla nas to, czy nasza witryna internetowa będzie bezpieczna. Niestety na domeny czyha sporo zagrożeń, z których głównym jest typosquatting, czyli nowa forma oszustwa w internecie.

Typosquatting – oszustwo na domenach

Oszuści stosujący tę metodę wykupują domeny bardzo zbliżone do domeny głównej (np.: zawierające literówkę lub podwojenie liter). Na przykład dla strony wikipedia.pl oszuści mogliby wykupić domeny: wkipedia.pl, wikiipedia.pl albo wikipedi.pl. Działania oszustów stosujących typosquatting zmierzają do przechwycenia ruchu ze strony głównej po popełnieniu przez użytkownika literówki w adresie strony.

Niestety dane przechwycone w ten sposób mogą być w niebezpieczeństwie, szczególnie jeżeli chodzi o dane sklepu internetowego, a więc także dane klientów oraz szczegóły dotyczące ich zamówień. Żeby uchronić się przed skutkami ataków typosquattingowych, można od razu przy rejestracji domeny wykupić także wszystkie domeny do niej podobne, zawierające właśnie literówki, podwojone litery oraz ucięcia w nazwie. Dopiero wtedy będziemy w 100% bezpieczni.

Zapewnienie bezpieczeństwa marki

Więcej domen warto wykupić również z innego względu – ze względu bezpieczeństwa nie samej strony, ale naszej marki. Jeżeli chcemy założyć stronę www dla lokalnego zakładu kamieniarskiego np.: kamieniarz.olsztynek.pl, to raczej nie grozi nam to, że w przyszłości ktoś wykupi domenę kamieniarz.olsztynek.com albo kamieniarz.olsztynek.info i będzie podszywał się pod nasze usługi, próbując sprzedać siebie pod naszą marką.

Prawdopodobieństwo takiego zdarzenia jest naprawdę niewielkie, również dlatego, że na rynku lokalnym dana osoba i tak byłaby powszechnie identyfikowana ze swoim biznesem, a więc ryzyko podszycia się pod czyjś biznes maleje.

warto rejestrować podobne domeny

Pomyślmy jednak o stronach www, które mają większy potencjał. Stronach, dla których własna domena jest tym, co są identyfikuje, przez co jest rozpoznawalna i kojarzona w całej Polsce. Wiele osób zajmuje się wyszukiwaniem dobrze prosperujących domen i szybkim rejestrowaniem domen im podobnych. Działa to w ten sposób – ktoś zauważa, że strona udostępniająca notatki szkolne notatnik.szkolny.pl szybko zyskuje popularność i natychmiast wyszukuje podobne domeny, które mogłyby zagrozić tej głównej, a więc np.: notatniki.szkolne.pl albo notatnik.szkolny.com.

Następnie osoba ta zgłasza się do właściciela głównej domeny i proponuje odsprzedanie swoich właśnie wykupionych domen za duże pieniądze. Jeżeli ich nie odkupimy, ryzykujemy, że dana osoba sprzeda je komuś, kto założy bliźniaczą stronę do naszej na bardzo podobnym adresie.

Do takiej sytuacji nie chce doprowadzić raczej żaden właściciel rozwijającej się marki i dlatego właśnie pierwszym krokiem przy rejestracji każdej domeny powinna być automatyczna rejestracja domen najbardziej podobnych do niej. Wtedy mamy pewność, że nasz adres główny nie posłuży nikomu do wybicia się na sukcesie naszej strony.

Zakup domeny – jak tego dokonać?

Najtrudniejszy krok to wybrać domenę. Samą rejestrację domen przeprowadzi poprawnie nawet niewprawiony użytkownik Internetu. W pierwszej kolejności trzeba sprawdzić, czy wymyślona przez nas domena jest dostępna, a następnie wybrać miejsce, w którym ją zarejestrujemy.

Ile kosztuje domena?

Sama domena nie jest droga, jej wykupienie to najczęściej koszt kilku złotych. Znacznie droższe jest przedłużanie domeny, dlatego warto przy rejestracji od razu sprawdzić, jaka będzie cena przedłużenia naszej domeny. Bardzo często zdarza się tak, że strona oferuje korzystną cenę rejestracji, a potem nakłada na użytkownika bardzo duże koszty przedłużenia domeny. Oczywiście warto za rejestrację zapłacić nieco więcej, jeżeli dzięki temu co roku będziemy płacić mniej za przedłużenie domeny.

Jeżeli masz problem z rejestracją domeny lub nadal nie wiesz, jak wybrać domenę dla Twojej działalności, zgłoś się do nas. Coś wymyślimy.

Najczęściej kojarzonym systemem zarządzania jest WordPress. Warto też pamiętać o innych systemach takich jak np. Prestashop, Magento, które są systemami sklepowymi oraz Joomla i Drupal, które dotyczą stron internetowych. Jeżeli ciekawi Cię temat systemów CMS dla sklepów internetowych to zachęcam Cię do przeczytania artykułu na temat platform e-commerce, które niezaprzeczalnie są także systemami CMS.

Ile kosztuje CMS?

Istnieje wiele systemów CMS, niektóre są płatne, niektóre bezpłatne.
Najpopularniejsze systemy jak np. WordPress są udostępnione na licencji open-source co oznacza że można ich użytkować bezpłatnie. Z płatnych systemów możemy wyróżnić m.in. Adobe Experience Manager, którego licencja zawsze wyceniana jest indywidualnie.

Do czego służy system zarządzania treścią?

System zarządzania treścią taki jak WordPress umożliwia m.in. tworzenie wpisów blogowych lub aktualności, edycję treści na stronie internetowej, możliwość dodawania i usuwania podstron, a także możliwość instalowania dodatkowych wtyczek. Wtyczki to małe programy, które możesz zainstalować w swoim systemie CMS, dzięki którym będziesz mógł rozwinąć swoją stronę lub sklep internetowy o dodatkowe funkcjonalności. Jeżeli masz stronę internetową lub sklep internetowy na pewno znalazłeś się kiedyś w sytuacji, kiedy trzeba było coś szybko zmodyfikować. Dzięki systemowi CMS nie musisz czekać na informatyka lub programistę. Samemu możesz w prosty sposób dokonać zmiany, która będzie widoczna w trybie natychmiastowym.

Każdy system ma pewną specyfikę. Jedne są przystosowane do stron internetowych, inne do blogów, a jeszcze inne do sklepów. Ich wspólną cechą jest intuicyjność. Prawie każdy system CMS zbudowany jest tak, aby bez wiedzy i dużego przeszkolenia edytować podstawowe elementy.

Który system CMS wybrać?

To jaki system zarządzania treścią wybierzemy głównie zależy od tego do czego będziemy go używać. W takich sytuacjach najlepiej skonsultować to ze specjalistą. Dla małych stron firmowych i sklepów jednym z najlepszych rozwiązań jest WordPress. Dla większych, bardziej rozbudowanych sklepów-Prestashop. Dla dużych sklepów z wieloma tysiącami produktów dobrze sprawdza się Magento. Wybór systemu jest ważną decyzją bo jeżeli wybierzemy niszowy, mało znany CMS będzie ciężko znaleźć programistów do wsparcia i serwisowania co może powodować duże koszty.

Systemy CMS:

WordPress

Najpopularniejszy system CMS na świecie. Blisko 30% stron internetowych korzysta z jego możliwości. Posiada największą społeczność programistów. Użytkownicy WordPressa mogą korzystać z różnego rodzaju motywów graficznych – płatnych i bezpłatnych, aby modyfikować wygląd swojej strony internetowej. WordPress posiada także wtyczkę Woocommerce dodającą stronie internetowej funkcjonalności sklepu internetowego.

Joomla

Niegdyś bardzo popularny system, jeden z najpopularniejszych. Dziś antyk, rzadko wdrażany przez firmy do nowych stron internetowych. Strony na Joomli z uwagi na coraz rzadsze jej aktualizowanie są znacznie bardziej podatne na ataki wirusów i hakerów. Zakłada się że w ciągu 5 lat mało kto będzie jeszcze korzystać z tego CMS’a.

Drupal

Rozbudowany system zarządzania treścią zawierający w sobie funkcje bloga, forum, portali, biuletynów czy rozbudowanych galerii. Świetnie nadaje się do stron internetowych posiadających duże obciążenie. Bardzo złożony i skomplikowany. Nie najlepszy do małych projektów z uwagi na złożoność i rozbudowane funkcjonalności

Ryzyko CMS

Niestety systemy CMS posiadają jeden kluczowy problem. Są narażone na ataki hakerów. Jeżeli posiadasz jakąkolwiek możliwość edycji po zalogowaniu się do panelu administracyjnego, jesteś narażony na atak hakera lub wirusa. Włamania najczęściej występują w przypadku niezaktualizowanych wtyczek lub nieaktualnego systemu zarządzania treścią, dlatego tak ważne jest regularne serwisowanie. Wirusy często też docierają przez wtyczki, które już dawno nie były aktualizowane przez twórców. Instalując plugin, zwróć uwagę, kiedy aktualizację. A co taki wirus może spowodować? W najlepszym przypadku dostawca serwera wyłączy stronę. W gorszych przypadkach zainfekowana strona może wyświetlać niechciane reklamę, tworzyć puste podstrony i przekierowania oraz może być zastąpiona jakąś informacją o autorze hackingu. W najgorszym przypadku wirus na stronie internetowej może doprowadzić do zbanowania domeny w Google. Dzisiaj system CMS jest standardem przy tworzeniu stron internetowych. Jeżeli zlecasz komuś jej wykonanie, pamiętaj, aby o to zapytać.