a saját webhely beállítása sokkal könnyebb, mint gondolnád. Egyre több ember akar saját online jelenlétet. Nem kell kizárólag egy Instagram-profiltól, egy Facebook-oldaltól vagy egy Twitter-fióktól függenie.

miért nem hozza létre saját webhelyét?

az induláshoz vessünk egy pillantást a leggyakoribb kérdésekre, amelyeket olyan ambiciózus kezdőknek kaptunk, mint maga a múltban:

szükségem lesz-e műszaki ismeretekre?

Ez a weboldal céljától függ. A legbonyolultabb módja az lenne, hogy megtanulják, hogyan kell kódolni HTML, CSS, JavaScript, PHP-az alapokat gyakorlatilag minden honlapon.

de ez nem az egyetlen módja annak, hogy hozzon létre egy weboldalt: még akkor is, ha nem ismeri a dolgok technikai oldalát, könnyen beállíthat egy jó weboldalt.

de hogyan?

egy weboldal készítő segítségével. Ha használhatja a Word, a Facebook vagy a PowerPoint alkalmazást, akkor ezeket az eszközöket probléma nélkül használhatja. Ezek a könnyen használható platformok vizuális szerkesztőt, tárhelyet kínálnak, rajtuk keresztül pedig egy domainnevet kaphat: egyablakos ügyintézést.

weboldal beállítása: 5 lépés az induláshoz

a legtöbb webhelyprojekt ezen lépéseken megy keresztül:

1. készítsen tervet a webhely felépítésére és tartalmára
2. regisztráljon egy domain nevet – ideális esetben válasszon egy .com
3. Találni egy honlap készítő (valamint a tárhely szolgáltató), hogy hozzon létre a helyén
4. Optimalizálása a keresők
5. Dob a weboldal

A 3 legnépszerűbb módja egy weboldalt

menjünk át a legnépszerűbb módon indul el a honlapon. Sok megoldás létezik. Egyesek rugalmasabbak, mint mások, mások összetettebbek.

webhely beállítása egy weboldal készítővel

kezdjük a legegyszerűbb opcióval: egy weboldal készítővel. Ez egy” all-inclusive ” csomag, úgymond: Egy cég általában biztosítja a sablont (design), szerkesztő, tárhely, domain név, e-mail cím és támogatás. A webfejlesztő gondoskodik a nehéz feladatokról.

Ez nem csak kezdőknek hasznos. Ez egyszerűen a projekttől függ. Miért bonyolítja az életét, ha vannak egyszerű módszerek a dolgok elvégzésére? Szinte minden webhely-készítő lehetővé teszi, hogy ingyenes alapoldalt hozzon létre egy aldomainen (pl. yourname.sitebuildername.com), ami ad-támogatott. Egy ilyen terv használatával részletesen kipróbálhatja, mielőtt eldönti, hogy megéri-e a költség.

az árak körülbelül 8 dollár / hónap körül kezdődnek, de ez magában foglalja az összes lényeges elemet. Ha nem különösebben szüksége van egy e-mail címre, akkor még olcsóbb is lehet.

ahhoz, hogy jobban megértsük, hogyan működik, kérjük, nézze meg lépésről lépésre bemutató honlap létrehozása!

előnyök:

• nagyon könnyen használható.
• nincs szüksége további szoftverre.
• meg lehet kezdeni technikai ismeretek nélkül.
• a frissítéseket és a biztonsági szempontokat maga a weboldal készítő kezeli.
• előre definiált tervezési sablonok, amelyeket tetszés szerint adaptálhat

hátrányok:

• nem mindig adhat hozzá extra funkciókat (a weboldal készítőjétől függően).
• ez nem olyan rugalmas, mivel a szolgáltatótól függ.
• nem nagyon bonyolult projektekhez tervezték, amelyek adatbázist igényelnek (pl. a Wix, Weebly és a Shopify (az online áruházak számára) a legismertebb weboldal-építők a

. Talál más honlap építők a mi teljes összehasonlítás.

a Wix website builder alkalmazást ingyenesen, ameddig csak akarja.

Try Wix free

tartalomkezelő rendszerrel rendelkező weboldal létrehozása

tartalomkezelő rendszerek (CMS) egy kicsit bonyolultabbak. Annak ellenére, hogy lényegében ugyanúgy működnek, mint egy weboldal-készítő, sokkal nehezebb használni őket.

egy weboldal készítővel nemcsak egyszerű tartalmakat, például szövegeket és képeket adhat hozzá, hanem egy teljes weboldalt is megtervezhet. A klasszikus tartalomkezelő rendszer ebben az esetben sokkal korlátozottabb lenne, és ami a megjelenést illeti, a rendelkezésre álló sablonokra korlátozódik.

míg rengeteg olyan rendszer van, mint a Joomla!, Drupal és Typo3, akkor összpontosítani a legnépszerűbb CMS, amely WordPress. Az Egy kattintásos telepítést kínáló hosting vállalatoknak köszönhetően nem nehéz beállítani.

ajánlható is Dreamhost (rendkívül megfizethető), Siteground (egy kicsit drágább, de szuper erős) és Bluehost (népszerű választás 24/7 támogatás).

Tudjon meg többet arról, hogy mely web hosting cégeket ajánljuk a WordPress számára itt.

a sablont könnyen telepítheti, majd a tervezési opciókkal módosíthatja. De: ha van valami, ami nem tetszik, akkor valószínűleg módosítania kell a CSS-t vagy a HTML-t (Ön vagy programozó).

a tárhely, a domain, az e-mail cím, a telepítés és a támogatás szintje attól függ, hogy mennyit szeretne költeni, valamint a műszaki ismeretek. Ez lehet elég olcsó, ha csináld magad.

óriási előnye, különösen a WordPress számára, hogy több ezer plugin van, amelyek lehetővé teszik, hogy olyan speciális funkciókat adjon hozzá webhelyéhez,amelyek eredetileg nem szerepelnek. Egy tipikus példa a WooCommerce, egy plugin, amely teljes online áruházat ad hozzá.

alapértelmezés szerint a WordPress egyetlen nyelven készült, de vannak olyan bővítmények, mint például a WPML, amelyek lehetővé teszik az oldal lefordítását. Egy másik kedvencem a Yoast SEO plugin, amely lehetővé teszi a keresőmotor beállításainak megváltoztatását (például Google).

bevezető videónkban megnézzük, mit kell figyelembe venni, ha WordPress-t állít be.

akkor iratkozzon fel Siteground itt.

profik:

• kiválaszthatja a hosting céget.
• nagyszerű többnyelvű webhelyek számára.
• technikai rugalmasság: a teljes forráskódhoz hozzáférhet (ha tudja, mit csinál).
• további funkciókat kaphat a pluginekkel.

hátrányok:

• nincs személyes technikai támogatás.
• a kreatív szabadság a sablontól függ.
• ez lehet további költségeket a plugins.
• szükség lehet egy programozóra, hogy kis esztétikai változásokat hajtson végre.

a tartalomkezelő rendszerek egyéb példái a Joomla! És Drupal, de sokkal bonyolultabb használni, mint a WordPress, így nem fogunk bejutni, hogy. A WordPress-ről további információkat talál a WordPress kezdő útmutatójában.

hogyan programozhat egy weboldalt (vagy bérelhet fel valakit).

Ez a legfőbb fegyelem: a szerkesztő megnyitása és a kódolás megkezdése. Azoknak, akiknek teljes szabadságra van szükségük, maguknak kell elkészíteniük az oldalt. Ehhez türelemre van szükség, és a kezdők számára ez általában elsöprő (és frusztráló).

egy jó hely a kezdéshez olyan webhelyek, mint a Codecademy, a Mozilla vagy a W2Schools, amelyek lépésről-lépésre oktatóanyagokat tartalmaznak kezdőknek. De várjon egy hosszú utat, mielőtt a webhely készen áll.

ebben az esetben általában nem lehet árat adni, mivel ez a projekttől függ. Mindenekelőtt sokkal drágább lesz, ha programozót kell felvennie: havonta 8-10 dollárt fizet egy weboldal-építőért, mindig olcsóbb lesz, mint amit bármely tervező vagy Ügynökség egy órás munkáért számít fel.

néhány kedvencek NetBeans, Aptana Studio vagy zárójelben. Minden lehetővé teszi legalább HTML, CSS, JavaScript, PHP, és ingyenes. Egy másik lehetőség a Webflow, amely vizuális forráskód-szerkesztő.

zárójelben screenshot

előnyök:

• a lehetőségek korlátlanok, ha tudod, hogyan programozni.
• költségbarát tárhely.
• maximális rugalmasság.

hátrányok:

• nincs támogatás.
• a tanulási görbe meredek.
• a költségeket nehéz kiszámítani.
• sok tanulmányi és végrehajtási időt igényel.

mi a helyzet a domain névvel?

ha nem szeretne ingyenes domain nevet használni (ami elég csúnyanak tűnik, mivel egy másik vállalat neve lesz benne), meg kell vásárolnia saját domainjét. Ez így fog kinézni www.mycompany.com. általában a legjobb, ha a .com kiterjesztést kapja, kivéve, ha szigorúan egy olyan országban működik, mint Kanada (. ca) vagy az Egyesült Királyság (.co.uk).

saját domain név

nincs hiány az úgynevezett domain neveket értékesítő regisztrátorokból. Mi magunk többnyire vásárolni őket Namecheap, mint ők, jól, elég olcsó, de a különbségek nem olyan jelentős, mint azok között a $9-18 évente.

de attól függően, hogy hol építeni a honlapon, akkor kap ez is szerepel a website builder csomag. A Wix, a Weebly és a Jimdo például az első évben ingyenesen tartalmazza a domain nevet. A következő években valamivel többet számítanak fel, mint például a Namecheap, de általában megéri, hogy csak egy céggel kell foglalkoznia.

Ha Ön WordPress.org vagy építsd fel magad a weboldalt, akkor is meg kell szervezned a saját webtárhelyedet. Ezt ugyanazon a helyen lehet megvásárolni, ahol a domain nevét egy másik szakosodott cégtől, például a Sitegroundtól vagy a WPEngine-től kapja. De ha csak most kezdik el, ez nem számít túl sokat most.

tipp: ha e-mail címekre is szüksége van, kipróbálhatja a Zoho Workplace alkalmazást. Ez egy hasonló szolgáltatás, mint a Google munkaterület, de Zoho is tartalmaz egy ingyenes tervet.

weboldal tervezése és tervezése

csakúgy, mint nem mindig jó ötlet a szakácsművészet megkezdése recept követése nélkül, legalábbis ha nincs tapasztalata, ugyanez vonatkozik a weboldal létrehozására. Itt az improvizáció nem jó ötlet. A tervezés segít eldönteni, hogy milyen szakaszokra van szüksége, milyen tartalom működik a legjobban az Ön számára, és hogyan kell megtervezni a webhelyét.

egy online cipőbolt elme térképe

egy jó módja annak, hogy elkezd egy elme térkép létrehozásával az ötleteket, amit a honlapon szükség lesz rá. Ennek az elme térképnek a fő elemei felhasználhatók a navigációhoz.

Tippek a weboldal tervezéséhez:

1. használjon papírt és tollat, és írjon le mindent, amit csak akar a weboldalon. Brainstorming, ami egy elme térkép a tökéletes módja, hogy megszervezze a gondolatait.
2. vessen egy pillantást más érdekes webhelyekre mind a tervezés, mind a tartalom szempontjából. Vegye figyelembe, hogy mit szeret, és mit nem.
3. Ha van egy tervezetet, hogy mit akar a honlapon, kérdezze meg az emberek bíznak, mit gondolnak. Biztosan talál néhány érdekes perspektívát, amelyet beépíthet.
4. hozzon létre egy listát (pl. Excelben) a webhely összes oldalával. Jegyezze fel a címet, milyen tartalommal rendelkezik, kulcsszavak, a cél, az a fajta oldal, valamint azok fontosságát.
5. bónusz: Ha jól szeretné pozícionálni magát a keresőmotorokban, akkor ez az, amikor meg kell tudnia, hogy melyik kulcsszóval rendelkezik minden oldal, majd hozzá kell adnia őket a 4.pont listájához. Olvassa el ezt a SEO útmutatót további információkért.

mi a helyzet a weboldal tervezésével?

vizuális webes minták létrehozása nem könnyű feladat. Valójában azt mondanám, hogy az interneten több példa van a szörnyű tervekre, mint a jókra. Ne hagyd, hogy a honlapon egy.

csakúgy, mint a harang alsó Farmer volt elegáns a 70-es, voltak nevetséges a 80-as, 90-es években. ugyanez történik a web design. Meg kell emlékezni, hogy mi tekinthető jó gyakorlat 5 évvel ezelőtt, most úgy tűnik, egyfajta régi vagy elavult. Nézze meg ezt a cikket, hogy megtudja, milyen gyakorlatokat kell elkerülni.

Ez nem Útmutató a professzionális tervezők számára, de ad néhány tippet, amelyek szerintem mindig működnek:

1. próbáljon világos (vagy fehér) színt használni a háttérhez.
2. válasszon vonzó színeket, amelyek kiegészítik egymást. Ha segítségre van szüksége, használja az Adobe Color alkalmazást.
3. tartsa tisztán, egyszerűen a dizájnt, és hagyjon fehér helyet az elemek között. További információ..
4. ne használjon túl sok betűtípust: az egyik a címekhez, a másik a szöveghez általában elég. Ez az útmutató segít kiválasztani.
5. tartsa következetes stílus és formátum. A felhasználóknak nem szabad észrevenniük az oldalak közötti különbségeket. Ne hozzon létre Frankensteint.
6. webhelyét tökéletesen hozzá kell igazítani a mobil eszközökhöz.
7. minden hozzáadott képnek professzionálisnak kell lennie. Ne töltsön fel egy szelfit, amelyet a fürdőszoba tükör előtt készített. Ne feledje, hogy a mai okostelefonok nagyon szép fényképeket készítenek. Ha jól tervez, nagyszerű fejlövéseket kaphat.
8. kevesebb több. Ha kétségei vannak, menjen minimális.

ha mélyebbre szeretne menni a webdesign segítségével, Nézze meg a Wix blogját. Vannak végtelen útmutatók és útmutatók könnyen emészthető minták.

milyen elemei vannak a jó weboldalaknak?

1. Nagyszerű grafika

A logó és a képválasztás döntő fontosságú a professzionális megjelenésű weboldal megszerzéséhez. Ma könnyen megtalálja rengeteg szabad kép: a legjobb az, hogy nézd meg Creative Commons.

mi több, több, több professzionális megjelenésű fotót találhat ($1-tól kezdve) sok más webhelyen, mint például az Adobe Stock és . Íme néhány nagyszerű ingyenes fotó lehetőség.

fontos, hogy megbizonyosodjon arról, hogy érti a rendelkezésre álló képformátumok:.gif, .jpg és .a png a fő formátum. Plusz, van, hogy optimalizálja a méret, minőség, a kép, hogy a web standard böngésző. Minden, amit tudnia kell erről a témáról, itt található.

természetesen mindig használhat olyan webhelyeket, mint a TinyPNG vagy a ShortPixel, hogy ingyenesen tömörítse fényképeit.

hasonlóképpen hasznos lesz egy szerkesztőprogram, amely szerkesztheti és módosíthatja a képek méretét. A professzionális és ingyenes lehetőség a Gimp, azonban használata meglehetősen bonyolult. Egy másik Photoshop alternatíva az Affinity Photo, amely az eredeti árának csak töredékébe kerül, és nem igényel előfizetést.

de egyre több olyan eszköz létezik, amellyel grafikus erőforrásokat hozhat létre egyszerűen, anélkül, hogy meg kellene tanulnia használni a Photoshop vagy az Illustrator alkalmazást. Például használhat Stencil vagy Snappa.

2. Professional copy

ne feledje, hogy a weboldal írása nem ugyanaz, mint egy levél vagy könyv írása. Az interneten általában kevésbé formálisak vagyunk, ugyanakkor segítenünk kell az elfoglalt egyéneknek, hogy gyorsan megtalálják a szükséges információkat. Ez azt jelenti, hogy a tartalmat szkennelhetővé kell tennünk:

• olyan címsorstruktúra használatával, amelynek van értelme,
• nem hagyja, hogy a szöveges bekezdések túl hosszúak legyenek,
• golyópontok hozzáadása és
• könnyen olvasható betűtípusok kiválasztása.

valójában egy teljes útmutatót írtunk erről a témáról, amelyet itt talál.

3. Kapcsolatfelvételi űrlap és egy navigációs menü, amelynek van értelme

ahhoz, hogy professzionális benyomást keltsen a látogatók számára, e-mail cím helyett egy kapcsolatfelvételi űrlapot kell használnia. Nagyon könnyű integrálni a kapcsolatfelvételi űrlapokat olyan megoldásokkal, mint a Wix, Jimdo, Weebly vagy WordPress.

ne feledje, hogy a webhely navigációs sávja elengedhetetlen ahhoz, hogy a látogatók egyik oldalról a másikra menjenek. Figyeljen rá, és győződjön meg róla, hogy logikusan folyik. Például, ha a cél az, hogy a felhasználók üzenetet küldjenek Önnek a kapcsolatfelvételi űrlapon keresztül, elfelejtve, hogy a menüben vagy az oldal láblécében hivatkozzon rá, epikus hiba lenne.

győződjön meg róla, hogy tesztet is regisztrál, mielőtt közzéteszi webhelyét!

a weboldal létrehozásának lépései

a weboldal létrehozásának folyamatát a következő lépésekre bonthatjuk:

1. tervezze meg webhelyét, és rendelje meg az ötleteket egy elme térképen.
2. döntse el, hogy milyen tartalomra van szüksége a webhelyéhez.
3. vásárolja meg a domain nevet, például a Namecheap-on (de utána is megvásárolhatja).
4. válassza ki a legjobb weboldal készítőt.
5. hozza létre az egyes oldalak tartalmát (pl. szövegeket és képeket).
6. adja hozzá a tartalmat a webhelyéhez, és optimalizálja a SEO-t.
7. az oldal közzététele és népszerűsítése.

nyilvánvaló, hogy a fenti pontok mindegyike sokkal többre építhető. Van egy (ingyenes) ebook, ahol további információkat kaphat.

az Ön weboldala fel van állítva. Most mi lesz?

Ha már létrehozta a honlapját és közzétette, akkor elkezdheti népszerűsíteni és optimalizálni a látogatások növelése és a felhasználói élmény javítása érdekében.

• webhely frissítése: a webhelyek nem Könyvek. A közzététel után továbbra is frissíthetők. Győződjön meg róla, hogy új, releváns tartalmat hoz létre, ha lehetősége van arra, hogy folyamatosan frissítse a weboldalt. Képzeljen el például egy étterem weboldalát: ha a menü megváltozik, azt a lehető leggyorsabban tükröznie kell a weboldalon.
• Online helymeghatározás: ahhoz, hogy minél több látogatót vonzzon, optimalizálnia kell webhelye SEO-ját. Ez nem túl bonyolult, de időt és munkát igényel. Nézze meg ezt az útmutatót további információkért.
• Webelemzés: az online pozícionálásban (a fenti pontban) tett erőfeszítései haszontalanok lesznek, ha nem méri a webhely forgalmát. Így fogod tudni, hogy működik-e vagy sem. A legnépszerűbb weboldal-elemző eszköz a Google Analytics. És ingyen van!

• persze, ha közzé a honlapján kell regisztrálni a Google Kereső Konzol értesíti a Google-t, hogy az oldal létezik információt kap. Vagy legalább küldje el webhelyének URL-jét (címét) a Google-nak, hogy indexelje.
• E-Mail Marketing: egy másik szokásos stratégia, különösen a vállalkozások számára, az, hogy rendszeres e-maileket küldjön látogatóinak, hogy ne veszítsék el a kapcsolatot. Ez különösen hasznos az online áruházak, kisvállalkozások, bloggerek. Az e-mail marketing önmagában tudomány. Elolvashatja ezt a útmutatót, hogy további információkat találhasson a hírlevelek küldésének megkezdéséről.
• közösségi média: végül, a legtöbb webhelynek vannak közösségi média profiljai is (például Facebook, Instagram, Twitter, LinkedIn stb.), hogy az Ön által létrehozott weboldalon kívül kapcsolatba léphessen látogatóival (és potenciális látogatóival). Ez különösen jól működik a vizuális szakemberek, például illusztrátorok, ékszerészek vagy fotósok számára.

remélem, hogy ez a kis útmutató segített megérteni, hogyan lehet létrehozni egy weboldalt az elejétől a végéig.

a Következő útmutató olvasott, csak most mi is van egy pár iparág-specifikus útmutatókat is:

1. Beállítása weboldal a kis vállalkozások, vállalkozók
2. Útmutató kezdő online áruház
3. a Honlap építők művészek számára (pl. művészek, tervezők)
4. Létrehozása fotózás weboldalak
5. hozzon Létre egy honlap WordPress