nastavení vlastního webu je mnohem jednodušší, než si myslíte. Stále více lidí chce mít vlastní online přítomnost. Nemusíte se spoléhat výhradně na profil Instagram, stránku Facebook nebo účet Twitter.

proč si nevytvořit vlastní webové stránky?

nejprve se podívejme na nejčastější otázky, které jsme v minulosti dostali od ambiciózních začátečníků, jako jste vy:

potřebuji technické dovednosti?

to závisí na účelu vašeho webu. Nejsložitějším způsobem by bylo naučit se kódovat HTML, CSS, JavaScript a PHP – základy prakticky jakéhokoli webu.

ale to není jediný způsob, jak vytvořit webové stránky: i když nejste velmi obeznámeni s technickou stránku věci, můžete snadno nastavit dobré webové stránky.

ale jak?

pomocí nástroje pro tvorbu webových stránek. Pokud můžete používat Word, Facebook nebo PowerPoint, budete moci tyto nástroje používat bez problémů. Tyto snadno použitelné platformy nabízejí vizuální editor, hosting a prostřednictvím nich můžete získat název domény: one-stop-shop.

Jak nastavit webové stránky: 5 kroků, jak začít

Většina webových projektů projít tyto kroky:

1. Udělejte si plán pro vaše webové stránky struktury a obsahu
2. Zaregistrovat název domény – v ideálním případě vybrat .com
3. Najít webové stránky stavitel (a hostingu) k vytvoření webu
4. Optimalizace pro vyhledávače
5. Zahájení své webové stránky

3 nejoblíbenější způsoby, jak nastavit webové stránky

Pojďme se nad nejpopulárnějších způsobů, jak začít webové stránky. Existuje mnoho řešení. Některé jsou flexibilnější než jiné a některé jsou složitější.

vytvoření webové stránky s web builder

Pojďme začít s nejjednodušší možnost: webové stránky stavitel. Jedná se o“ all-inclusive “ balíček, abych tak řekl: jedna společnost obvykle poskytne šablonu( design), editor, hosting, název domény, e-mailovou adresu a podporu. Webový tvůrce se stará o obtížné úkoly.

to není užitečné pouze pro začátečníky. Jednoduše záleží na projektu. Proč komplikovat život, pokud existují snadné způsoby, jak dělat věci? Téměř všichni stavitelé stránek vám umožňují vytvořit zdarma základní webové stránky na subdoméně (např. yourname.sitebuildername.com), který je podporován reklamou. Pomocí takového plánu si to můžete vyzkoušet podrobně, než se rozhodnete, zda cena stojí za to.

ceny začínají kolem $ 8 / měsíc, ale zahrnuje všechny náležitosti. Pokud e-mailovou adresu zvlášť nepotřebujete, může to být ještě levnější.

Chcete-li lépe pochopit, jak přesně to funguje, sledujte náš krok za krokem návod k vytvoření webových stránek!

Výhody:

• je velmi snadné použití.
• nepotřebujete další software.
• můžete začít bez technických znalostí.
• aktualizace a bezpečnostní aspekty zpracovává samotný tvůrce webových stránek.
• Předdefinovaných šablon, které si můžete přizpůsobit, jak se vám líbí

Nevýhody:

• ne vždy můžete přidat další funkce (v závislosti na webové stránky builder).
• není tak flexibilní, protože jste závislí na poskytovateli.
• nejsou určeny pro velmi složité projekty, které vyžadují databázi (např.

nejznámější nástroje pro tvorbu webových stránek jsou Wix, Weebly a Shopify (pro internetové obchody). V našem úplném srovnání najdete další nástroje pro tvorbu webových stránek.

si můžete vyzkoušet Wix website builder zdarma a tak dlouho, jak budete chtít.

Zkuste Wix zdarma

Vytvoření webové stránky s redakčním systém

systémy pro správu Obsahu (CMS) jsou trochu složitější. I když v podstatě fungují stejným způsobem jako tvůrce webových stránek, jejich použití je mnohem obtížnější.

s Website builder můžete nejen přidat jednoduchý obsah, jako jsou texty a obrázky, ale můžete také navrhnout celý web. Klasický systém pro správu obsahu by byl v tomto případě mnohem omezenější, a pokud jde o vzhled, jste omezeni na dostupné šablony.

i když existuje spousta systémů, jako je Joomla!, Drupal a Typo3, zaměříme se na nejoblíbenější CMS, kterým je WordPress. Díky hostingovým společnostem, které nabízejí instalaci jedním kliknutím, není obtížné ji nastavit.

doporučené jsou Dreamhost( extrémně cenově dostupné), Siteground (o něco dražší, ale super výkonný) a Bluehost (oblíbená volba s podporou 24/7).

zde se dozvíte více o tom, které webhostingové společnosti doporučujeme pro WordPress.

můžete také snadno nainstalovat šablonu a upravit ji pomocí možností návrhu. Ale: pokud se vám něco nelíbí, budete pravděpodobně muset upravit CSS nebo HTML (vy nebo programátor).

hosting, doména, e-mailová adresa, instalace a úroveň podpory, kterou si vyberete, bude záviset na tom, kolik chcete utratit a na vašich technických znalostech. Může to být docela levné, pokud to uděláte sami.

obrovskou výhodou, zejména pro WordPress, je to, že máte tisíce pluginů, které vám umožňují přidávat speciální funkce na váš web, které nejsou původně zahrnuty. Typickým příkladem by byl WooCommerce, plugin, který přidává kompletní internetový obchod.

ve výchozím nastavení je WordPress navržen tak, aby byl v jednom jazyce, ale existují pluginy, jako je WPML, které vám umožňují přeložit stránku. Další z mých oblíbených je plugin Yoast SEO, který vám umožní změnit nastavení vyhledávače (např.

v našem úvodním videu se podíváme na to, co musíte zvážit, pokud nastavujete WordPress.

můžete se přihlásit k Siteground.

Pros:

• můžete si vybrat hostingovou společnost.
• skvělé pro vícejazyčné webové stránky.
• technická flexibilita: máte přístup k celému zdrojovému kódu (pokud víte, co děláte).
• můžete získat více funkcí s pluginy.

nevýhody:

• žádná osobní technická podpora.
• tvůrčí svoboda závisí na šabloně.
• může mít dodatečné náklady na pluginy.
• Možná budete potřebovat programátora, abyste provedli malé estetické změny.

Další příklady systémů pro správu obsahu jsou Joomla! A Drupal, ale jejich použití je mnohem komplikovanější než WordPress, takže se do toho nedostaneme. Více informací o WordPress najdete v našem Průvodci pro začátečníky WordPress.

jak naprogramovat webové stránky sami (nebo najmout někoho, kdo to udělá).

Toto je nejvyšší disciplína: otevření editoru a spuštění kódu. Ti, kteří potřebují úplnou svobodu, budou muset stránku vytvořit sami. K tomu potřebujete trpělivost a pro začátečníky je to obvykle ohromující (a frustrující).

dobrým místem pro začátek jsou webové stránky jako Codecademy, Mozilla nebo W2Schools, které mají podrobné návody pro začátečníky. Než bude váš web připraven, očekávejte však dlouhou cestu.

v tomto případě není možné dát cenu obecně, protože závisí na projektu. Především to bude mnohem dražší, pokud potřebujete najmout programátora: platit $8-10 za měsíc na webové stránky builder bude vždy levnější, než to, co jakýkoli návrhář nebo agentura bude účtovat za hodinu práce.

některé oblíbené jsou NetBeans, Aptana Studio nebo závorky. Všechny umožňují alespoň HTML, CSS, JavaScript, PHP a jsou zdarma. Další možností je Webflow, což je vizuální editor zdrojového kódu.

Držáky screenshot

Výhody:

• možnosti jsou neomezené, pokud víte, jak program.
• Cenově dostupný hosting.
• maximální flexibilita.

nevýhody:

• žádná podpora.
• křivka učení je strmá.
• náklady se těžko vypočítávají.
• vyžaduje hodně času na studium a implementaci.

A co název domény?

Pokud nechcete používat bezplatné doménové jméno (které vypadá docela ošklivě, protože v něm bude jméno jiné společnosti), musíte si zakoupit vlastní doménu. To bude pak vypadat www.mycompany.com. Obvykle, to je nejlepší, aby si .com prodloužení, pokud jste jsou přísně působící v jedné zemi, jako je Kanada (.ca) nebo velké BRITÁNII (.co.uk).

Naše vlastní název domény

Neexistuje žádný nedostatek tzv. registrátorů, které prodávají doménových jmen. My sami je většinou kupujeme na Namecheap, protože jsou, dobře, docela levné, ale rozdíly nejsou tak významné, protože se pohybují od $ 9-18 za rok.

ale v závislosti na tom, kde si vytvořit své webové stránky, můžete si to také zahrnuty v balíčku website builder. Wix, Weebly, a Jimdo, například, všechny mají název domény zahrnuty zdarma v prvním roce. Následující roky si účtují o něco více než Namecheap, například, ale další pohodlí, že se musí vypořádat pouze s jednou společností, obvykle stojí za to.

Pokud používáte WordPress.org nebo si vytvořte web sami, budete také muset uspořádat vlastní webové úložiště. To lze zakoupit na stejném místě, kde dostanete název domény od nebo v jiné specializované společnosti, jako je Siteground nebo WPEngine. Ale pokud jste teprve začíná, to nebude záležet příliš mnoho pro tuto chvíli.

Tip: Pokud potřebujete také e-mailové adresy, můžete vyzkoušet Zoho Workplace. Je to podobná služba jako Google Workspace, ale Zoho má také bezplatný plán.

Design a plánování webové stránky

stejně jako není vždy dobré začít vařit bez dodržování receptu, alespoň pokud nemáte žádné zkušenosti, totéž platí pro vytvoření webové stránky. Zde improvizace není dobrý nápad. Plánování vám pomůže rozhodnout, jaké sekce potřebujete, obsah, který vám nejlépe vyhovuje a jak by měl být váš web navržen.

myšlenkové mapy pro on-line obchod s obuví.

dobrý způsob, jak začít, je tím, že vytvoří myšlenkovou mapu s nápady, co vaše webové stránky budou potřebovat. Hlavní položky této mapy mysli lze použít pro navigaci.

Tipy pro plánování vašeho webu:

1. použijte papír a pero a zapište si na web vše, co chcete. Brainstorming a vytvoření mapy mysli jsou perfektní způsoby, jak uspořádat své myšlenky.
2. Podívejte se na další zajímavé webové stránky jak z hlediska designu, tak obsahu. Všimněte si, co se vám líbí a co ne.
3. jakmile máte na svém webu návrh toho, co chcete, zeptejte se lidí, kterým důvěřujete, co si myslí. Určitě najdete některé zajímavé perspektivy, které můžete začlenit.
4. Vytvořte seznam (např. v Excelu) se všemi stránkami, které bude mít váš web. Poznamenejte si název, jaký obsah budete mít, klíčová slova, účel, druh stránky a jejich význam.
5. Bonus: Pokud se chcete ve vyhledávačích dobře umístit, měli byste zjistit, jaké klíčové slovo bude mít každá stránka, a přidat je do seznamu v bodě 4. Další informace naleznete v této příručce SEO.

a co design webových stránek?

vytváření vizuálních webových návrhů není snadný úkol. Ve skutečnosti bych to řekl online, existuje více příkladů hrozných návrhů než dobrých. Nedovolte, aby váš web byl jeden.

Stejně jako bell dna džíny jsou stylové v 70. letech, byly směšné v 80. a 90. let. Totéž se děje s web design. Musíte si uvědomit, že to, co bylo považováno za dobrou praxi 5 před lety, se nyní může zdát trochu staré nebo zastaralé. Podívejte se na tento článek, abyste věděli, jakým postupům se vyhnout.

Toto není průvodce pro profesionální designéry, ale to bude dát nějaké tipy, které si myslím, že vždy fungovat:

1. Zkuste použít světlo (nebo bílé) barvy pro pozadí.
2. Vyberte atraktivní barvy, které se navzájem doplňují. Pokud potřebujete pomoc, použijte Adobe Color.
3. Udržujte design čistý, jednoduchý a mezi prvky ponechte mezeru. Více informací..
4. nepoužívejte příliš mnoho písem: jeden pro tituly a druhý pro text obvykle stačí. Tato příručka vám pomůže vybrat.
5. Udržujte konzistentní styl a formát. Uživatelé by si neměli všimnout žádných rozdílů mezi vašimi stránkami. Nevytvářejte Frankensteina.
6. vaše webové stránky by měly být dokonale přizpůsobeny mobilním zařízením.
7. všechny obrázky, které přidáte, musí vypadat profesionálně. Nenahrávejte selfie, kterou jste pořídili před zrcadlem v koupelně. Mějte na paměti, že dnešní smartphony pořizují velmi pěkné fotografie. Pokud máte v plánu správně, můžete získat skvělé headshoty.
8. méně je více. V případě pochybností, jít minimální.

Pokud chcete jít hlouběji s web design, podívejte se na Wix blog. K dispozici jsou nekonečné návody a návody na snadno stravitelné návrhy.

jaké prvky mají dobré webové stránky společné?

1. Skvěle vypadající umělecká díla

výběr loga a obrázků je zásadní pro získání profesionálně vypadajícího webu. Dnes můžete snadno najít spoustu bezplatných fotografií: Nejlepší je vyzkoušet Creative Commons.

a Co víc, můžete najít více profesionální-vypadající fotografie (od $1) na spoustu jiných webových stránek, jako je Adobe Stock a . Zde jsou některé skvělé možnosti fotografií zdarma.

je důležité se ujistit, že rozumíte dostupným formátům obrázků: .GIF, .jpg a .png jsou hlavní formáty. Navíc musíte optimalizovat velikost a kvalitu obrazu na webový standardní prohlížeč. Vše, co potřebujete vědět o tomto tématu, najdete zde.

samozřejmě můžete vždy použít weby jako TinyPNG nebo ShortPixel ke kompresi fotografií zdarma.

stejně tak bude užitečné mít editační program, který bude moci upravovat a měnit velikost obrázků. Profesionální a bezplatná volba je Gimp, ale je to docela složité. Další alternativou Photoshopu je Affinity Photo, která stojí jen zlomek ceny originálu a nevyžaduje předplatné.

existuje však stále více nástrojů, které můžete použít k vytváření grafických zdrojů jednoduše a bez nutnosti naučit se používat Photoshop nebo Illustrator. Můžete například použít šablonu nebo Snappa.

2. Profesionální kopie

nezapomeňte, že psaní pro web není stejné jako psaní dopisu nebo knihy. Na webu, máme tendenci být méně formální a zároveň potřebujeme pomoci zaneprázdněným jednotlivcům rychle najít potřebné informace. To znamená, že musíme náš obsah naskenovat:

• pomocí struktury nadpisu, která dává smysl,
• nenechat textové odstavce příliš dlouhé,
• přidat odrážky a
• vybrat písma, která jsou snadno čitelná.

vlastně jsme napsali celý průvodce kolem tohoto tématu, který najdete zde.

3. Kontaktní formulář a navigační menu, které dává smysl

Chcete-li svým návštěvníkům poskytnout profesionální dojem, měli byste místo e-mailové adresy použít kontaktní formulář. Je velmi snadné integrovat kontaktní formuláře s řešeními jako Wix, Jimdo, Weebly nebo WordPress.

Nezapomeňte, že vaše webové stránky je navigační lišta je zásadní pro návštěvníky z jedné stránky na druhou. Dávejte pozor na to a ujistěte se, že proudí logicky. Pokud je například vaším cílem, aby vám uživatelé poslali zprávu prostřednictvím kontaktního formuláře, zapomenutí odkazu na ni v nabídce nebo zápatí stránky by bylo epickým selháním.

ujistěte se, že jste také udělat test zaregistrovat před zveřejněním své webové stránky!

Kroky pro nastavení stránky

můžeme rozložit tvorba webových stránek proces na následující kroky:

1. Plán vaše webové stránky a aby myšlenky v mysli mapy.
2. rozhodněte se, jaký obsah potřebujete pro své webové stránky.
3. koupit název domény, například na Namecheap (ale můžete také koupit po).
4. Vyberte nejlepšího tvůrce webových stránek.
5. vytvořte obsah (např. texty a obrázky) pro každou stránku.
6. přidejte obsah na svůj web a optimalizujte SEO.
7. Publikujte a propagujte stránku.

je zřejmé, že každý z výše uvedených bodů může být postaven na mnohem více. Máme (zdarma) ebook, kde můžete získat více informací.

vaše webové stránky jsou v provozu. Co teď?

Pokud jste již vytvořili své stránky a vydával to, můžete začít podporovat a optimalizovat je pro zvýšení návštěv a zlepšení uživatelské zkušenosti.

• Aktualizujte své webové stránky: webové stránky nejsou knihy. Po zveřejnění mohou být stále aktualizovány. Ujistěte se, že vytváříte nový a relevantní obsah, když máte šanci, a že neustále aktualizujete web. Představte si například web Restaurace: pokud se nabídka změní, mělo by se to na webu projevit co nejrychleji.
• online polohování: Chcete-li přilákat co nejvíce návštěvníků, budete muset optimalizovat SEO vašeho webu. To není příliš složité, ale vyžaduje to čas a práci. Další informace naleznete v této příručce.
• webová analýza: vaše úsilí v online polohování (nad bodem) bude zbytečné, pokud neměříte návštěvnost svých webových stránek. Tak poznáte, jestli to funguje nebo ne. Nejoblíbenějším nástrojem pro analýzu webových stránek je Google Analytics. A je to zdarma!

• samozřejmě, jakmile budete publikovat vaše stránky, měli byste se zaregistrovat s Google Search Console Googlu oznamte, že vaše stránka existuje a získat informace. Nebo alespoň pošlete adresu URL (adresu) svého webu společnosti Google, aby ji mohla indexovat.
• e-mailový Marketing: další obvyklou strategií, zejména pro podniky, je posílat pravidelné e-maily svým návštěvníkům, aby neztratili kontakt. To je užitečné zejména pro internetové obchody, malé podniky a bloggery. E-mailový marketing je věda sama o sobě. V tomto návodu si můžete přečíst další informace o tom, jak začít zasílat zpravodaje.
• sociální média: konečně, většina webových stránek má také profily sociálních médií (např. Facebook, Instagram, Twitter, LinkedIn atd.), aby mohli komunikovat se svými návštěvníky (a potenciálními návštěvníky) mimo webové stránky, které jste vytvořili. To funguje zvláště dobře pro vizuální profesionály, jako jsou ilustrátoři, klenotníci nebo fotografové.

doufám, že tento malý průvodce vám pomohl pochopit, jak vytvořit webové stránky od začátku do konce.

Vedle vás četli jen teď máme také pár průmysl-konkrétní návody, jak:

1. Nastavení stránky pro malé podniky a podnikatele
2. Příručka pro spuštění on-line obchodu
3. webové Stránky stavitelé, umělci (např. umělci a designéry)
4. Vytvoření fotografií webové stránky
5. Vytvořit webové stránky s WordPress