Articles

Jak założyć stronę internetową w 2021 roku: zaktualizowany przewodnik dla początkujących

wskazówki, jak stworzyć stronę internetową

utworzenie własnej strony internetowej jest znacznie łatwiejsze niż myślisz. Coraz więcej osób chce mieć własną obecność w Internecie. Facebook instagram nie musi polegać wyłącznie na profilu, stronie na Facebooku lub koncie na Twitterze.

Dlaczego nie stworzyć własnej strony internetowej?

aby rozpocząć, przyjrzyjmy się najczęstszym pytaniom, które otrzymaliśmy od ambitnych początkujących, takich jak ty, w przeszłości:

spis treści

czy będę potrzebował umiejętności technicznych?

To zależy od przeznaczenia Twojej strony. Najbardziej skomplikowanym sposobem byłoby nauczyć się kodować HTML, CSS, JavaScript i PHP-Podstawy praktycznie każdej strony internetowej.

ale nie jest to jedyny sposób na stworzenie strony internetowej: nawet jeśli nie jesteś zbyt zaznajomiony z techniczną stroną rzeczy, możesz łatwo założyć dobrą stronę internetową.

ale jak?

za pomocą Kreatora Stron Internetowych. Jeśli możesz używać Word, Facebook lub PowerPoint, będziesz mógł korzystać z tych narzędzi bez żadnego problemu. Te łatwe w użyciu platformy oferują edytor wizualny, hosting i możesz uzyskać za ich pośrednictwem nazwę domeny: punkt kompleksowej obsługi.

jak założyć stronę internetową: 5 kroków, aby rozpocząć

większość projektów internetowych przechodzi następujące kroki:

  1. stwórz plan struktury i zawartości swojej witryny
  2. Zarejestruj nazwę domeny – najlepiej wybierz .com
  3. Znajdź kreatora stron internetowych (i dostawcę hostingu), aby stworzyć swoją witrynę
  4. zoptymalizuj ją pod kątem wyszukiwarek
  5. Uruchom swoją witrynę

3 najpopularniejsze sposoby założenia witryny

przejdźmy do najpopularniejszych sposobów uruchomienia witryny. Rozwiązań jest wiele. Niektóre są bardziej elastyczne niż inne, a niektóre są bardziej złożone.

konfigurowanie strony internetowej za pomocą kreatora stron internetowych

zacznijmy od najprostszej opcji: kreatora stron internetowych. Jest to pakiet” all inclusive”, że tak powiem: jedna firma zazwyczaj dostarcza szablon (projekt), edytor, hosting, nazwę domeny, adres e-mail i wsparcie. Kreator stron internetowych zajmuje się trudnymi zadaniami.

jest to przydatne nie tylko dla początkujących. To po prostu zależy od projektu. Po co komplikować swoje życie, jeśli są proste sposoby na robienie rzeczy? Prawie wszyscy kreatorzy witryn pozwalają stworzyć bezpłatną podstawową witrynę na subdomenie (np. yourname.sitebuildername.com), który jest obsługiwany przez reklamy. Korzystając z takiego planu, możesz wypróbować go szczegółowo przed podjęciem decyzji, czy koszt jest tego wart.

ceny zaczynają się od około $8 / miesiąc, ale obejmuje wszystkie niezbędne rzeczy. Jeśli nie potrzebujesz adresu e-mail, może to być jeszcze tańsze.

aby lepiej zrozumieć, jak to działa, obejrzyj nasz samouczek krok po kroku do tworzenia stron internetowych!

zastanawiałeś się kiedyś, jak trudno jest stworzyć stronę internetową? Mamy dobre wieści, to bardzo proste! Sprawdź nasz pełny samouczek tutaj: … Jak stworzyć stronę internetową? Naucz się go w mniej niż 5 minut! 2018-08-09t09:41: 25.000 z https://i.ytimg.com/vi/FXNSB-XmtLY/default.jpg

zalety:

  • jest bardzo łatwy w użyciu.
  • nie potrzebujesz dodatkowego oprogramowania.
  • możesz zacząć bez wiedzy technicznej.
  • aktualizacjami i aspektami bezpieczeństwa zajmuje się sam Kreator stron.
  • predefiniowane szablony projektów, które możesz dostosować do własnych potrzeb

wady:

  • nie zawsze możesz dodać dodatkowe funkcje (w zależności od Kreatora Stron).
  • to nie jest tak elastyczne, ponieważ jesteś zależny od dostawcy.
  • nie są przeznaczone do bardzo skomplikowanych projektów, które wymagają bazy danych (np. praca lub katalogi nieruchomości)

najbardziej znanymi kreatorami stron internetowych są Wix, Weebly i Shopify (dla sklepów internetowych). Inne kreatory stron znajdziesz w naszym pełnym porównaniu.

możesz wypróbować Wix website builder za darmo i tak długo, jak chcesz.

Wypróbuj darmowe Wix

Tworzenie strony internetowej z systemem zarządzania treścią

Systemy Zarządzania Treścią (CMS) są nieco bardziej skomplikowane. Mimo że zasadniczo działają tak samo jak Kreator stron internetowych, są znacznie trudniejsze w użyciu.

dzięki narzędziu do tworzenia stron internetowych możesz nie tylko dodawać proste treści, takie jak teksty i obrazy, ale także projektować całą stronę internetową. Klasyczny system zarządzania treścią byłby w tym przypadku znacznie bardziej ograniczony, a jeśli chodzi o wygląd, jesteś ograniczony do dostępnych szablonów.

podczas gdy istnieje wiele systemów takich jak Joomla!, Drupal i Typo3, skupimy się na najpopularniejszym CMS, jakim jest WordPress. Dzięki firmom hostingowym, które oferują instalację jednym kliknięciem, konfiguracja nie jest trudna.

godne polecenia są Dreamhost (niezwykle przystępny cenowo), Siteground (nieco droższy, ale bardzo wydajny) i Bluehost (popularny wybór z obsługą 24 / 7).

Dowiedz się więcej o firmach hostingowych, które zalecamy dla WordPress tutaj.

Możesz również łatwo zainstalować szablon i dostosować go za pomocą opcji projektowania. Ale: jeśli jest coś, co ci się nie podoba, prawdopodobnie będziesz musiał zmodyfikować CSS lub HTML (ty lub programista).

hosting, domena, adres e-mail, instalacja i poziom wsparcia, który wybierzesz, zależą od tego, ile chcesz wydać i Twojej wiedzy technicznej. Może to być dość tanie, jeśli zrobisz to sam.

ogromną zaletą, szczególnie dla WordPressa, jest to, że masz tysiące wtyczek, które pozwalają dodać specjalne funkcje do swojej witryny, które nie są początkowo uwzględnione. Typowym przykładem może być WooCommerce, wtyczka, która dodaje kompletny sklep internetowy.

domyślnie WordPress jest zaprojektowany tak, aby był w jednym języku, ale istnieją wtyczki, takie jak WPML, które pozwalają przetłumaczyć stronę. Kolejną z moich ulubionych jest wtyczka Yoast SEO, która pozwala zmienić ustawienia wyszukiwarki (np.

w naszym filmie wprowadzającym przyjrzymy się, co należy wziąć pod uwagę, jeśli konfigurujesz WordPress.

sprawdźmy szybko, jak zainstalować WordPress za pomocą hostingu SiteGround. SiteGround jest jednym z najlepszych dostawców hostingu dla witryn WordPress. Możesz spróbować … Dowiedz się, jak zainstalować WordPress z hostingiem SiteGround 2019-10-23t07:54:23.000 z https://i.ytimg.com/vi/XMLMT_mKZhQ/default.jpg

Możesz zarejestrować się w Siteground tutaj.

zalety:

  • możesz wybrać firmę hostingową.
  • Świetne dla wielojęzycznych stron internetowych.
  • elastyczność techniczna: możesz uzyskać dostęp do całego kodu źródłowego (jeśli wiesz, co robisz).
  • możesz uzyskać więcej funkcji za pomocą wtyczek.

wady:

  • brak osobistego wsparcia technicznego.
  • wolność twórcza zależy od szablonu.
  • to może mieć dodatkowe koszty dla wtyczek.
  • możesz potrzebować programisty, aby dokonać drobnych zmian estetycznych.

inne przykłady systemów zarządzania treścią to Joomla! I Drupal, ale są one znacznie bardziej skomplikowane w użyciu niż WordPress, więc nie będziemy się do tego wdawać. Więcej informacji na temat WordPressa znajdziesz w naszym Przewodniku dla początkujących WordPress.

Jak samemu zaprogramować stronę (lub wynająć kogoś do tego).

To jest najwyższa dyscyplina: otwieranie edytora i uruchamianie kodu. Ci, którzy potrzebują całkowitej wolności, będą musieli sami stworzyć stronę. Potrzebujesz do tego cierpliwości, a dla początkujących jest to zwykle przytłaczające (i frustrujące).

dobrym miejscem na początek są strony takie jak Codecademy, Mozilla czy W2schools, które mają samouczki krok po kroku dla początkujących. Ale spodziewaj się długiej podróży, zanim Twoja strona będzie gotowa.

w tym przypadku nie można podać ceny w ogóle, ponieważ zależy to od projektu. Przede wszystkim będzie to znacznie droższe, jeśli chcesz zatrudnić programistę: płacenie $8-10 miesięcznie za Kreator stron internetowych zawsze będzie tańsze niż to, co każdy projektant lub agencja pobierze za godzinę pracy.

niektóre ulubione to NetBeans, Aptana Studio lub Brackets. Wszystkie pozwalają na co najmniej HTML, CSS, JavaScript, PHP i są bezpłatne. Inną opcją jest Webflow, który jest wizualnym edytorem kodu źródłowego.

edytor kodu źródłowego w nawiasach

edytor kodu źródłowego w nawiasach

zrzut ekranu w nawiasach

zalety:

  • możliwości są nieograniczone, jeśli wiesz jak zaprogramować.
  • niedrogi hosting.
  • Maksymalna elastyczność.

wady:

  • brak wsparcia.
  • krzywa uczenia się jest stroma.
  • koszty są trudne do obliczenia.
  • wymaga dużo czasu studiowania i realizacji.

A co z nazwą domeny?

Jeśli nie chcesz używać darmowej nazwy domeny (która wygląda dość brzydko, ponieważ będzie miała w sobie nazwę innej firmy), musisz kupić własną domenę. To wtedy będzie wyglądać tak www.mycompany.com. zazwyczaj najlepiej jest uzyskać rozszerzenie. com, chyba że ściśle działasz w jednym kraju, takim jak Kanada (.ca) lub WIELKA BRYTANIA (. co.uk).

domena

domena

nasza własna nazwa domeny

nie brakuje tak zwanych rejestratorów, którzy sprzedają nazwy domen. My sami najczęściej kupujemy je w Namecheap, ponieważ są one, cóż, dość tanie, ale różnice nie są tak znaczące, ponieważ wahają się od 9-18 USD rocznie.

ale w zależności od tego, gdzie zbudujesz swoją witrynę, możesz ją również włączyć do pakietu Kreatora witryn. Na przykład Wix, Weebly i Jimdo mają nazwę domeny dołączoną za darmo w pierwszym roku. W kolejnych latach pobierają nieco więcej niż Namecheap, na przykład, ale dodatkowa wygoda związana z tylko jedną firmą jest zwykle tego warta.

Jeśli używasz WordPress.org lub zbuduj stronę internetową samodzielnie, będziesz musiał również zorganizować własną przestrzeń dyskową. Można to kupić w tym samym miejscu, w którym otrzymujesz nazwę domeny od lub w innej wyspecjalizowanej firmie, takiej jak Siteground lub WPEngine. Ale jeśli dopiero zaczynasz, na razie nie będzie to miało większego znaczenia.

Wskazówka: Jeśli potrzebujesz również adresów e-mail, możesz wypróbować Zoho Workplace. Jest to podobna usługa jak Google Workspace, ale Zoho oferuje również bezpłatny plan.

Projektowanie i planowanie strony internetowej

tak jak nie zawsze dobrym pomysłem jest rozpoczęcie gotowania bez przestrzegania przepisu, przynajmniej jeśli nie masz doświadczenia, to samo dotyczy tworzenia strony internetowej. Tutaj improwizacja nie jest dobrym pomysłem. Planowanie pomoże Ci zdecydować, jakie sekcje potrzebujesz, jakie treści są dla ciebie najlepsze i jak powinna być zaprojektowana Twoja strona internetowa.

strona mapy myśli

strona mapy myśli

Mapa myśli dla internetowego sklepu obuwniczego

dobrym sposobem na rozpoczęcie jest stworzenie mapy myśli z pomysłami na to, co Twoja strona internetowa będzie trzeba. Główne elementy tej mapy myśli mogą być używane do nawigacji.

Wskazówki dotyczące planowania strony internetowej:

  1. użyj papieru i długopisu i zapisz wszystko, co chcesz na stronie. Burza mózgów i tworzenie mapy myśli są idealne sposoby, aby zorganizować swoje myśli.
  2. spójrz na inne ciekawe strony internetowe zarówno pod względem wyglądu, jak i treści. Zwróć uwagę na to, co lubisz, a czego nie.
  3. gdy już masz szkic tego, co chcesz na swojej stronie, zapytaj ludzi, którym ufasz, co myślą. Z pewnością znajdziesz interesujące perspektywy, które możesz uwzględnić.
  4. Utwórz listę (np. w Excelu) ze wszystkimi stronami, które będzie miała twoja strona. Zanotuj tytuł, rodzaj treści, słowa kluczowe, cel, rodzaj strony i ich znaczenie.
  5. Bonus: Jeśli chcesz dobrze pozycjonować się w wyszukiwarkach, to właśnie wtedy powinieneś dowiedzieć się, jakie słowo kluczowe będzie miało każda strona i dodać je do listy w punkcie 4. Przeczytaj ten przewodnik SEO, aby uzyskać więcej informacji.

a co z projektem strony?

tworzenie wizualnych projektów internetowych nie jest łatwym zadaniem. W rzeczywistości powiedziałbym, że w Internecie jest więcej przykładów okropnych projektów niż dobrych. Nie pozwól, aby Twoja strona była jedną.

tak jak jeansy bell bottom były stylowe w latach 70-tych, były śmieszne w latach 80-tych i 90-tych. to samo dzieje się z projektowaniem stron internetowych. Trzeba pamiętać, że to, co było uważane za dobrą praktykę 5 lat temu, może teraz wydawać się trochę stare lub nieaktualne. Sprawdź ten artykuł, aby dowiedzieć się, jakich praktyk unikać.

to nie jest przewodnik dla profesjonalnych projektantów, ale da ci kilka wskazówek, które moim zdaniem zawsze działają:

  1. spróbuj użyć jasnego (lub białego) koloru tła.
  2. wybierz atrakcyjne kolory, które się uzupełniają. Użyj Adobe Color, jeśli potrzebujesz pomocy.
  3. utrzymuj projekt w czystości, prostocie i pozostaw białą przestrzeń między elementami. Więcej informacji..
  4. nie używaj zbyt wielu czcionek: jeden dla tytułów, a drugi dla tekstu zwykle wystarcza. Ten przewodnik pomoże Ci wybrać.
  5. Zachowaj spójny styl i format. Użytkownicy nie powinni zauważać żadnych różnic między Twoimi stronami. Nie twórz Frankensteina.
  6. Twoja strona powinna być również doskonale dostosowana do urządzeń mobilnych.
  7. wszystkie dodawane zdjęcia muszą wyglądać profesjonalnie. Nie wysyłaj selfie, które zrobiłeś przed lustrem w łazience. Pamiętaj, że dzisiejsze smartfony robią bardzo ładne zdjęcia. Jeśli dobrze zaplanujesz, możesz uzyskać świetne zdjęcia.
  8. mniej znaczy więcej. W razie wątpliwości, przejdź minimalnie.

Jeśli chcesz zagłębić się w projektowanie stron internetowych, zajrzyj na blog Wix. Istnieją nieskończone samouczki i przewodniki na temat łatwych do strawienia projektów.

jakie elementy wspólne mają dobre strony internetowe?

1. Świetnie wyglądająca grafika

logo i wybór obrazu są kluczowe dla uzyskania profesjonalnie wyglądającej strony internetowej. Dziś możesz łatwo znaleźć mnóstwo darmowych zdjęć: najlepiej jest sprawdzić Creative Commons.

wyszukiwanie cc

wyszukiwanie cc

Co więcej, możesz znaleźć więcej profesjonalnie wyglądających zdjęć (począwszy od $1) na wielu innych stronach internetowych, takich jak Adobe Stock i . Oto kilka świetnych darmowych opcji zdjęć.

ważne jest, aby upewnić się, że rozumiesz dostępne formaty obrazów:.gif,jpg i .png to główne formaty. Dodatkowo musisz zoptymalizować rozmiar i jakość obrazu do standardowej przeglądarki internetowej. Wszystko, co musisz wiedzieć na ten temat, znajdziesz tutaj.

oczywiście zawsze możesz użyć stron takich jak TinyPNG lub ShortPixel, aby skompresować swoje zdjęcia za darmo.

podobnie, przyda się program do edycji, aby móc edytować i zmieniać rozmiar obrazów. Profesjonalną i darmową opcją jest Gimp, jednak jest dość skomplikowany w użyciu. Inną alternatywą Photoshopa jest Affinity Photo, które kosztuje tylko ułamek ceny oryginału i nie wymaga subskrypcji.

ale jest coraz więcej narzędzi, których możesz użyć do tworzenia zasobów graficznych w prosty sposób i bez konieczności uczenia się obsługi Photoshopa lub Illustratora. Na przykład możesz użyć Stencil lub Snappa.

szablon

szablon

2. Profesjonalna Kopia

pamiętaj, że pisanie dla strony internetowej to nie to samo, co pisanie listu lub książki. W sieci jesteśmy mniej formalni, a jednocześnie musimy pomóc zapracowanym osobom szybko znaleźć potrzebne informacje. Oznacza to, że musimy sprawić, aby nasze treści były skanowane przez:

  • używanie struktury nagłówkowej, która ma sens,
  • nie pozwalanie akapitom tekstowym na zbyt długi czas,
  • dodawanie punktorów i
  • wybór łatwych do odczytania czcionek.

właściwie napisaliśmy cały przewodnik po tym temacie, który można znaleźć tutaj.

3. Formularz kontaktowy i sensowne menu nawigacyjne

aby sprawić profesjonalne wrażenie odwiedzającym, powinieneś użyć formularza kontaktowego zamiast adresu e-mail. Bardzo łatwo jest zintegrować formularze kontaktowe z rozwiązaniami takimi jak Wix, Jimdo, Weebly czy WordPress.

formularz kontaktowy

formularz kontaktowy

pamiętaj, że pasek nawigacyjny Twojej witryny ma kluczowe znaczenie dla przechodzenia odwiedzających z jednej strony na drugą. Zwróć na to uwagę i upewnij się, że płynie logicznie. Na przykład, jeśli twoim celem jest wysłanie wiadomości przez formularz kontaktowy, zapomnienie o linku do niego w menu lub stopce strony byłoby epicką porażką.

upewnij się, że przed opublikowaniem swojej strony również wykonasz test!

kroki do założenia strony internetowej

możemy podzielić proces tworzenia strony na następujące kroki:

  1. Zaplanuj swoją stronę i zamów pomysły na mapie myśli.
  2. zdecyduj, jakiej treści potrzebujesz do swojej witryny.
  3. kup nazwę domeny, na przykład w Namecheap(ale możesz ją również kupić po).
  4. Wybierz najlepszy kreator stron internetowych.
  5. Utwórz zawartość (np. teksty i obrazy) dla każdej strony.
  6. Dodaj treść do swojej strony i zoptymalizuj SEO.
  7. Opublikuj i wypromuj stronę.

oczywiście każdy z powyższych punktów można zbudować na znacznie więcej. Mamy (bezpłatny) ebook, w którym można uzyskać więcej informacji.

Twoja strona już działa. Co teraz?

Jeśli już stworzyłeś swoją stronę i opublikowałeś ją, możesz zacząć ją promować i optymalizować, aby zwiększyć liczbę odwiedzin i poprawić wrażenia użytkownika.

  • zaktualizuj swoją stronę: Strony Internetowe to nie Książki. Po opublikowaniu nadal mogą być aktualizowane. Upewnij się, że tworzysz nowe i odpowiednie treści, gdy masz szansę i że stale aktualizujesz witrynę. Wyobraź sobie na przykład stronę internetową restauracji: Jeśli menu ulegnie zmianie, powinno to znaleźć odzwierciedlenie na stronie internetowej tak szybko, jak to możliwe.
  • pozycjonowanie Online: aby przyciągnąć jak najwięcej odwiedzających, musisz zoptymalizować SEO swojej witryny. Nie jest to zbyt skomplikowane, ale wymaga czasu i pracy. Zapoznaj się z tym przewodnikiem, aby uzyskać więcej informacji.
  • analiza stron internetowych: Twoje wysiłki w pozycjonowaniu online (powyżej punktu) będą bezużyteczne, jeśli nie zmierzysz ruchu na stronie. Dzięki temu będziesz wiedział, czy to działa, czy nie. Najpopularniejszym narzędziem do analizy stron internetowych jest Google Analytics. I to za darmo!

Google submit URL

google submit URL
  • oczywiście po opublikowaniu witryny należy zarejestrować się w Google Search Console, aby powiadomić Google, że strona istnieje i uzyskać informacje. Lub przynajmniej wyślij adres URL (adres) swojej witryny do Google, aby mogła ją zindeksować.
  • e-mail Marketing: inną zwykłą strategią, szczególnie dla firm, jest wysyłanie regularnych wiadomości e-mail do odwiedzających, aby nie stracić kontaktu. Jest to szczególnie przydatne dla sklepów internetowych, małych firm i blogerów. E-mail marketing jest nauką samą w sobie. Możesz przeczytać ten poradnik, aby znaleźć więcej informacji na temat rozpoczęcia wysyłania biuletynów.Facebook, Instagram, Twitter, LinkedIn, itp.), aby móc wchodzić w interakcje z odwiedzającymi (i potencjalnymi odwiedzającymi) poza utworzoną witryną. Działa to szczególnie dobrze dla profesjonalistów wizualnych, takich jak ilustratorzy, jubilerzy lub fotografowie.

mam nadzieję, że ten mały przewodnik pomógł Ci zrozumieć, jak stworzyć stronę internetową Od początku do końca.

Obok przewodnika, który właśnie czytałeś, mamy również kilka przewodników branżowych:

  1. Tworzenie strony internetowej dla małych firm i przedsiębiorców
  2. Przewodnik po założeniu sklepu internetowego
  3. twórcy stron internetowych dla artystów (np. artystów i projektantów)
  4. tworzenie stron internetowych z fotografią
  5. Utwórz stronę internetową za pomocą WordPress