Vytvořte si vlastní webovou stránku: Zde je návod - krok za krokem

Krok 1: Zvažte koncept

© MclittleStock - Adobe Stock

Jediný faktor, díky kterému jsou všechny webové stránky stejné, je fakt, že mají URL – tedy internetovou adresu. Co však přijde potom, když někdo zavolá na tuto adresu, je z velké části vaše věc. To znamená, že pokud jste se rozhodli vybudovat a vlastnit svůj vlastní web, musíte si nejprve ujasnit koncept, který na něm a s ním chcete provozovat, případně k jakému účelu má web sloužit.

V roce 2021 bylo odhadem 1,88 miliardy webových stránek online, ale většinu z nich lze zařadit alespoň do jedné pojmové kategorie.

• Blog jako platforma pro informace a sebeprezentaci,
• Firemní web, na kterém se firma prezentuje,
• Úvodní stránka jako druh hlavní navigace, případně na další podstránky,
• Vstupní stránka jako speciální stránka bez rozptylování z marketingového hlediska.
• Stránky časopisu jako informativní portál obohacený o multimédia,
• Internetový obchod pro obchodování se zbožím a službami a
• Portfoliové stránky pro prezentaci vlastní tvorby, např. fotografie.

Je pravda, že žádná stránka není vytesaná do kamene. Přesto si na začátku musíte dobře rozmyslet, jakému konceptu se chcete věnovat. Ergo: Vypořádejte se se zmíněnými formami a zvažte, která varianta je pro vás nejvhodnější.

To není důležité pouze z důvodů obecné orientace, ale protože s rozhodnutím jsou spojeny další pozice. Například design, kapacita úložiště a potřebné funkce. Pokud se například chcete na svém portfoliu prezentovat jako kameraman, budete s největší pravděpodobností potřebovat podstatně více úložného prostoru a rychlejší konektivitu, než by vyžadoval web časopisu s pouhým textem a několika obrázky.

Krok 2: Najděte vhodnou doménu

Každé dítě potřebuje jméno a registrační adresu. V přeneseném slova smyslu lze tento princip aplikovat i na váš plánovaný web. Zde je nejprve nutné, abyste znali nezbytnou terminologii mezi URL a doménou. Vezměme si následující URL z našeho webu počítačových znalostí:

To znamená, že celá adresa udává URL (Uniform Resource Locator), zatímco doména je pouze skutečný název webu plus přípona země.A doména je pro váš web neuvěřitelně důležitá. Protože to je to, co by si vaši návštěvníci nebo zákazníci měli zapamatovat a co musí vyhledávač hodnotit. Byla zde stanovena řada norem, které byste měli co nejpřesněji dodržovat:

• Stručnost je kořením: mickys-seite-für-freunde-von-modelleisenbahnen.de může poskytnout správný údaj o obsahu, ale je příliš dlouhý. Mělo by mít celkem maximálně 20 znaků; čím méně, tím lépe.
• Snadno pochopitelné: Optimální doména se snadno vyslovuje. Zkratka výše uvedené domény na m-s-f-f-v-m.de by tedy byla spíše suboptimální.
• Spojení s vaším jménem: Zejména pokud je stránka o vás nebo vaší společnosti, měli byste se pokusit zobrazit toto jedinečné jméno v doméně: modellbahn-micky.de.
• Snadné psaní: Přestože speciální znaky a podobné symboly dělají doménu jedinečnou, je často velmi obtížné je zadat, zejména pro mobilní uživatele (například klávesnice virtuálních mobilních telefonů). Tak je minimalizujte.
• Relevantní doména nejvyšší úrovně: Přípona země by měla odpovídat webu. .de je tedy optimální pro německé weby, ale v poslední době se toho tady hodně stalo, takže je možná větší kreativita.

Ale zdaleka nejdůležitějším faktorem, pokud jde o domény, je (ochranné známky) právo. Každá doména musí být jedinečná a v žádném případě by se neměla podobat jiné (známější). Jakmile tedy nasbíráte nějaké nápady, je nutné každý z nich zkontrolovat na příslušných portálech. Toto vyhledávání byste také měli rozšířit na obecně registrované názvy značek; Německý patentový a známkový úřad vám s tím pomůže.

Pokud jste našli něco vhodného, měli byste reagovat co nejdříve. To znamená zadat doménu na své jméno. Kooperativa DENIC je kontaktním místem pro domény .de. Pokud však chcete zřídit své stránky pomocí modulárního systému (viz krok 5), je obvykle možné se zaregistrovat přes poskytovatele, což je obvykle mnohem levnější.

Tip: Domény, které končí na 24 nebo jsou to fantazijní názvy se spoustou samohlásek, již nejsou považovány za zvlášť aktuální a měly by být zachovány pouze pro dlouho známé, zavedené domény – nikoli však pro značky- nové stránky. Měli byste se proto vyhnout věcem jako modellbahn-micky24.de nebo modelidooro.de.

Krok 3: Nastavte server a hosting

© MuzzyCo - Adobe Stock

Do této chvíle je jedinou věcí na vašem webu, která existuje online, registrovaná doména. Nakonec však vše, co tvoří web, musí být umístěno na nějakém počítači – k tomu mají přístup všichni návštěvníci webu. Odborně se tomu říká hosting. Máte k tomu dvě základní možnosti:

• Self-hosting: To znamená, že si koupíte server a všechny další potřebné hardwarové komponenty a nastavíte je u vás.Výhodou je, že odpadají provozní náklady a obsah máte plně pod kontrolou. Je však velmi nevýhodné, že vaše internetové připojení vyžaduje odpovídající vysokou (a extrémně bezpečnou) šířku pásma, takže stránka je skutečně online 24/7. Navíc self-hosting dá spoustu práce, pokud jde o údržbu stránky.
• Externí hosting: Potřebný webový prostor si rezervujete u poskytovatele hostingu. Vzhledem k tomu, že tyto společnosti mají velmi velké servery a nejrychlejší připojení k síti, jedná se o velmi pohodlné a rychlé řešení, které vás také zbaví většiny práce s technickou údržbou. Musí však být jasné, že tato služba není zdarma.

Zejména, pokud vám web primárně nemá sloužit k generování velmi velkých prodejů a nemáte s tématem hardware žádné hlubší zkušenosti, doporučujeme začít s hostingem třetí strany. Ve skutečnosti, pokud žijete v oblasti s horší konektivitou, je to jediná schůdná možnost.Nechcete přeci, aby vaši návštěvníci museli zbytečně dlouho čekat na otevření stránky na jejich koncovém zařízení.

Krok 4: Určete strukturu

© DragonImages - Adobe Stock

Když se rozhlédnete na computerwissen.de, rychle si všimnete, jak hluboce je tato stránka strukturována. Podobně musíte uvažovat, než se pustíte do budování „fyzicky“ existujícího webu. Protože platí: ani ten nejjednodušší web nedokáže z důvodu čitelnosti a přehlednosti zobrazit vše na jedné stránce. To by nevypadalo dobře ani vizuálně, ani by to v naprosté většině případů nesplnilo zamýšlený účel.

Měli byste začít těmi prvky, které musí mít každý web bez ohledu na jeho typ a další strukturu:

• Úvodní stránka:Všichni návštěvníci by měli jako první přejít na tuto stránku.Je to takříkajíc chodba vašeho webu, ze které vedou další dveře do dalších místností (stránek). Základem úvodní stránky je, aby každý návštěvník přímo viděl, co ho zde čeká, kdo web provozuje a co tam má dělat a vidět.
• Impressum: V Německu a EU existuje velmi obsáhlá povinnost otištění pro všechny stránky, které jakýmkoli způsobem slouží komerčním účelům. V tomto případě tedy váš web musí mít podstránku s těmito informacemi, jinak to není vůbec povoleno.
• Zásady ochrany osobních údajů: Pokud na Stránkách jakýmkoli způsobem shromažďujete osobní údaje od svých návštěvníků (které někdy zahrnují i soubory cookie), pak jste také povinni poskytnout zásady ochrany osobních údajů. Toto by mělo být dostupné i na vlastní podstránce.

Ostatní podstránky si navíc můžete do značné míry svobodně určit. Vždy se však držte základního pravidla „co nejméně, tolik, kolik je potřeba“. Každá stránka by měla mít specifický účel a měla by se lišit od ostatních.

Může být užitečné předem ručně nakreslit stromovou strukturu - na každou stránku jeden rámeček. Navíc nikdy není špatně, když návštěvníkům kromě tiráži nabídnete i nízkoprahovou možnost vás kontaktovat. Například s polem pro kontaktování e-mailem.

Nezapomeňte, že návštěvníci složitějšího webu vždy potřebují možnost vrátit se jedním kliknutím do nadřazené nabídky. Ne nadarmo dnes většina webů používá strukturu s kartami na úvodní stránce.

Mimochodem, není třeba znovu vynalézat kolo. Pokud jde o tuto strukturu, můžete se dobře inspirovat ze stávajících stránek se stejným tématem.

Krok 5: Vytvořte základní rámec

© NicoElNino - Adobe Stock

Teoretický rámec vaší online přítomnosti je nyní na místě.Nyní je však nutné – takříkajíc – postavit staveniště. To znamená, že si musíte promyslet, jak chcete navrhnout kostru webu, kterou následně vytvarujete vizuálně i obsahově. Podobně jako hosting, v tomto případě máte opět dvě možnosti:

• Systém pro správu obsahu (CMS): Toto je software (často open source), který lze rozšiřovat a upravovat pomocí široké škály modulů. Díky tomu je CMS celkově velmi flexibilní a výkonný. Enormní množství možností však znamená, že se musíte hodně snažit, aby vše nejen dobře vypadalo, ale také fungovalo a fungovalo stejně dobře na každém možném koncovém zařízení. To znamená, že CM systémy toho dokážou hodně, ale také vyžadují velkou dávku dovednosti.
• Modulární systém: K tomu použijte produkt, který vám umožní provádět všechny potřebné úkoly se systémem od poskytovatele třetí strany.V dřívějších dobách byla řešení z hlediska konstrukčních možností ještě velmi omezená. Speciální modulární systémy nabízejí výrazně větší rozmanitost a možnosti designu pro tvorbu webových stránek. Obsluha je také obvykle docela snadné se naučit.

Opět by pro vás jako začátečníka mělo být jednodušší spolehnout se na takto hotové řešení. To platí zejména s ohledem na skutečnost, že s moderními modulárními systémy se již nemusíte obávat ztráty vizuální nebo funkční nezávislosti oproti jiným webům. To je důležitý důvod, proč tvůrci webových stránek obecně získali velkou pozici nad CMS a nyní je používají i velmi profesionální provozovatelé stránek.

Krok 6: Vyberte si vhodný design

© stokkete - Adobe Stock

Myslíte si, že obsah a použitelnost tvoří dobrý web? Ne, to není správné.Celkový design webu rozhodně minimálně stejnou měrou přispívá k tomu, aby byl web pro své návštěvníky atraktivní - vždyť i oko surfuje.

Bylo by však stejně špatné rozdělit design webu pouze na vizuální vzhled. Skládá se spíše z více stavebních bloků – opět je proto modulární řešení obvykle lepší pro začátečníky. Protože zde je přinejmenším mnohem obtížnější, někdy dokonce nemožné, udělat určité konstrukční chyby.

• Barva, která hraje roli v jedinečnosti a použitelnosti vašeho webu. Existují také různé barevné koncepty v závislosti na orientaci. Proto si tento bod příliš neusnadňujte a případně použijte vhodné nástroje.
• Design z hlediska doby načítání. Vždy pamatujte, že každý přístup přenáší data oběma směry. Čím pomaleji se vše načítá z webu, tím větší je pravděpodobnost, že jeho návštěvníci rychle odejdou.V souladu s tím zajistěte, aby se (zobrazená) grafika, animace atd. plynule vytvářely i při špatném připojení a zařízeních s nízkým výkonem. „Méně je často více“ zde rozhodně platí.
• Vzhled, související s obrázky a zejména fonty. Velmi poutavá písma mohou vypadat skvěle, ale někdy mohou znesnadnit čtení obsahu. Opět musíte najít rovnováhu mezi čistým vzhledem a použitelností.
• Struktura s ohledem na navigaci nebo celkovou orientaci vašich návštěvníků. V zásadě musíte být schopni zajistit, aby se návštěvníci dostali na vše z každé podstránky co nejrychleji, aniž by museli hodně hledat.

Dobrý webový design vždy zaujme svou jednoduchostí, srozumitelnou navigací a skvělým obsahem. Vše, co návštěvník najde, slouží jasnému účelu, není tam nic nadbytečného.

V neposlední řadě je takový web vždy založen na responzivním designu. To znamená, že je strukturován tak, že automaticky přizpůsobuje celý displej zařízení uživatele – konkrétně z hlediska velikosti a orientace obrazovky. Není tedy optimalizovaný pro stacionární nebo mobilní počítače, ale responzivní.

Krok 7: Zadejte obsah

Digitální "dům" , který jste do této chvíle postavili, je hotový a vymalovaný a vytapetovaný. Nyní je čas přemýšlet o nábytku. Tím se dostáváme k obsahu, respektive obsahu.

Co se za tím skrývá, je rychle vysvětleno: vše, co lze shrnout pod zastřešující pojem „multimediální obsah“.

• obrázky,
• Videa,
• Texty a
• Audio soubory

jsou nejdůležitějšími nositeli obsahu. Co v tomto ohledu integrujete, závisí také na koncepci vašeho webu a také na možnostech, které vám CMS nebo modulární systém nabízí – a navíc na úložném prostoru pro váš webový prostor. Opět platí, že existuje několik základních pravidel, která se počítají jako kvalitativní vlastnost dobrého webu:

• Unikátní: Už jen z důvodu autorských práv by to, co prezentujete, nemělo být dostupné nikde jinde na webu.
• Zkoumáno: Obsah by měl vždy (také) sloužit ke zlepšení hodnocení vašeho webu. Použijte proto nástroje wh-question a další pomocníky k průzkumu, jaké potenciální potenciální zákazníky pro váš web nejčastěji hledají.
• Aktuální: Měli byste také pravidelně přidávat nový obsah na své stránky s ohledem na hodnocení. Pokud vám to dává smysl, možná by to šlo udělat i jako součást dalšího blogu.
• Čtivé: Váš psaný obsah nemusí nutně splňovat všechna kritéria Duden Society. Měl by však odpovídat alespoň základním pravopisným pravidlům a celkově být dobře čitelný – stylově ale musí pasovat na váš web.
• Vysoká kvalita: Nikoho nezajímá obsah, který vypadá, jako by ho dali dohromady absolutní laici. Dbejte proto na to, aby vše, co představujete, bylo kvalitní, alespoň v technickém smyslu.
• Zajímavé: Nejkrásnější video, které vytvoříte, je k ničemu, pokud o něj projeví zájem jen pár návštěvníků. Takže nemyslete jen na to, co chcete ukázat, ale také na to, co chtějí vidět vaši návštěvníci.

V tomto bodě se opět odkazuje na autorská práva. Určitě byste se v tom měli natrénovat, protože tresty jsou v této oblasti opravdu vysoké.

Krok 8: Další vývoj webu

© iLee - Adobe Stock

Někde před tímto okamžikem nastane okamžik, kdy zpřístupníte svůj web online. Abychom však konečně použili příklad stavby domu, web také není nikdy dokončen. Naopak je musíte neustále udržovat a starat se o ně. Ani ne tak kvůli opotřebení, jako kvůli tomu, aby byl aktuální.

Kromě již zmíněného obsahu existují tři klíčové aspekty, které budou i v budoucnu vyžadovat vaši pozornost:

• Snadné použití: Žádný web není v tomto ohledu dokonalý. Udělejte si čas a pravidelně se svých návštěvníků ptejte na jejich zkušenosti a přání. Určitě nemusíte implementovat všechny. Nicméně, když se určité věci hromadí, měli byste jednat.
• Bezpečnost: Je to neustálá hra na kočku a myš na internetu. V neposlední řadě, abyste se ochránili před hackery a podobnými zločinci, musíte zajistit, aby byl váš portál v tomto ohledu vždy aktuální.
• Styl: Co se v tomto ohledu považuje za současný mainstream, podléhá i módním trendům. To už můžete vidět, když se podíváte, jak naše stránky vypadaly v roce 2008.
• Viditelnost: Mnoho webů má konkurenty. Snažte se proto pomocí optimalizačních opatření pro vyhledávače zajistit, aby se váš portál zobrazoval ve vyhledávačích co nejvýše, když členové cílové skupiny vyhledávají relevantní výrazy.

To vše nutně nevyžaduje, abyste pracovali mnoho hodin týdně. Nikdy byste se však neměli unavovat tím, že budete svému webu věnovat nějakou údržbu – vždyť to stálo dost úsilí i bez programování.