Witryna

Poznaj etapy tworzenia witryny

Zadanie w liczbach

Zebrane środki
0/33 850

Realizacja zadania
22/25 etapów

Strona internetowa

W dzisiejszym świecie strona internetowa to coś więcej niż wizytówka. To centrum dowodzenia, platforma wymiany myśli, narzędzie do inspirowania i mobilizowania ludzi do wspólnego działania. Dlatego jednym z kluczowych kroków na naszej drodze do realizacji większych celów społecznych jest stworzenie własnej witryny internetowej, która będzie żyła, rozwijała się i służyła innym.

Cel

Chcemy, by była to przestrzeń dostępna dla każdego – szczególnie dla osób nietechnicznych, które chcą rozpocząć własne inicjatywy, nauczyć się, jak zbudować swoją obecność w sieci, i dowiedzieć się, jak działać lokalnie z wielkim sercem i skutecznością.

Co znajdziecie u nas?

Na stronie będziemy dzielić się praktyczną wiedzą, krok po kroku tłumaczyć, jak stworzyć własną stronę, jak promować się w Internecie, jak zacząć działać społecznie – bez skomplikowanego języka i technicznych barier. Będzie to miejsce, gdzie teoria spotyka się z praktyką, a inspiracja przeradza się w działanie.

Korzyści

Dzięki tej stronie będziesz mógł szybko, sprawnie i efektywnie komunikować się z otoczeniem, informować o postępach własnych projektów i tworzyć społeczność ludzi, którzy wierzą, że zmiana zaczyna się od nas.

Dołącz do nas!

Jeśli wierzysz, że wiedza powinna być dostępna dla każdego, że warto wspierać inicjatywy oddolne i że technologia może służyć ludziom – zapraszamy Cię do współtworzenia tej przestrzeni. Podziel się tym zadaniem, przekaż dobre słowo, bądź naszym wiernym obserwatorem, a jeśli możesz – wesprzyj nasz rozwój. Razem możemy stworzyć coś naprawdę wartościowego!

Cele zadania

  • umożliwienie stworzenia własnej strony internetowej od podstaw, bez wiedzy technicznej
  • przekazanie rzetelnej wiedzy teoretycznej i praktycznych narzędzi do samodzielnej pracy
  • wzmocnienie kompetencji cyfrowych i pewności siebie w świecie online
  • motywowanie do działania i dzielenia się swoją misją lub pasją w Internecie
  • wsparcie osób i grup chcących założyć lub wypromować inicjatywę oddolną
  • tworzenie przestrzeni do współpracy, dzielenia się doświadczeniami i wzajemnego wspierania się
  • upowszechnienie idei, że Internet może służyć ludziom, lokalnym inicjatywom i działaniom społecznym
  • inspirowanie innych do rozpoczęcia własnej cyfrowej drogi lub nowej inicjatywy
  • oferowanie realnych, dostępnych i sprawdzonych narzędzi, które nie wymagają dużych nakładów finansowych
  • angażowanie społeczności do aktywnego udziału, dzielenia się swoimi stronami i projektami
  • Legenda:
  • cel zaplanowany
  • cel osiągnięty

Planowany koszt

Serwer

Serwer to specjalny komputer, który działa bez przerwy i przechowuje pliki Twojej strony internetowej — takie jak teksty, zdjęcia czy filmy. Gdy ktoś wpisuje adres Twojej strony w przeglądarce, serwer przesyła te pliki do jego urządzenia, dzięki czemu strona się wyświetla.

Hosting

Hostingiem nazywamy usługę polegającą na wynajęciu miejsca na serwerze. To tak, jakbyś wynajmował półkę w ogromnej bibliotece, gdzie przechowywane są wszystkie elementy Twojej strony. Dzięki temu Twoja witryna jest dostępna online przez całą dobę.

Domena

Domena internetowa to unikalny adres, który wpisujemy w przeglądarce, aby odwiedzić konkretną stronę internetową. To jak adres Twojego domu w świecie online — dzięki niemu inni mogą Cię znaleźć w sieci.

Wybierając domenę warto postawić na nazwę krótką, chwytliwą i związaną z naszą działalnością.

E-mail

E-mail jest usługą sieciową służącą do wysyłania korespondencji drogą elektroniczną. Można go stworzyć na popularnych witrynach jak: google, wp, interia, onet. Budując stronę internetową warto założyć konto pocztowe pod własną domeną.

System zarządzania treścią

System zarządzania treścią, w skrócie CMS (z ang. Content Management System), to narzędzie, które pozwala łatwo tworzyć i edytować stronę internetową bez znajomości programowania. Najpopularniejsze systemy: WordPress, Joomla, Drupal, Shopify. My posłużymy się WordPressem.

Motyw

Motyw strony internetowej (ang. theme) to gotowy układ graficzny, który definiuje projekt, styl i funkcjonalność całej witryny. Dostępny jest z poziomu systemu zarządzania treścią. Popularne motywy WordPress: Astra, KadenceWP, OceanWP. Najczęściej motyw występuje w wersji standardowej oraz Pro, w której to mamy do dyspozycji więcej opcji dostosowania wyglądu.

Szablon

Szablon to konkretny układ, który kontroluje wygląd pojedynczej strony, posta lub sekcji w witrynie. Pozwala na stworzenie dodatkowych stylów dla wybranych podstron. Większość motywów posiada rozbudowaną bazę gotowych nakładek, dzięki którym jesteśmy w stanie w krótkim czasie stworzyć w pełni funkcjonalną stronę lub sklep internetowy. Wgrany szablon to szkic naszej strony. Pozostaje wyedytować wszystkie elementy strony pod nasze potrzeby i gotowe.

Wtyczka

Wtyczka (ang. plugin) to dodatkowy element, który dodaje nowe funkcje do Twojej strony internetowej.

Wtyczka działa jak aplikacja – instalujesz ją i od razu masz nową funkcjonalność, np. formularz kontaktowy, sklep internetowy czy integrację z mediami społecznościowymi. Popularne wtyczki dla WordPressa: YoustSEO (pozycjonowanie strony), WooCommerce (dodanie do strony sklepu internetowego), Elementor (kreator stron typu „przeciągnij i upuść”)

Struktura

Struktura strony internetowej to sposób uporządkowania podstron i ich powiązań – jakby mapa strony. Kolejność w jakiej zorganizowane są strony witryny.
Można to porównać do drzewa:

  • pień – strona główna
  • gałęzie – główne podstrony, np. O nas, Oferta, Blog, Kontakt
  • mniejsze gałązki – podstrony tych podstron, np. Oferta -> Strony WWW, Sklepy internetowe, Wpisy

Tworząc strukturą musimy rozplanować wszystkie elementy witryny (strony, wpisy, kategorie, tagi) tak by były ze sobą właściwie połączone i ułożone hierarchicznie w określonej kolejności.

Podstrona

Podstrona to jedna z części Twojej strony internetowej – taka jak „O nas”, „Oferta” czy „Kontakt”. To nie jest zupełnie osobna strona, tylko fragment Twojej witryny, dostępny z menu lub z linku.

Można powiedzieć, że strona internetowa to książka, a podstrony to jej kartki.

Multimedia

Sama treść nawet wysokiej jakości to zbyt mało by skutecznie przykuć uwagę i zachęcić odwiedzającego do pozostania. Warto zadbać o wysokiej jakości zdjęcia, filmy, infografiki itp. Jeśli nie posiadamy własnych materiałów multimedialnych to możemy posiłkować się materiałami innych twórców. Przed opublikowaniem takich materiałów warto zapoznać się z warunkami udostępniania treści i licencjami plików.

Metody promocji

Witryna internetowa choć piękna i posiadająca wysokiej jakości treści nie osiągnie sukcesu bez właściwie prowadzonej promocji. Na samym początku, gdy nie mamy jeszcze wystarczająco dużo czasu i zasobów możemy rozpocząć promocję witryny poprzez opracowanie podstrony wskazującej na zaangażowanie odwiedzających jako istotny czynnik skutecznej promocji naszej aktywności.

Metody wsparcia

Rozpoczynając swoją przygodę z aktywnością w Internecie ciężko oczekiwać dużego wsparcia ze strony odwiedzających. Warto jednak zapewnić już wtedy odbiorcom naszych treści możliwość przekazania nam choć niewielkiego wsparcia. Należy postawić na transparentność. Pokażmy nasze cele, plany i osiągnięcia. Zastosujmy jasny przekaz i ułatwmy ewentualnym darczyńcom wsparcie naszego dzieła.

Strona główna

Strona główna to pierwsza strona, którą widzi osoba odwiedzająca Twoją witrynę. Można ją porównać do okładki książki. Jest to najważniejsza strona naszej witryny. To ona pojawia się po wpisaniu podstawowego adresu domeny. Powinna zawierać odnośniki do najważniejszych podstron naszej witryny, czyli: krótka informacja o Tobie, najważniejsze linki (oferty, kontaktu), zdjęcia, banery, wezwania do działania, aktualności, skróty do bloga.

Stopka

Stopka (ang. footer) to dolna część każdej strony internetowej. Pojawia się na samym dole – niezależnie od tego, na której podstronie jesteś. Jest ona wykorzystywana do udostępniania informacji kontaktowych, mediów społecznościowych, wyświetlania menu witryny, listy łączy lub podawania informacji o prawach autorskich. Jej treść można personalizować według indywidualnych upodobań właściciela strony internetowej.

Formularz

Formularz to element strony, który pozwala odwiedzającym wpisać i wysłać informacje – na przykład wiadomość, pytanie czy zamówienie według określonego schematu. W przypadku WordPressa formularzy najczęściej używa się w celu wysłania wiadomości, zapisania się na listę subskrybentów, dopisania do bazy mailingowej.

Blog

Blog to część strony internetowej (lub cała strona), na której regularnie publikowane są artykuły – tzw. wpisy blogowe. Można go nazwać dziennikiem internetowym lub witryną informacyjną prowadzona przez osobę, grupę lub firmę. Przedstawia informacje w stylu nieformalnym lub konwersacyjnym. Najczęstsze tematyki blogów: podróże, kulinaria, porady, marketing, zdrowie, hobby.

Newsletter

Newsletter to wiadomość e-mali wysyłana regularnie do obserwatorów (subskrybentów) witryny internetowej w celu informowania o nowościach w witrynie. Najczęściej zawiera: aktualności z bloga lub firmy, promocje i oferty specjalne, porady i ciekawostki, informacje o nowych produktach.

Regulamin

Regulamin strony internetowej to dokument, który określa zasady korzystania ze strony. To coś w rodzaju „instrukcji obsługi” i „umowy” między właścicielem strony, a jej użytkownikami. Musi określać prawa i obowiązki stron, uwzględniając specyfikę działalności internetowej.

RODO

RODO to skrót od Rozporządzenie o Ochronie Danych Osobowych (ang. GDPR – General Data Protection Regulation). To prawo obowiązujące w całej Unii Europejskiej, które mówi, jak należy zbierać, przechowywać i chronić dane osobowe. Zawiera przepisy o ochronie osób fizycznych w związku z przetwarzaniem danych osobowych oraz przepisy o swobodnym przepływie danych osobowych.

Cookies

Cookies, czyli po polsku ciasteczka, to małe pliki, które Twoja strona zapisuje na komputerze lub telefonie osoby odwiedzającej. Dzięki nim strona „pamięta”: kto był na stronie, jakie miał ustawienia, co dodał do koszyka, skąd trafił na nasza stronę, czy zaakceptował regulamin.

Responsywność

Responsywność oznacza, że strona internetowa dopasowuje się automatycznie do wielkości ekranu, na którym jest wyświetlana. Dobrze zaprojektowana responsywna strona to taka, która:

  • działa i dobrze wygląda na laptopie, tablecie, smartfonie
  • nie wymaga powiększania tekstu palcami
  • nie „rozjeżdża” się na małym ekranie

Google Search Console

Google Search Console (GSC) to darmowe narzędzie od Google, które pomaga właścicielom stron internetowych zrozumieć: jak ich strona jest widoczna w Google, czy pojawia się w wynikach wyszukiwania, czy Google widzi błędy na stronie, jakie słowa kluczowe przyciągają odwiedzających. Można powiedzieć, że to okno do Google, które pokazuje, jak roboty wyszukiwarki widzą Twoją stronę.

Google Analytics

Google Analytics to darmowe narzędzie od Google, które pomaga śledzić, ile osób odwiedza Twoją stronę internetową i co te osoby na niej robią.
Dzięki Google Analytics możesz dowiedzieć się m.in.:

  • ilu masz odwiedzających i skąd pochodzą (np. Polska, Niemcy, Facebook, Google)
  • które strony są najczęściej oglądane
  • ile czasu ludzie spędzają na stronie
  • czy odwiedzający klikają w przyciski lub wypełniają formularze

Twoja strona online

Dołącz do newslettera i krok po kroku naucz się, jak samodzielnie zbudować własną stronę internetową. Otrzymasz praktyczne wskazówki, gotowe rozwiązania i inspiracje, które pomogą Ci ruszyć z miejsca i zrealizować pomysły online.

Chcesz przekazać środki na realizację tego zadania? Poznaj dostępne opcje wpłaty funduszy dla WygodaLab wraz z odnośnikami do najważniejszych informacji. Znajdziesz tam przydatne instrukcje, które pomogą Ci w finalizacji darowizny. Wybierz wygodną formę przekazania finansów i pomóż nam w realizacji tej inicjatywy.

Jeśli chcesz, aby Twoje zasoby zostały przekazane na powyższe zadanie koniecznie dopisz: Darowizna dla WygodaLab Witryna. Jeśli tego nie zrobisz środki zostaną przeznaczone na bieżącą aktywność WygodaLab i obecnie realizowane cele. Możesz się z nami skontaktować i osobiście poprosić o zmianę przeznaczenia Twojej darowizny.

Osoba korzystająca z bankowości internetowej na laptopie i telefonie, wykonująca przelew bankowy.

Dane do przelewu
Nr rachunku: 16 2530 0008 2020 1082 2402 0001
Kod SWIFT: NESBPLPW
Imię i nazwisko: Krzysztof Wygoda
Adres: 86-022 Dobrcz, ul. Długa 36

W tytule przelewu koniecznie dopisz: Darowizna dla WygodaLab Witryna

Uwaga !

Chcemy w widoczny sposób dziękować osobom i firmom, które wspierają rozwój WygodaLab. W tym celu planujemy stworzyć podstronę z podziękowaniami dla wspierających.

Umieszczenie jakichkolwiek danych (np. imienia i nazwiska, nazwy firmy, pseudonimu lub linku) jest dobrowolne i nastąpi wyłącznie po uzyskaniu wyraźnej zgody wspierającego, zgodnie z przepisami o ochronie danych osobowych (RODO). Cenne jest dla nas każde wsparcie dlatego nie będziemy umieszczać informacji o przekazanych nam darowiznach przez poszczególnych darczyńców. Jeśli chcesz, aby Twoje dane pojawiły się na podstronie patronów, w adnotacji/uwagach przy przekazywaniu darowizny napisz, np. Zgoda: Jan Kowalski. Inna opcja to późniejszy kontakt mailowy.

Brak zgody oznacza pełną anonimowość i brak publikacji danych na stronie z podziękowaniami. Dziękujemy za okazane wsparcie i zaufanie.