{"id":31207,"date":"2020-06-09T16:00:50","date_gmt":"2020-06-09T14:00:50","guid":{"rendered":"https:\/\/fotc.com\/strona-internetowa-wszystko-co-musisz-wiedziec\/"},"modified":"2021-09-29T13:34:21","modified_gmt":"2021-09-29T11:34:21","slug":"strona-internetowa-wszystko-co-musisz-wiedziec","status":"publish","type":"post","link":"https:\/\/dev.fotc.com\/pl\/blog\/strona-internetowa-wszystko-co-musisz-wiedziec\/","title":{"rendered":"Strona www – wszystko co musisz wiedzie\u0107 przed jej utworzeniem"},"content":{"rendered":"\n
W\u0142asna strona internetowa to jedna z pierwszych pozycji na li\u015bcie \u201cdo zrobienia\u201d dla ka\u017cdego freelancera z bran\u017cy kreatywnej czy przedsi\u0119biorcy. Jednak ze wzgl\u0119du na formalno\u015bci, zlecenia i mnogo\u015b\u0107 social medi\u00f3w (na kt\u00f3rych te\u017c przecie\u017c promujemy swoje firmy) cz\u0119sto odk\u0142adamy budowanie strony internetowej na p\u00f3\u017aniej. W tym przewodniku wyt\u0142umaczymy jak skutecznie zabra\u0107 si\u0119 za projekt strony i dlaczego strona www powinna by\u0107 podstaw\u0105 wszystkich dzia\u0142a\u0144 promocyjnych w firmie. <\/span><\/p>\n\n\n\n Definicja strony internetowej jest prosta i bardzo obszerna \u2013 jest to dowolna tre\u015b\u0107 udost\u0119pniona w internecie przez serwer www<\/strong>. Strony najcz\u0119\u015bciej tworzone s\u0105 w j\u0119zyku html (ang. <\/span>Hypertext Markup Language<\/span><\/i>), kt\u00f3ry umo\u017cliwia wy\u015bwietlanie dokument\u00f3w przy pomocy przegl\u0105darki internetowej. Po po\u0142\u0105czeniu wielu pojedynczych stron i multimedi\u00f3w w jednej domenie przy pomocy link\u00f3w i nawigacji powstaje witryna internetowa.<\/span><\/p>\n\n\n\n Wyznaczenie konkretnych cel\u00f3w, kt\u00f3re strona ma dla nas osi\u0105ga\u0107, to bardzo wa\u017cny krok. Dzi\u0119ki temu b\u0119dziemy w stanie dobra\u0107 odpowiednich dostawc\u00f3w us\u0142ug, hosting oraz narz\u0119dzia do zbudowania w\u0142asnej strony www. Mo\u017cliwe zastosowania stron internetowych w erze informacji s\u0105 praktycznie nieograniczone. Przedstawimy kilka rodzaj\u00f3w stron i ich zastosowa\u0144 spo\u015br\u00f3d tych najcz\u0119\u015bciej wykorzystywanych z punktu widzenia firm oraz freelancer\u00f3w. <\/span><\/p>\n\n\n\n Strony mo\u017cna klasyfikowa\u0107 ze wzgl\u0119du na elementy sk\u0142adowe lub funkcje, jakie maj\u0105 pe\u0142ni\u0107. Skupimy si\u0119 na kategoriach wyprowadzonych na podstawie zastosowania, poniewa\u017c te znacznie u\u0142atwi\u0105 przysz\u0142ym developerom i w\u0142a\u015bcicielom stron podj\u0119cie dobrych decyzji na etapie projektowania swojej w\u0142asnej witryny www<\/strong>. <\/span><\/p>\n\n\n\n Rodzaje stron uporz\u0105dkowali\u015bmy w kolejno\u015bci od najprostszych do najtrudniejszych do zbudowania:<\/span><\/p>\n\n\n\n Ka\u017cda strona internetowa firmy jest jej wizyt\u00f3wk\u0105, niezale\u017cnie od tego ile jest na niej tre\u015bci. Wi\u0105\u017ce si\u0119 to jednak z tym, \u017ce ewentualne b\u0142\u0119dy i niedoci\u0105gni\u0119cia w jej funkcjonalno\u015bci odbijaj\u0105 si\u0119 negatywnie na wizerunku przedsi\u0119biorstwa. Dlatego cz\u0119\u015b\u0107 firm decyduje si\u0119 na stworzenie strony, kt\u00f3ra b\u0119dzie <\/span>wy\u0142\u0105cznie<\/span><\/i> wizyt\u00f3wk\u0105. Takie strony cz\u0119sto maj\u0105 prost\u0105 struktur\u0119, zawieraj\u0105 tylko podstawowe informacje i przekierowuj\u0105 odwiedzaj\u0105cych na social media powi\u0105zane z firm\u0105. <\/span><\/p>\n\n\n\n Wizyt\u00f3wka rzadko zawiera podstrony, najcz\u0119\u015bciej jest <\/span>realizowana w formie one-page\u2019a<\/b>. One-page to jedna d\u0142uga strona, kt\u00f3r\u0105 przegl\u0105damy wy\u0142\u0105cznie poprzez scrollowanie, co jest bardzo wygodne dla u\u017cytkownik\u00f3w wchodz\u0105cych na ni\u0105 przy pomocy urz\u0105dze\u0144 mobilnych. Taka strona ma zazwyczaj kilka sekcji u\u0142o\u017conych pod sob\u0105, a g\u00f3rny pasek nawigacji pomaga szybko przenie\u015b\u0107 si\u0119 do sekcji, kt\u00f3ra nas interesuje. <\/span><\/p>\n\n\n\n Taka strona b\u0119dzie najlepsza dla: <\/span><\/p>\n\n\n\n Landing page to bardzo specyficzny rodzaj strony internetowej, kt\u00f3ra ma wy\u0142\u0105cznie jedn\u0105 funkcj\u0119 \u2013 konwersj\u0119.<\/strong> Ca\u0142a budowa i tre\u015b\u0107 takiej strony powinna zach\u0119ca\u0107 odwiedzaj\u0105cego do podj\u0119cia okre\u015blonej akcji, czyli na przyk\u0142ad do:<\/span><\/p>\n\n\n\n Landing page wykorzystuje si\u0119 g\u0142\u00f3wnie w kampaniach marketingowych, jako miejsce w sieci, do kt\u00f3rego przekierowuj\u0105 reklamy z social medi\u00f3w, wyszukiwarek i portali.<\/strong> Powinny by\u0107 stosowane obok, a nie zamiast tradycyjnej strony www. <\/span><\/p>\n\n\n\n Przyk\u0142ad prostego landing page’a, kt\u00f3ry powsta\u0142 z okazji nadchodz\u0105cej prelekcji online 10 najlepszych dodatk\u00f3w z G Suite Marketplace, <\/strong>mo\u017cesz zobaczy\u0107 klikaj\u0105c tutaj<\/a>.<\/p>\n\n\n\n Blog to miejsce s\u0142u\u017c\u0105ce do regularnego publikowania artyku\u0142\u00f3w, news\u00f3w, porad, dziennik\u00f3w, wpis\u00f3w lub multimedi\u00f3w zwi\u0105zanych z jedn\u0105 mark\u0105 b\u0105d\u017a poruszaj\u0105cych okre\u015blon\u0105 tematyk\u0119. Blogosfera w internecie jest mocno podzielona na sfer\u0119 hobbystyczn\u0105 i zarobkow\u0105. <\/span><\/p>\n\n\n\n Ka\u017cdy internauta mo\u017ce w prosty spos\u00f3b za darmo za\u0142o\u017cy\u0107 w\u0142asnego bloga na jednym z serwis\u00f3w<\/strong>, aby zaznaczy\u0107 swoj\u0105 obecno\u015b\u0107 w sieci. Adresy prywatnych blog\u00f3w zazwyczaj sk\u0142adaj\u0105 si\u0119 z nazwy oraz domeny dostawcy us\u0142ugi, na przyk\u0142ad nazwa.blog.pl, nazwa.tumblr.pl etc. <\/span><\/p>\n\n\n\n Firmy, kt\u00f3re chc\u0105 prowadzi\u0107 profesjonalnego bloga, kt\u00f3ry przyci\u0105gnie dla nich klient\u00f3w, buduj\u0105 go zazwyczaj na sprawdzonym CMS-ie,<\/strong> stabilnym serwerze www i osadzaj\u0105 go na w\u0142asnej domenie<\/strong>. Przyk\u0142adowo blog, kt\u00f3ry w\u0142a\u015bnie czytacie: fotc.com\/blog jest zbudowany na WordPressie, czyli jednym z najbardziej popularnych i elastycznych system\u00f3w CMS (ang. <\/span>content management system<\/span><\/i>). <\/span><\/p>\n\n\n\n Kto skorzysta na prowadzeniu bloga:<\/span><\/p>\n\n\n\n Artyku\u0142y blogowe zawieraj\u0105 zazwyczaj tre\u015bci du\u017cej obj\u0119to\u015bci, dlatego s\u0105 dobre dla SEO, czyli wysoko indeksuj\u0105 si\u0119 w wyszukiwarkach takich jak Google, Bing czy DuckDuckGo. <\/span><\/p>\n\n\n\n Dr\u00f3g do za\u0142o\u017cenia sklepu internetowego jest kilka. Jak ka\u017cd\u0105 stron\u0119, mo\u017cna zbudowa\u0107 go od podstaw samodzielnie, przy pomocy agencji interaktywnej, lub skorzysta\u0107 z us\u0142ug eCommerce\u2019owej platformy. Niezale\u017cnie od tego, na co si\u0119 zdecydujemy, najwa\u017cniejsz\u0105 kwesti\u0105 jest bezpiecze\u0144stwo. Strona, na kt\u00f3rej klienci maj\u0105 docelowo wprowadza\u0107 dane swoich kart kredytowych, musi budzi\u0107 wiarygodno\u015b\u0107 i gwarantowa\u0107 szyfrowanie wra\u017cliwych danych<\/strong>.<\/span><\/p>\n\n\n\n Wszystko, co sprzedajesz, powinno by\u0107 wyczerpuj\u0105co opisane i \u0142atwe do odnalezienia. Dlatego strona sklepu internetowego powinna zawiera\u0107 wiele podstron produktowych oraz zak\u0142adek z kategoriami. Do tego niezb\u0119dne s\u0105 te\u017c podstrony (lub za\u0142\u0105czone dokumenty) z regulaminem sklepu, zasadami zg\u0142aszania reklamacji i zwrot\u00f3w oraz polityk\u0105 prywatno\u015bci. <\/span><\/p>\n\n\n\n Celem za\u0142o\u017cenia strony firmowej jest szczeg\u00f3\u0142owe przedstawienie przedsi\u0119biorstwa. Taka strona www ma zazwyczaj wiele podstron, kt\u00f3re informuj\u0105 o r\u00f3\u017cnych aspektach dzia\u0142alno\u015bci<\/strong>, np. oferta dla klient\u00f3w indywidualnych, oferta dla firm, rodzaje produkt\u00f3w i us\u0142ug, czy aktualne rekrutacje. Podstrony dzielimy na korporacyjne (informuj\u0105ce o samej firmie) oraz produktowe (przedstawiaj\u0105ce ofert\u0119).<\/span><\/p>\n\n\n\n Dla wygody klient\u00f3w strona biznesowa powinna zawiera\u0107 wszystkie informacje o marce, a tak\u017ce odno\u015bniki do innych miejsc w sieci, w kt\u00f3rych firma jest obecna, czyli do: <\/span><\/p>\n\n\n\n Portal internetowy naj\u0142atwiej jest zrozumie\u0107, wyobra\u017caj\u0105c sobie przyk\u0142ady takie jak Wirtualna Polska, Interia lub Onet. To wyj\u0105tkowo rozbudowane strony www, na kt\u00f3rych znajdziemy nie tylko artyku\u0142y z wielu kategorii tematycznych, ale te\u017c funkcje spo\u0142eczno\u015bciowe<\/strong>, np. pokoje czatu czy platformy blogowe. <\/span><\/p>\n\n\n\n Czym wortal r\u00f3\u017cni si\u0119 od portalu? Przede wszystkim tym, \u017ce wortal skupia si\u0119 wok\u00f3\u0142 jednej, specjalistycznej tematyki<\/strong>. Przyk\u0142adem wortalu jest Filmweb, czyli strona dla fan\u00f3w kina. To obszerny katalog artyku\u0142\u00f3w, grafik, recenzji, ranking\u00f3w i ocen. Na wortalu mo\u017cemy za\u0142o\u017cy\u0107 konto, doda\u0107 znajomych, dzieli\u0107 si\u0119 opiniami oraz poznawa\u0107 nowych ludzi, kt\u00f3rzy s\u0105 entuzjastami tej samej niszy, co my. <\/span><\/p>\n\n\n\n Celem prowadzenia portalu lub wortalu jest pozyskiwanie wielu wy\u015bwietle\u0144, zarejestrowanych u\u017cytkownik\u00f3w i gromadzenie lojalnej publiczno\u015bci. Tw\u00f3rcy takich stron zazwyczaj zarabiaj\u0105 na reklamach i publikowaniu sponsorowanych artyku\u0142\u00f3w. Ze wzgl\u0119du na to budowanie portali nie jest polecane firmom \u2013 portal to firma sama w sobie. Jej obs\u0142uga wymaga du\u017cego nak\u0142adu czasu i zaanga\u017cowania specjalistycznego zespo\u0142u. Strona www tego typu musi mie\u0107 pot\u0119\u017cne serwery i przepustowo\u015b\u0107, aby ogrom ruchu, tre\u015bci i multimedi\u00f3w nie powodowa\u0142 b\u0142\u0119d\u00f3w w wy\u015bwietlaniu.<\/span><\/p>\n\n\n\n Budow\u0119 strony internetowej mo\u017cna rozpocz\u0105\u0107 samodzielnie. Nawet je\u015bli nie jeste\u015bmy informatycznymi ekspertami, to mo\u017cemy skorzysta\u0107 z setek instrukcji i poradnik\u00f3w<\/strong> dost\u0119pnych online. Taka metoda jest bardzo czasoch\u0142onna \u2013 obecnie niewielu przedsi\u0119biorc\u00f3w czy freelancer\u00f3w mo\u017ce sobie na to pozwoli\u0107. <\/span><\/p>\n\n\n\n Je\u015bli nie chcemy uczy\u0107 si\u0119 pisania kodu html, to warto powierzy\u0107 to zadanie agencji interaktywnej, kt\u00f3ra stworzy stron\u0119 wed\u0142ug naszego briefu<\/strong>. To z kolei jest kosztowna opcja, kt\u00f3ra mo\u017ce nadwyr\u0119\u017cy\u0107 bud\u017cet pocz\u0105tkuj\u0105cej firmy. <\/span><\/p>\n\n\n\n Metod\u0105, kt\u00f3ra jest przyst\u0119pna zar\u00f3wno dla laik\u00f3w, jak i dla oszcz\u0119dnych, to skorzystanie z us\u0142ug kreatora stron internetowych<\/strong>. Taki kreator nie tylko zapewnia \u0142atw\u0105 personalizacj\u0119 gotowych szablon\u00f3w, ale te\u017c pomaga wybra\u0107 odpowiedni serwer i kupi\u0107 domen\u0119. <\/span><\/p>\n\n\n\n Podstaw\u0105 obecno\u015bci naszego biznesu w internecie jest zarezerwowanie domeny z nazw\u0105 w\u0142asn\u0105 firmy i wybranie serwera. Domena powinna by\u0107 kr\u00f3tka i \u0142atwa do zapami\u0119tania, a serwer www wystarczaj\u0105co obszerny i stabilny.<\/span><\/p>\n\n\n\n Niezale\u017cnie od tego, jakiego rodzaju strony potrzebujemy, nale\u017cy rozpocz\u0105\u0107 jej budowanie od projektu, w kt\u00f3rym we\u017amiemy pod uwag\u0119 cztery podstawowe zagadnienia: <\/span><\/p>\n\n\n\n Obs\u0142uga <\/b>\u2013 Je\u015bli docelowo stron\u0119 maj\u0105 prowadzi\u0107 te\u017c osoby nietechniczne, to warto ju\u017c na etapie planowania wybra\u0107 sprawdzony CMS. Warto postawi\u0107 na popularne opcje, nie dlatego, \u017ce s\u0105 najlepsze, ale dlatego, \u017ce w razie problem\u00f3w jest wok\u00f3\u0142 nich du\u017ca spo\u0142eczno\u015b\u0107 u\u017cytkownik\u00f3w i specjalist\u00f3w, kt\u00f3rzy ch\u0119tnie pomog\u0105.<\/span><\/p>\n\n\n\n Bezpiecze\u0144stwo <\/b>\u2013 zdarzy\u0142o Ci si\u0119 wej\u015b\u0107 na stron\u0119 internetow\u0105 i zobaczy\u0107 na pasku adresu komunikat \u201cniezabezpieczone\u201d? Na pewno nie zach\u0119ci\u0142o Ci\u0119 to do wchodzenia w g\u0142\u0119bsz\u0105 interakcj\u0119 z takim e-sklepem czy witryn\u0105. Tak te\u017c b\u0119d\u0105 my\u015ble\u0107 Twoi klienci, a ich obawy odbij\u0105 si\u0119 p\u00f3\u017aniej na wizerunku ca\u0142ej marki. Aby unikn\u0105\u0107 takiego komunikatu z przegl\u0105darki, nale\u017cy wykupi\u0107 certyfikat SSL. To koszt zaledwie kilkudziesi\u0119ciu z\u0142otych rocznie, ale dzi\u0119ki niemu ka\u017cda osoba odwiedzaj\u0105ca stron\u0119 b\u0119dzie zapewniona, \u017ce dane wymieniane mi\u0119dzy ni\u0105 a serwerem s\u0105 szyfrowane. <\/span><\/p>\n\n\n\n Responsywno\u015b\u0107 <\/b>\u2013 wielu pocz\u0105tkuj\u0105cych przedsi\u0119biorc\u00f3w przy\u0142apuje si\u0119 na tym, \u017ce cho\u0107 ich strona wygl\u0105da na ekranie laptopa tak, jak powinna, to po wy\u015bwietleniu jej na kom\u00f3rce wszystko si\u0119 rozsypuje. Dlatego dobry projekt strony www powinien od pocz\u0105tku zak\u0142ada\u0107 optymalizacj\u0119 pod desktop, tablety i telefony.<\/span><\/p>\n\n\n\n Podczas budowania w\u0142asnej strony www jest wiele zagadnie\u0144, o kt\u00f3rych nale\u017cy pami\u0119ta\u0107 i jeszcze wi\u0119cej dostawc\u00f3w us\u0142ug, kt\u00f3rych oferty nale\u017cy por\u00f3wna\u0107, aby podj\u0105\u0107 dobre decyzje. Na szcz\u0119\u015bcie w obecnych czasach przedsi\u0119biorcy nie s\u0105 pozostawieni sami sobie \u2013 istnieje wiele platform, kreator\u00f3w, instrukcji i firm, kt\u00f3re za op\u0142at\u0105 jednorazow\u0105 lub subskrypcyjn\u0105 s\u0105 w stanie zdj\u0105\u0107 z naszych barek ci\u0119\u017car nauki tajnik\u00f3w informatyki. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":" W\u0142asna strona internetowa to jedna z pierwszych pozycji na li\u015bcie \u201cdo zrobienia\u201d dla ka\u017cdego freelancera z bran\u017cy kreatywnej czy przedsi\u0119biorcy. Jednak ze wzgl\u0119du na formalno\u015bci, zlecenia i mnogo\u015b\u0107 social medi\u00f3w (na kt\u00f3rych te\u017c przecie\u017c promujemy swoje firmy) cz\u0119sto odk\u0142adamy budowanie strony internetowej na p\u00f3\u017aniej. W tym przewodniku wyt\u0142umaczymy jak skutecznie zabra\u0107 si\u0119 za projekt strony … Continued<\/a><\/p>\n","protected":false},"author":10,"featured_media":5303,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"categories":[91],"tags":[102,191,186,148],"class_list":["post-31207","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-biznes","tag-domena","tag-ecommerce","tag-marketing","tag-strona-internetowa"],"yoast_head":"\nStrona internetowa – co to jest i do czego s\u0142u\u017cy? <\/b><\/h2>\n\n\n\n
<\/a><\/figure><\/div>\n\n\n\n
Rodzaje stron www<\/span><\/h3>\n\n\n\n
Strona wizyt\u00f3wkowa<\/span><\/h4>\n\n\n\n
Landing Page<\/span><\/h4>\n\n\n\n
Blog<\/span><\/h4>\n\n\n\n
Sklep internetowy<\/span><\/h4>\n\n\n\n
Strona firmowa<\/span><\/h4>\n\n\n\n
<\/figure><\/div>\n\n\n\n
Portal lub wortal internetowy<\/span><\/h4>\n\n\n\n
<\/figure>\n\n\n\n
Tworzenie stron internetowych – od czego zacz\u0105\u0107?<\/b><\/h2>\n\n\n\n
Projekt strony internetowej \u2013 na co zwr\u00f3ci\u0107 uwag\u0119?<\/span><\/h3>\n\n\n\n
Podsumowanie<\/b><\/h2>\n\n\n\n