Tworzenie stron WWW

Chcesz stronę internetową wpisujesz w Google „Zlecę wykonanie strony internetowej” – znajdujesz naszą stronę. Świetnie! Znamy się na tworzeniu stron internetowych, sklepów, zakładamy domeny, hosting, konta pocztowe, a to wszystko w przystępnych cenach!

Niezależnie, czy strona jest tworzona przez agencję, czy samemu, jest kilka rzeczy, o których warto pamiętać!

Domena i hosting

Są nieodłączne dla każdej strony internetowej. Hosting — jest to miejsce, gdzie przechowywana jest strona. Coś w rodzaju wirtualnego garażu. Domena – można porównać do adresu, nie zawiera co prawda kodu pocztowego, ulicy i nazwy miejscowości, ale podobnie sprawia, że wszyscy potrafią znaleźć to miejsce. Domena składa się z nazwy oraz rozszerzenia (np. .pl, .com) dla domeny Google.com nazwą jest Google, a rozszerzeniem .com. Nazwa może być dowolna (litery, cyfry, niektóre znaki specjalne), zaś rozszerzenia są z góry narzucone.

Dlaczego warto założyć hosting oraz domenę samodzielnie?

Po pierwsze — bezpieczeństwo. Tu nie tylko chodzi o to, żeby nikt nie wszedł na Twoje konto i nie ukradł zawartości Twojej strony. Tutaj pojawia się większy, a przynajmniej częstszy, problem! Agencje, freelancerzy mają dziwną tendencję to pojawiania się jak grzyby po deszczu, a następnie znikania gdy się kończy sezon. Problem jest na tyle duży, że jeżeli taki usługodawca zrobił Ci stronę, za niezwykle promocyjną cenę (hosting i domena GRATIS!) wysłał jedynie dane do panelu zarządzania CMS. Początkowo wygląda wszystko dobrze, ale jeżeli potrzebujesz zmiany na stronie, specjalista się nie odzywa, a Ty masz dostęp tylko do panelu zarządzania… i jest problem. W najgorszym przypadku kończy się zakodowaniem strony od nowa. Z tego też powodu warto wcześniej zadbać o te dwie rzeczy wcześniej.

Jeżeli jednak chcesz zlecić wykonanie strony www i nie zaprzątać sobie głowy wyborem hostingu i domeny, poproś, aby domena oraz hosting figurowały na Twoje dane.

Ile kosztuje domena i hosting na start?

Ceny hostingu zaczynają się od 50 zł / rok, prawdopodobnie potrzebujesz najniższy pakiet, ważne jest tylko, aby hosting posiadał dostęp do SSH, najnowszą wersję PHP (w tej chwili jest to wersja 7.2) oraz warto zwrócić uwagę czy w ofercie jest darmowy certyfikat SSL (Let’s Encrypt), co pozwoli dodatkowo obniżyć koszty utrzymania.

Domenę można dostać nawet za darmo! Jednak tu jest poważny haczyk! Ceny dotyczą pierwszego roku, później jest już gorzej. Usługodawca który rozdawał domeny za darmo, w drugim roku zażąda od nas prawdopodobnie sporej sumy. Dlatego wybierając rejestratora domeny, wybierz nie tego, który oferuje najtańszy pierwszy rok, a drugi i kolejne. O ile nie potrzebujesz domeny tylko na rok, na dłuższą metę tak będzie taniej! Przedłużenie domeny .pl to koszt około 50 zł / rok.

Treści na stronie www – content is king!

Podobnie jak było z hostingiem i domeną, o materiały na stronę możemy zadbać wcześniej. Potrzebne są z pewnością treści takie jak informacje o firmie, oferta, referencje, realizacje. Bardzo często, gdy tworzona jest pierwsza strona, wydaje się, że takie teksty napisać jest łatwo i szybko — wystarczy parę zdań! Nie do końca. Wyszukiwarka Google, która tak naprawdę kieruje klientów na naszą stronę, wymaga wyczerpujących, wartościowych treści. Chcesz przyciągnąć więcej klientów na swoją stronę? Stwórz atrakcyjne treści!

Jak wybrać firmę dla której można zlecić wykonanie strony?

Allegro, OLX początek poszukiwań

Na portalach ogłoszeniowych ceny za stworzenie strony internetowej zaczynają się od 150 zł. Czy za taką kwotę można zrobić dobrą stronę? Z doświadczenia odpowiedziałbym: nie… Jednak może są magicy na rynku, którzy za 200 zł robią cuda… Dlaczego byłbym sceptyczny? Zgłasza się do nas bardzo wielu klientów, którzy już swoją stronę posiadają, tańszą, droższą, ale przede wszystkim — nie skończoną! Przy poprawianiu takiej strony pojawiają się cały czas nowe problemy, co w sumie daje efekt taki, że taniej i szybciej byłoby zrobić stronę od nowa.

Gdzie warto szukać osób które się zajmują tworzeniem stron?

Ciekawym rozwiązaniem są portale jak Useme lub WP Zlecenia, gdzie można umieścić zapytanie i z pewnością wielu specjalistów wyśle swoje wyceny. Jednak jak zweryfikować czy specjalista jest warty współpracy? Sprawdź portfolio! Zobacz czy wśród wysłanych realizacji są takie, które faktycznie działają i czy ich estetyka przypada Ci do gustu. Sprawdź opinie na mapach Google i fanpage Facebook. Sprawdź też daty, jak długo ktoś jest w branży… Im dłużej tym lepiej, dzięki temu istnieje mniejsze prawdopodobieństwo, że wykonawca rozpłynie się w powietrzu przed oddaniem Twojej strony lub gdy w razie problemów ze stroną, aby móc się do nich odezwać.

Co dalej? Daj się znaleźć czyli SEO, AdWords i portale ogłoszeniowe

Same posiadanie strony internetowej nie sprawi, że klienci zaczną się ustawiać w kolejce po Twoje towary lub usługi. Potrzebujesz reklamy! Pierwszym krokiem są portale ogłoszeniowe Oferia, Oferteo, Fixly. Potem Google Ads czyli reklama w wyszukiwarce Google i SEO, które sprawi że w wynikach organicznych będziesz wyżej. Ale to już dłuższa historia, na oddzielny wpis…

Z internetu korzysta każdy… jednak nie każdy w taki sam sposób. Mówimy tu o odbiorcach niepełnosprawnych, które wykorzystują często różnego rodzaju dodatkowe oprogramowania, umożliwiającego sprawne poruszanie po stronie, bądź mają trudności z odpowiednim odczytaniem treści strony. Problem ten został zauważony i powstał standard WCAG. O tym standardzie oraz o tym, co możemy zrobić na stronie, żeby stała się bardziej „dostępna”, będzie ten wpis.

Na początku chciałbym wyjaśnić o co chodzi z „dostępnością” – podstawowym problemem na stronie internetowej jest to, że są one projektowaniem z uwzględnieniem głównie osób które przeglądają strony internetowe w sposób naturalny. Znaczy to tyle, że narzędziem nawigacyjny jest myszka, klawiatura lub w przypadku smartfona czy tabletu, nasz własny palec. Rzadko uwzględniane są potrzeby osób które korzystają np. tylko i wyłącznie z klawiatury lub korzystają z czytników tekstów. Część osób potrzebuje też większego kontrastu ze względu na problemy z odróżnianiem barw. Swoją drogą z kolorami też jest tak, że czasem słabej jakości ekrany, także mogą przekłamywać barwy, np. jasny szary traktować jako biały.

Kolejne wyjaśnienie dotyczy akronimu WCAG, czyli Web Content Accessibility Guidelines, który jest zbiorem wytycznych, za pomocą których możemy stworzyć bardziej dostępną stronę lub aplikację.

Temat dostępności jest w wielu przypadkach bagatelizowany. Tak naprawdę tylko instytucje państwowe są zobligowane do tworzenia serwisów, które są zgodne z wymaganymi WCAG. Od 2015 roku, każdy serwis powinien spełniać wspomniany standard WCAG 2.0 z uwzględnieniem poziomu AA. Dodatkowo, w 2019 Prezydent RP podpisał ustawę o obowiązku dostępności cyfrowej. W ten sposób został wprowadzony obowiązek zgodności ze WCAG 2.1 AA, przez strony oraz aplikacje mobilne. Ustawa dotyczy podmiotów rządowych (szczegóły w dostępnych linkach pod wpisem).

WCAG co możesz zrobić na swojej stronie, aby była bardziej dostępna

• wersja kontrastowa strony
• powiększenie rozmiaru fontu na stronie
• wyraźny focus przy tabulacji
• tekst alternatywny obrazków, tzw. alt, z opisem tego, co znajduje się na grafice
• określenie języka strony
• jeżeli udostępniasz wideo, warto dodać do niego napisy
• linki za pomocą odnośników które coś znaczą zamiast zobacz to np. przejdź do oferty
• poprawna hierarcha nagłówków

Narzędzia do testowania stron pod kątem dostępności:

Jednym ze sposobów przetestowania strony są walidatory online:

• http://wave.webaim.org/
• https://validator.utilitia.pl/

Innym sposobem jest uruchomienie strony, a następnie poprzez klikanie klawisza TAB poruszanie się po elementach oraz akceptowanie za pomocą klawisza ENTER. Zamknij oczy lub wyłącz monitor, i sprawdź czy taka nawigacja po Twojej stronie internetowej jest możliwa. Ciekawym testem jest też zainstalowanie rozszerzenia do wyszukiwarki ChromeVox Classic Extension, które umożliwia przeglądanie z pomocą czytnika tekstu.

Podsumowanie

Wiele z podstawowych funkcjonalności związanych z WCAG możemy wprowadzić na stronie stosunkowo małym nakładem pracy, pomimo tego, że prawnie nie jesteśmy do tego zobligowani. Dzięki temu więcej odwiedzających będzie mogła skorzystać z informacji zawartych na stronie. W tym przypadku nawet nie trzeba się zastanawiać, czy warto? Niedługo powstanie nowa odsłona naszego serwisu i na pewno nie zapomnimy o wytycznych WCAG.

Źródła

1. Serwis Rzeczypospolitej Polskiej, informacje na temat ustawy – https://www.gov.pl/web/dostepnosc-cyfrowa/w-ciagu-dwoch-lat-wszystkie-strony-urzedow-dostepne-cyfrowo
2. Tłumaczenie standardu WCAG 2.0 – http://www.fdc.org.pl/wcag2/index.html

Nim w ogóle podejmiesz decyzję o założeniu własnej strony www, powinieneś najpierw odpowiedzieć sobie na pytanie, co dzięki niej chcesz uzyskać? Z pewnością w tej kwestii niepodważalny argument stanowi fakt, że już prawie każde domostwo posiada dostęp do internetu – tym samym zaistnienie w sieci powinno nam się opłacić.

Jaki jest cel stworzenia Twojej własnej strony www?

Na wstępie warto również znaleźć odpowiedź na pytanie – jaki jest cel stworzenia własnej strony www. W inny sposób bowiem powinniśmy się zabrać za tworzenie strony internetowej, która ma sprzedawać jakieś określone produkty lub gromadzić kontakty, czy też np. budować naszą osobistą markę. Zatem wygląd naszej strony jest uzależniony przede wszystkim od tego, do czego ma ona nam służyć.

Do kogo będzie skierowana nasza strona? Czyli jej grupa docelowa

Kolejną kwestią, wpływającą znacząco na wygląd tworzonej przez nas strony www jest to, kto jest jej adresatem. Jak się bowiem okazuje, np. na stronie skierowanej do młodzieży powinniśmy posługiwać się nieco innym językiem, wybierać inną grafikę niż np. na stronie, której odbiorcami są głównie osoby starsze. Tym samym to, do kogo kierujemy treści, zawarte na naszej stronie internetowej jest także jednym z głównych wyznaczników tego, w jaki sposób powinna ona wyglądać.

Jak samodzielnie stworzyć stronę internetową?

Tworzenie własnej strony internetowej od zera może wydawać się dla wielu bardzo przeciętnych użytkowników Internetu zbyt dużym wyzwaniem. Warto jednak nie wykonywać jej samemu totalnie od zera, zwłaszcza jeśli nie mamy żadnego doświadczenia w tej dziedzinie, bowiem taką stronę będziemy musieli co rusz aktualizować. Z pomocą przychodzi nam tutaj szereg różnego rodzaju narzędzi internetowych.

Jako pierwsze warto wymienić  kreatory tworzenia stron www. Kreatory tego typu posiadają intuicyjny system, który pozwala nawet dla laika w tej dziedzinie wyklikać pierwszą stronę internetową. Tego typu rozwiązania posiadają szereg darmowych rozwiązań, które pozwalają na dostosowanie strony do własnych potrzeb. Jeżeli chcemy rozbudowywać stronę o kolejne funkcjonalności, bądź strona zaczyna być popularna i obsługiwać wielu użytkowników potrzebujemy wykupić abonament.

Jeśli jednak nie chcemy do tworzenia naszej strony internetowej wykorzystywać gotowego kreatora możemy zrobić to jeszcze, inaczej wykorzystując do tego celu gotowy już silnik, czyli CMS.
CMS jest to sprawdzony silnik, służący do zarządzania różnego rodzaju treściami. Pozwalają one między innymi na to, aby w jak najbardziej wygodny sposób zarządzać całą zawartością naszego serwisu, jak również ciągłego rozbudowywania go i urozmaicania go o kolejne elementy, bez potrzeby sprawdzania kodu naszej strony. Jednakże w tym wypadku trzeba się liczyć z tym, że jeśli stworzymy własny design i dostosujemy go odpowiednio do potrzeb danego silnika, będziemy musieli posiadać znacznie większą wiedzę, aniżeli stosując proste, samodzielnie aktualizowane strony. Szczęśliwie na pomoc przychodzą nam tutaj różne zestawy gotowych skórek, których jest bardzo wiele wśród najbardziej popularnych rozwiązań. Niektóre z nich są w pełni darmowe, za inne natomiast musimy zapłacić, ale dostęp do nich kosztuje stosunkowo niewiele. Niewiele w porównaniu z kosztami, które ponieślibyśmy, gdybyśmy skorzystali z usług prawdziwych profesjonalistów. W gronie najbardziej popularnych systemów CMS, które są dostępne za darmo znajdują się między innymi WordPress, czy Joomla.

Czym jest domena internetowa i jaki hosting warto wybrać?

Domena internetowa to określenie, pod którym znajduje się Twoja własna strona WWW i adres Twojej poczty elektronicznej, czyli konkretny adres e-mail, pod który będą pisali do Ciebie Twoi klienci. Jest to bardzo ważny element, gdyż wprowadzając właściwą nazwę domeny na pasku adresowym przeglądarki i następnie wciskając Enter, otworzy się nam strona, którą reprezentuje właśnie określona domena.Z kolei hosting to udostępnianie zasobów naszej strony – im lepszy tym więcej aplikacji możemy umieścić na naszej stronie i tym łatwiej powinna ona je wszystkie obsługiwać.

Czym jest mapa strony i jakie przydatne narzędzia warto zainstalować na naszej stronie?

Mapa strony to sformułowanie, które określa plik w formacie XML, jak też daną stronę naszego serwisu, zawierając listę praktycznie wszystkich podstron, które mieszczą się w danej witrynie. Została ona stworzona celem ułatwienia robotom przeglądarek indeksowania wszystkiego, co zawiera dany serwis.

Tworzenie strony internetowej musi być przez nas przemyślane praktycznie od początku do końca, gdyż musimy dobrze wcześniej określić, co ma się na niej znaleźć, np. zakładki takie jak o nas, strona główna, kontakt, czy oferta. Dla przykładu strona internetowa, stworzona dla fryzjera powinna zawierać, takie podstrony jak o nas, oferta cennik oraz kontakt, natomiast strona internetowa dla hotelu powinna zawierać dodatkowo opcję możliwości rezerwacji miejsca w hotelu.

Marketing

Na koniec, ale bardzo ważnym elementem dla odpowiedniego zaistnienia naszej strony w Internecie jest zapewnienie jej odpowiedniego pozycjonowania i reklam w postaci AdWordsów. Niestety bez tego szansa, że ktoś będzie w stanie odnaleźć naszą stronę w Internecie jest praktycznie minimalna. Co za tym idzie jest to końcowy, ale niezmiernie istotny element budowania naszej marki przy pomocy naszej własnej strony www.

Podsumowując, istnieje cały szereg darmowych instrumentów, które mogą pomóc nam w stworzeniu własnej strony www. Przy ich użyciu z pewnością przekonasz, że tworzenie samemu własnej strony internetowej wcale nie jest takie trudne, jak mogłoby się wydawać. Zatem, przekonaj się o tym i Ty i stwórz sam stronę internetową, o której marzysz, która bez problemu wypromuje Ciebie, Twoją firmę lub Twój konkretny produkt czy usługę najlepiej, jak to tylko możliwe.

Internet stał się tak potężnym i tak rozbudowanym narzędziem, że dziś jest nie tylko „kopalnią” wiedzy, ale przede wszystkim idealnym miejscem do zarobku, spełnienia się hobbystycznie, a także swoistego wyzwolenia siebie. To co według wielu daje ogromną satysfakcję w sieci, to na pewno prowadzenie własnej strony internetowej, która posiada rzeszę stałych czytelników.

Według wielu osób, którym udało się i z powodzeniem udaje się prowadzić własną witrynę, posiadanie stałych użytkowników i odwiedzających jest czymś, co można porównać do rzeszy fanów. Co więcej, własna strona internetowa to również wizytówka, a także możliwość niezłego zarobku.

Witryna firmowa to obowiązek

Zacznijmy jednak  od nieco innej strony. Minęły już czasy, gdy firmy obywały się bez reklamy lub strony internetowej. Dziś, firma nie posiadająca tego rodzaju „wizytówki” jest niewidoczna, co więcej, dla potencjalnych klientów może być nawet niegodna zaufania. Dlatego prowadząc firmę, nie tyle warto, co trzeba posiadać własną stronę internetową, ponieważ jest to wizytówka i jednocześnie czytelne przedstawienie oferty handlowej. Ponadto to uwiarygodnienie firmy w oczach kontrahentów.

Posiada witryny firmy nie jest już dodatkiem marketingowym, jest podstawą, od której zaczyna się rozwój biznesu.

Prywatna strona internetowa – przyjemność i dodatkowy dochód

Nie trzeba mówić, iż strony internetowe na reklamach, artykułach sponsorowanych i poprzez wiele innych sposobów lub systemów zarabiają całkiem niezłe pieniądze. Taka strona musi jednak mieć:

• wysokim poziom merytoryczny, aby przyciągnąć użytkowników,
• odpowiednią oglądalność lub bardziej profesjonalnie – liczbę unikalnych użytkowników,
• odpowiednią pozycję w wyszukiwarce, która po części wynika z liczby użytkowników, poziomu treści, a także ilości linków prowadzących do witryny.

Mając to wszystko, nawet mała, hobbystyczna strona internetowa może zarabiać całkiem niezłe pieniądze. Dodatkowo, prowadzenie strony, forum lub też grupy dyskusyjnej przynosi całkiem niezłą frajdę.

Rozwijanie siebie i swoich zainteresowań

Kolejną już zaletą posiadania własnej witryny w sieci, która ma określoną oglądalność jest oczywiście rozwijanie swoich zainteresowań. Niektóre, niewielkie strony hobbystyczne, otwierane kilka lub kilkanaście lat temu stały się potężnymi portalami informacyjnymi, związanymi z określoną branżą lub tematyką. Skupiają wokół siebie potężną społeczność i przyciągają użytkowników często z całego świata, co pozwala rozwinąć zainteresowania i stale pozostawać w kontakcie z tymi, którzy interesują się podobnymi rzeczami.

RWD

Responsive Web Design

Wraz z rozwojem internetu kolejne urządzenia dostawały możliwość przeglądania sieci. Już nie tylko na kineskopowym ekranie monitora Pan Kowalski przeszukiwał internet. Co raz częściej umożliwiały to urządzenia mobilne jak: telefony, tablety czy nawet telewizory.

W ten sposób zrodziła się potrzeba dostosowania stron do innych urządzeń posiadających niewielkie ekrany, gdzie obsługa zamiast myszki odbywała się ruchem palca po ekranie. Jednym z popularniejszych rozwiązań było tworzenie drugiej wersji strony jednak nadal pozostawał problem rozdzielczości gdyż małe ekrany zwyczajnie się różniły.

Na pomoc przyszło RWD – responsive web design, czyli technika projektowania stron WWW w taki sposób aby elementy same dostosowywały się do ekranu. Tworzenie stron responsywnych polega na tworzeniu styli CSS innych pod dane rozdzielczości.

Jak to wygląda w praktyce:

Określamy dla jakich rozdzielczości dany obiekt (element, blokowy bądź liniowy) jak się będzie zachowywał.
Przykład:

<!doctype html>
<html>
<style>
.element {
background-color: red;
width: 33%;
float: left;
}

</style>
</head>
<body>
<div class="blok">
<div class="element">Treść1</div>
<div class="element">Treść2</div>
<div class="element">Treść3</div>
</div>

</body>
</html>
W takim wypadku bloki będą miały zawsze 1/3 szerokości.
<!doctype html>
<html>
<style>
@media screen and (min-width: 481px) {
.element {
background-color: red;
width: 33%;
float: left;
}
}
@media screen and (max-width: 480px) {
.element {
background-color: green;
width: 100%;
float: left;
}
}

</style>
</head>
<body>
<div class="blok">
<div class="element">Treść1</div>
<div class="element">Treść2</div>
<div class="element">Treść3</div>
</div>

</body>
</html>

W tym rozwiązaniu po osiągnięciu rozdzielczości 480px strona zmieni swój układ – divy z klasą element nie będą obok siebie a pod sobą.

Ta technika pozwala w dość łatwy sposób dostosować stronę do każdej rozdzielczości.