Készítettem egy jegyzettömb kinézetű kapcsolat űrlap hátteret weblapokhoz, amely feldobja a honlapok hagyományos űrlapjainak a kinézetét. 

Webdesign, contact form, APdesign

Weboldal látogatottság növelés linképítés segítségével

Látogatottság növelés

Több cikken keresztül szeretném röviden bemutatni, hogy hogyan szerezhetsz több látogatót a honlapodra, hogyan növelheted a weblapod látogatottságát.

A honlapkészítés vagy blog készítés után el is kell érnünk, hogy a weblapunkat megtalálják a honlap témája iránt érdeklődő látogatók, és webes szörfözők.

Weblapunkhoz készíthetünk színátmenetes háttereket a CSS segítségével is, amelyhez nagyon jó segítséget adnak a CSS generatorok. Ezek az ingyenesen használható generátorok időt spórolhatnak nekünk a css kód írásakor, mert elkészítik nekünk a megfelelő színek kiválasztása után a teljes böngészőfüggetlen css kódot :)

Ha nem mutatunk meg mindent az elején

Ilyen egyoldalas landing page készülhet egy ajánlathoz, keresőoptimalizáláshoz.

A mai internetes korszakban a legtöbb ember az interneten keres termékeket és szolgáltatásokat, főleg, ha minél olcsóbb áron szeretne ezekhez hozzá jutni. Ezért is terjednek folyamatosan a nagy népszerűségnek örvendő kuponos honlapok, ahol a látogatók az eredeti árnál jóval kedvezőbben áron vásárolhatják meg a kívánt szolgáltatást, szállást vagy terméket.

Az új böngésző verziók már olyan különleges CSS tulajdonságokat is megtudnak jeleníteni, mint a különböző HTML elemek lekerekítése, vagy a színátmenetek megjelenítése.







Először a lekerekítést mutatom be, amely a border-radius tulajdonság.


A border-radius CSS kódja


Ennél a kódnál a terület mind a négy sarkának az értékét külön-külön meg tudjuk adni. Így akár eltérő vagy ellentétes formákat (ovális, ellipszis) is létre lehet hozni.

Ha mind a négy sarkot egyforma méretűre szeretnénk beállítani, akkor egyszerűbb, ha egy értékkel adjuk meg a lekerekítés értékét.

A rövidebb kód

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;



Vagy akár kört is tudunk rajzolni az alábbi módon

border-radius: 225px 225px 225px 225px;
-moz-border-radius: 225px 225px 225px 225px;
-webkit-border-radius: 225px 225px 225px 225px;

Mobilra optimalizált weboldal

A responsive weblap készítés (Responsive Web Design) lényege, hogy olyan weboldalt készítünk, ami szinte teljesen böngésző és platform független megjelenésű, és mobil készülékekkel is élvezhető böngészést nyújt.

Azaz mindegy, hogy 24"-os monitorral, notebook-al, okos telefonnal, vagy 10"-os Tablettel nézzük a weblapot. Minden megjelenítésben jól fog működni a weblapunk, és élvezhető minőségben jelenhet meg a honlapunk egy mobiltelefonon is.

Az internetezés és a mobil készülékek (okostelefon, tablet PC) elterjedésének köszönhetően a weboldalak látogatóinak egyre nagyobb százaléka használ valamilyen mobil készüléket az internetezés során. Tehát egyre nagyobb réteg nézi a weboldalunkat ilyen platformon keresztül. Ezért hogy ki tudjuk szolgálni ezen érdeklődök igényeit, érdemes a weblapunkat is Responsive módon elkészíteni (vagy készíteni egy mobil verziót is).


A mobilra optimalizált weboldal, azaz a responsive web design lényege, hogy olyan weblapot kell készíteni, amely rugalmasan igazodik a megjelenítő eszköz kijelzőjének méreteihez. A honlap megjelenése a kijelző mérete szerint változik.
A céglogó, a cím, a képek és betűk mérete, és a megjelenített tartalom mind a kijelző méretéhez igazodik.

Így megtehetjük, hogy ami rendes monitoron nézve egy látványos képi megjelenítés (menüpont, referencia lista képekkel, árlista, vagy díszes lábléc) mobil megjelenítésben akár másképpen, leegyszerűsítve jelenjen meg.
Jelenleg több ilyen weboldalt készítek, és kíváncsian várom én is a végeredményt és a vissza jelzéseket.

Az egyik ilyen honlap a kertgondozással foglalkozó vállalkozó weblapja, a gyepetto.hu, és a Budapest Fogászat weboldala, a bp-fogaszat.hu.

Az elegáns AmberBeauty kozmetikai szalon weblapja is mobil nézetes, azaz reszponzív.



A weboldal mobiltelefonon vagy tableten is jól olvashatóan és áttekinthetően jelenik meg. A felső menü átalakul lenyíló menüvé, és a képanimáció is átméreteződik a felbontáshoz megfelelően.

Segítség

Ha szükséged van segítségre, akkor itt kérhetsz tőlem árajánlatot weboldal készítésre: weblapdesign.hu

A META adatok megadása

Mai világunkban rengeteg weboldallal találkozhatunk, és minden nap új weblapok jelennek meg az Interneten. Ezért egyre nagyobb fontosságot kap a weboldal használhatósága, MEGTALÁLHATÓSÁGA, és egyedisége.

Ha az ember szeretne megjelenni az Interneten egy új weboldallal, ahol bemutathatja cégét, vállalkozását, hobbiját, vagy forgalmazott termékeit, akkor olyan weboldallal kell megjelennie, ami a Google keresőben is megfelelő helyen jelenik meg.

Ebben lehet a segítségedre a Keresőoptimalizált Weblap Készítés vagy honlapkészítés, amely olyan minőségi weboldal elkészítését jelenti, amely megfelel a kor kihívásainak, a Google kereső előírásainak, és megfelelő kódolással készült.

A keresőoptimalizált weblap tartalmazza mind azokat a paramétereket, amelyek szükségesek ahhoz, hogy a keresők minél könnyebben megtalálják a weboldalt, és előnyben részesítsék sok olyan weblappal szemben, amelyek nem így készültek el. Ehhez több időt is kell szánni a weblap elkészítésére, de a befektetett idő többszörösen is megtérül.

Néhány fontos érték, amit meg kell adni a weblapodon

• a weblap címe (title érték),
• a megfelelő META Tag-ek megadása: keywords, description, content-type, revisit-after, robots, copyrigh, author (és igény szerint amire még szükség van)
• a jól látható menüpontok ALT értékei, amely megjelenik a böngészőben,
• képek ALT értékei, a kép leírása, amely megjelenik a böngészőben,
• minden oldalnak megfelelő címet adni,
• a hivatkozások megfelelő kialakítása,
• megfelelő szöveges tartalom,
• áttekinthető, szabályos kódolás,

Szeretnél saját blogot indítani?

Blog indítása