SlideShare uma empresa Scribd logo
1 de 37
Baixar para ler offline
Milyen a jó weboldal?
                 Berényi Konrád, 2013. január 30.




                OnlineMarketing.hu
                OnlineMarketing.hu
                         a tanácsadó-ügynökség
13. január 30., szerda
Milyen a jó weboldal?
                ‣ Teljesíti az ÜZLETI célt!




                 OnlineMarketing.hu
13. január 30., szerda
Ezért...
                ‣ Nagyon fontos a tervezés




                 OnlineMarketing.hu
13. január 30., szerda
A Cél - SMART
                ‣ (S)pecific - Specifikus, vagyis pontosan körülírt
                ‣ (M)easurable - Mérhető
                ‣ (A)chievable - megvAlósítható, ésszerű,
                  elérhető
                ‣ (R)elevant - Releváns, vagyis a témához tartozó
                ‣ (T)ime-bound - időTartamhoz kötött

                 OnlineMarketing.hu
13. január 30., szerda
A Cél tehát
                ‣ Bemutatkozó
                ‣ Értékesítő
                ‣ Értékesítést támogató
                ‣ ...




                 OnlineMarketing.hu
13. január 30., szerda
A Cél - máshogy
                ‣ Üzlet az interneten
                ‣ Üzlet támogatása az interneten




                 OnlineMarketing.hu
13. január 30., szerda
A célcsoport
                ‣ A cél eléréséhez is igazodjon
                ‣ Elérhető legyen az interneten
                ‣ Valódi eredményt hozzon




                 OnlineMarketing.hu
13. január 30., szerda
Lehetséges eszközök
                ‣ Jöhet minden ötlet
                ‣ Kérdőívek, fórumok, játékok, felsorolások,
                  listák, képek, videók...
                ‣ Korábbi, bevált eszközök
                ‣ Új ötletek
                ‣ Mások ötletei

                 OnlineMarketing.hu
13. január 30., szerda
Lehetséges tartalmi elemek
                ‣ szövegek, amik már megvannak
                ‣ szövegek, amiket meg kell írni
                ‣ fotók
                ‣ videók
                ‣ magyarázó ábrák



                 OnlineMarketing.hu
13. január 30., szerda
Mi alapján választunk?
                ‣ Teljesítse a kitűzött célt
                ‣ Meg tudjuk valósítani




                 OnlineMarketing.hu
13. január 30., szerda
Az egyes oldalak
                ‣ címlap
                ‣ tartalmi oldal


                ‣ állandó elemek
                ‣ változó elemek



                 OnlineMarketing.hu
13. január 30., szerda
Címlap
                ‣ Logó
                ‣ Szlogen
                ‣ Cím!, illetve fontos elérhetőségek
                ‣ Menü
                ‣ Friss hírek (ha vannak)
                ‣ NE legyen köszöntő... se intro, se
                                         előzetes oldal
                OnlineMarketing.hu
13. január 30., szerda
Tartalmi oldal
                ‣ Ez is címlap, a keresők miatt
                ‣ Logó, szlogen, menü...
                ‣ Aktuális információk
                ‣ És persze maga a tartalom




                 OnlineMarketing.hu
13. január 30., szerda
eCommerce
                ‣ Áttekinthető kínálat
                ‣ JÓ kereső
                ‣ Pontos tájékoztatás
                ‣ Netes fizetés - pl. vPos
                ‣ Üzleti háttér tervezés



                 OnlineMarketing.hu
13. január 30., szerda
A menü
                ‣ Legyen egyértelmű
                ‣ Minél kevesebb fő menü
                ‣ Logikus, de nem túl “mély”
                ‣ Lehet egyben plusz információi is:
                  breadcumb menü ( Címlap - Menü -
                  Almenü - Tartalom)


                 OnlineMarketing.hu
13. január 30., szerda
A színek
                ‣ Alapvetően a cég színei
                ‣ Világos alapon sötét szöveg
                ‣ Gondoljunk a különféle monitor
                  beállításokra
                ‣ Ne zavarja a navigációt
                ‣ Minden színnek van extra jelentése is

                 OnlineMarketing.hu
13. január 30., szerda
A tartalom
                ‣ Legyen és jó legyen
                ‣ Friss, illetve friss hatású
                ‣ tagolt, jól olvasható
                ‣ egyszerűsített




                 OnlineMarketing.hu
13. január 30., szerda
Weboldal “motorok”
                ‣ saját fejlesztés
                ‣ ingyenes megoldások
                  ‣ Wordpress (blog)
                  ‣ Joomla (portal)
                  ‣ Drupal (általános)
                ‣ fizetős megoldások
                  ‣ pl. Microsoft SharePoint

                 OnlineMarketing.hu
13. január 30., szerda
Webergonómia
     ‣ Usability
     ‣ a fontos információk könnyen elérhetőek
       legyenek
     ‣ ne keresztrejtvény legyen a weboldalunk
     ‣ a célcsoportnak megfelelő bonyolultságú lapunk
       legyen
     ‣ figyeljünk a felhasználói szokásokra!

                 OnlineMarketing.hu
13. január 30., szerda
Fontos
                ‣ Legyen minél kevesebb lépés: egyszerű
                  regisztráció
                ‣ A belső oldalak “hasonlóak” legyenek
                ‣ Ne legyenek kicsik a betűk
                ‣ Legyen erős a színkontraszt



                 OnlineMarketing.hu
13. január 30., szerda
A méret
                ‣ File-méretben ne legyen túl nagy:
                  képekkel együtt 1 MB alatt!
                ‣ Időben: az első 15 sec. a fontos!
                ‣ Képernyő méretben: 1024x768, de
                  inkább rugalmas
                ‣ Lapok számában: logikusan
                ‣ Első oldal: legyen áttekinthető, ne túl
                                             hosszú
                OnlineMarketing.hu
13. január 30., szerda
Fontos szokások
                ‣ Logó bal felső sarok és kattintható
                ‣ Menü bal oldalt vagy fent
                ‣ A szöveges link aláhúzott
                ‣ A kép is legyen link
                ‣ Érdemes nyilat is használni ( Erre »»)




                 OnlineMarketing.hu
13. január 30., szerda
A felhasználó figyelme
                ‣ Bal felső saroktól a jobb alsó sarokig
                ‣ Fordított L vagy F alak




                 OnlineMarketing.hu
13. január 30., szerda
OnlineMarketing.hu
13. január 30., szerda
OnlineMarketing.hu
13. január 30., szerda
OnlineMarketing.hu
13. január 30., szerda
A weboldal tervezése
                ‣ Cél meghatározása
                ‣ Célcsoport meghatározása

                ‣ Lehetséges eszközök
                ‣ Lehetséges tartalmi elemek
                ‣ A felhasználandó eszközök és tartalmak kiválasztása
                ‣ A különböző lapok tartalmai
                ‣ Design és programozás



                 OnlineMarketing.hu
13. január 30., szerda
Láthatóság
                ‣ Találjanak meg a keresők
                ‣ Legyünk elől a fontos szavakra
                ‣ Mutassanak ránk linkeke - releváns
                  oldalakról
                ‣ Mutassunk mi is linkekkel releváns
                  oldalakra!


                 OnlineMarketing.hu
13. január 30., szerda
Keresőoptimalizálás
                ‣ Szükséges
                ‣ Az oldalon: tartalom és programozás
                ‣ Az oldalon kívül: linkek
                ‣ Segít a Google: Webmestereszközök




                 OnlineMarketing.hu
13. január 30., szerda
Közösségi média
                ‣ Blogok
                ‣ Facebook
                ‣ LinkedIn
                ‣ Twitter




                 OnlineMarketing.hu
13. január 30., szerda
Facebook
                ‣ Like: amikor oldalunk van a Facebookon
                ‣ Like: amikor a tartalmunkat osztják meg




                 OnlineMarketing.hu
13. január 30., szerda
Hirdetések
                ‣ Brand
                ‣ Teljesítmény




                 OnlineMarketing.hu
13. január 30., szerda
A landing page
                ‣ Érkezési oldal
                ‣ Ide érkeznek a hirdetésekről
                ‣ Kiemelt szerepe van
                ‣ A hirdetés része, annak folytatása
                ‣ A jó érkezési oldal: több pénz!



                 OnlineMarketing.hu
13. január 30., szerda
Landing Page
                ‣ Megismétli, kiegészíti a hirdetést
                ‣ Irányítja az érdeklődőt
                ‣ Csak a szükséges navigációs elemeket
                  tartalmazza
                ‣ A legtöbb esetben szükséges, növeli a
                  hatékonyságot


                 OnlineMarketing.hu
13. január 30., szerda
Landing page
                ‣ Érdemes tesztelni a változatokat
                ‣ http://www.conversionskills.com/




                 OnlineMarketing.hu
13. január 30., szerda
Hirdetések

                                      Közösségi média

                                      Láthatóság

                                      Használhatóság, design

                                      Tartalom




                 OnlineMarketing.hu
13. január 30., szerda
Köszönöm a figyelmet!
                ‣ Berényi Konrád
                ‣ onlinemarketing.blog.hu
                ‣ @b_konrad
                ‣ (20) 966 3180
                ‣ berenyi.konrad@onlinemarketing.hu



                 OnlineMarketing.hu
13. január 30., szerda

Mais conteúdo relacionado

Destaque

The Youtube of Dutch digital publications - one national platform for full-te...
The Youtube of Dutch digital publications - one national platform for full-te...The Youtube of Dutch digital publications - one national platform for full-te...
The Youtube of Dutch digital publications - one national platform for full-te...Olaf Janssen
 
Smart Notebook 11.2 User Guide
Smart Notebook 11.2 User GuideSmart Notebook 11.2 User Guide
Smart Notebook 11.2 User GuideHarold Johanson
 
Biblioteka 3 (Talpyklos Koncepcija)
Biblioteka 3 (Talpyklos Koncepcija)Biblioteka 3 (Talpyklos Koncepcija)
Biblioteka 3 (Talpyklos Koncepcija)Dainius Jakučionis
 
Article corals-gent-gran
Article corals-gent-granArticle corals-gent-gran
Article corals-gent-granDolors Lozano
 
How to trim your design and keep it healthy
How to trim your design and keep it healthyHow to trim your design and keep it healthy
How to trim your design and keep it healthyJanne Flusund
 
Victoria, Eli, Mica
Victoria, Eli, MicaVictoria, Eli, Mica
Victoria, Eli, Micaguesta08c073
 
فائدة الاستغفار
فائدة الاستغفارفائدة الاستغفار
فائدة الاستغفارamr hassaan
 
Budowa komputera
Budowa komputeraBudowa komputera
Budowa komputeradegie
 
Transformanz Brochure
Transformanz BrochureTransformanz Brochure
Transformanz BrochureTransformanz
 
A butterfly’s lesson in english درس الفراشة رائع
A butterfly’s lesson in english درس الفراشة رائعA butterfly’s lesson in english درس الفراشة رائع
A butterfly’s lesson in english درس الفراشة رائعamr hassaan
 

Destaque (18)

The Youtube of Dutch digital publications - one national platform for full-te...
The Youtube of Dutch digital publications - one national platform for full-te...The Youtube of Dutch digital publications - one national platform for full-te...
The Youtube of Dutch digital publications - one national platform for full-te...
 
Ih2010 future
Ih2010 futureIh2010 future
Ih2010 future
 
Id
IdId
Id
 
Smart Notebook 11.2 User Guide
Smart Notebook 11.2 User GuideSmart Notebook 11.2 User Guide
Smart Notebook 11.2 User Guide
 
Biblioteka 3 (Talpyklos Koncepcija)
Biblioteka 3 (Talpyklos Koncepcija)Biblioteka 3 (Talpyklos Koncepcija)
Biblioteka 3 (Talpyklos Koncepcija)
 
Netbrev maj 2012
Netbrev maj 2012Netbrev maj 2012
Netbrev maj 2012
 
Article corals-gent-gran
Article corals-gent-granArticle corals-gent-gran
Article corals-gent-gran
 
How to trim your design and keep it healthy
How to trim your design and keep it healthyHow to trim your design and keep it healthy
How to trim your design and keep it healthy
 
Victoria, Eli, Mica
Victoria, Eli, MicaVictoria, Eli, Mica
Victoria, Eli, Mica
 
فائدة الاستغفار
فائدة الاستغفارفائدة الاستغفار
فائدة الاستغفار
 
Budowa komputera
Budowa komputeraBudowa komputera
Budowa komputera
 
Anschp36
Anschp36Anschp36
Anschp36
 
Data Protection: Process Information
Data Protection: Process InformationData Protection: Process Information
Data Protection: Process Information
 
P O N V
P O N VP O N V
P O N V
 
Open Graphics
Open GraphicsOpen Graphics
Open Graphics
 
Transformanz Brochure
Transformanz BrochureTransformanz Brochure
Transformanz Brochure
 
The ABC’s of Health Insurance
The ABC’s of Health Insurance The ABC’s of Health Insurance
The ABC’s of Health Insurance
 
A butterfly’s lesson in english درس الفراشة رائع
A butterfly’s lesson in english درس الفراشة رائعA butterfly’s lesson in english درس الفراشة رائع
A butterfly’s lesson in english درس الفراشة رائع
 

Mais de Konrad Berenyi

Telenor Okostelefon Akadémia - társkeresés előadás
Telenor Okostelefon Akadémia - társkeresés előadásTelenor Okostelefon Akadémia - társkeresés előadás
Telenor Okostelefon Akadémia - társkeresés előadásKonrad Berenyi
 
Közösségi média ROI
Közösségi média ROIKözösségi média ROI
Közösségi média ROIKonrad Berenyi
 
Sci-fi meetup 2009. május 21.
Sci-fi meetup 2009. május 21.Sci-fi meetup 2009. május 21.
Sci-fi meetup 2009. május 21.Konrad Berenyi
 

Mais de Konrad Berenyi (7)

Etrends om 20171005
Etrends om 20171005Etrends om 20171005
Etrends om 20171005
 
Telenor Okostelefon Akadémia - társkeresés előadás
Telenor Okostelefon Akadémia - társkeresés előadásTelenor Okostelefon Akadémia - társkeresés előadás
Telenor Okostelefon Akadémia - társkeresés előadás
 
Megújult a Facebook
Megújult a FacebookMegújult a Facebook
Megújult a Facebook
 
Közösségi média ROI
Közösségi média ROIKözösségi média ROI
Közösségi média ROI
 
Facebook2E-mail
Facebook2E-mailFacebook2E-mail
Facebook2E-mail
 
Sci-fi meetup 2009. május 21.
Sci-fi meetup 2009. május 21.Sci-fi meetup 2009. május 21.
Sci-fi meetup 2009. május 21.
 
Internet Hungary 2009
Internet Hungary 2009Internet Hungary 2009
Internet Hungary 2009
 

Milyen a jó weboldal? - Budapest Bank Dobbantó

  • 1. Milyen a jó weboldal? Berényi Konrád, 2013. január 30. OnlineMarketing.hu OnlineMarketing.hu a tanácsadó-ügynökség 13. január 30., szerda
  • 2. Milyen a jó weboldal? ‣ Teljesíti az ÜZLETI célt! OnlineMarketing.hu 13. január 30., szerda
  • 3. Ezért... ‣ Nagyon fontos a tervezés OnlineMarketing.hu 13. január 30., szerda
  • 4. A Cél - SMART ‣ (S)pecific - Specifikus, vagyis pontosan körülírt ‣ (M)easurable - Mérhető ‣ (A)chievable - megvAlósítható, ésszerű, elérhető ‣ (R)elevant - Releváns, vagyis a témához tartozó ‣ (T)ime-bound - időTartamhoz kötött OnlineMarketing.hu 13. január 30., szerda
  • 5. A Cél tehát ‣ Bemutatkozó ‣ Értékesítő ‣ Értékesítést támogató ‣ ... OnlineMarketing.hu 13. január 30., szerda
  • 6. A Cél - máshogy ‣ Üzlet az interneten ‣ Üzlet támogatása az interneten OnlineMarketing.hu 13. január 30., szerda
  • 7. A célcsoport ‣ A cél eléréséhez is igazodjon ‣ Elérhető legyen az interneten ‣ Valódi eredményt hozzon OnlineMarketing.hu 13. január 30., szerda
  • 8. Lehetséges eszközök ‣ Jöhet minden ötlet ‣ Kérdőívek, fórumok, játékok, felsorolások, listák, képek, videók... ‣ Korábbi, bevált eszközök ‣ Új ötletek ‣ Mások ötletei OnlineMarketing.hu 13. január 30., szerda
  • 9. Lehetséges tartalmi elemek ‣ szövegek, amik már megvannak ‣ szövegek, amiket meg kell írni ‣ fotók ‣ videók ‣ magyarázó ábrák OnlineMarketing.hu 13. január 30., szerda
  • 10. Mi alapján választunk? ‣ Teljesítse a kitűzött célt ‣ Meg tudjuk valósítani OnlineMarketing.hu 13. január 30., szerda
  • 11. Az egyes oldalak ‣ címlap ‣ tartalmi oldal ‣ állandó elemek ‣ változó elemek OnlineMarketing.hu 13. január 30., szerda
  • 12. Címlap ‣ Logó ‣ Szlogen ‣ Cím!, illetve fontos elérhetőségek ‣ Menü ‣ Friss hírek (ha vannak) ‣ NE legyen köszöntő... se intro, se előzetes oldal OnlineMarketing.hu 13. január 30., szerda
  • 13. Tartalmi oldal ‣ Ez is címlap, a keresők miatt ‣ Logó, szlogen, menü... ‣ Aktuális információk ‣ És persze maga a tartalom OnlineMarketing.hu 13. január 30., szerda
  • 14. eCommerce ‣ Áttekinthető kínálat ‣ JÓ kereső ‣ Pontos tájékoztatás ‣ Netes fizetés - pl. vPos ‣ Üzleti háttér tervezés OnlineMarketing.hu 13. január 30., szerda
  • 15. A menü ‣ Legyen egyértelmű ‣ Minél kevesebb fő menü ‣ Logikus, de nem túl “mély” ‣ Lehet egyben plusz információi is: breadcumb menü ( Címlap - Menü - Almenü - Tartalom) OnlineMarketing.hu 13. január 30., szerda
  • 16. A színek ‣ Alapvetően a cég színei ‣ Világos alapon sötét szöveg ‣ Gondoljunk a különféle monitor beállításokra ‣ Ne zavarja a navigációt ‣ Minden színnek van extra jelentése is OnlineMarketing.hu 13. január 30., szerda
  • 17. A tartalom ‣ Legyen és jó legyen ‣ Friss, illetve friss hatású ‣ tagolt, jól olvasható ‣ egyszerűsített OnlineMarketing.hu 13. január 30., szerda
  • 18. Weboldal “motorok” ‣ saját fejlesztés ‣ ingyenes megoldások ‣ Wordpress (blog) ‣ Joomla (portal) ‣ Drupal (általános) ‣ fizetős megoldások ‣ pl. Microsoft SharePoint OnlineMarketing.hu 13. január 30., szerda
  • 19. Webergonómia ‣ Usability ‣ a fontos információk könnyen elérhetőek legyenek ‣ ne keresztrejtvény legyen a weboldalunk ‣ a célcsoportnak megfelelő bonyolultságú lapunk legyen ‣ figyeljünk a felhasználói szokásokra! OnlineMarketing.hu 13. január 30., szerda
  • 20. Fontos ‣ Legyen minél kevesebb lépés: egyszerű regisztráció ‣ A belső oldalak “hasonlóak” legyenek ‣ Ne legyenek kicsik a betűk ‣ Legyen erős a színkontraszt OnlineMarketing.hu 13. január 30., szerda
  • 21. A méret ‣ File-méretben ne legyen túl nagy: képekkel együtt 1 MB alatt! ‣ Időben: az első 15 sec. a fontos! ‣ Képernyő méretben: 1024x768, de inkább rugalmas ‣ Lapok számában: logikusan ‣ Első oldal: legyen áttekinthető, ne túl hosszú OnlineMarketing.hu 13. január 30., szerda
  • 22. Fontos szokások ‣ Logó bal felső sarok és kattintható ‣ Menü bal oldalt vagy fent ‣ A szöveges link aláhúzott ‣ A kép is legyen link ‣ Érdemes nyilat is használni ( Erre »») OnlineMarketing.hu 13. január 30., szerda
  • 23. A felhasználó figyelme ‣ Bal felső saroktól a jobb alsó sarokig ‣ Fordított L vagy F alak OnlineMarketing.hu 13. január 30., szerda
  • 27. A weboldal tervezése ‣ Cél meghatározása ‣ Célcsoport meghatározása ‣ Lehetséges eszközök ‣ Lehetséges tartalmi elemek ‣ A felhasználandó eszközök és tartalmak kiválasztása ‣ A különböző lapok tartalmai ‣ Design és programozás OnlineMarketing.hu 13. január 30., szerda
  • 28. Láthatóság ‣ Találjanak meg a keresők ‣ Legyünk elől a fontos szavakra ‣ Mutassanak ránk linkeke - releváns oldalakról ‣ Mutassunk mi is linkekkel releváns oldalakra! OnlineMarketing.hu 13. január 30., szerda
  • 29. Keresőoptimalizálás ‣ Szükséges ‣ Az oldalon: tartalom és programozás ‣ Az oldalon kívül: linkek ‣ Segít a Google: Webmestereszközök OnlineMarketing.hu 13. január 30., szerda
  • 30. Közösségi média ‣ Blogok ‣ Facebook ‣ LinkedIn ‣ Twitter OnlineMarketing.hu 13. január 30., szerda
  • 31. Facebook ‣ Like: amikor oldalunk van a Facebookon ‣ Like: amikor a tartalmunkat osztják meg OnlineMarketing.hu 13. január 30., szerda
  • 32. Hirdetések ‣ Brand ‣ Teljesítmény OnlineMarketing.hu 13. január 30., szerda
  • 33. A landing page ‣ Érkezési oldal ‣ Ide érkeznek a hirdetésekről ‣ Kiemelt szerepe van ‣ A hirdetés része, annak folytatása ‣ A jó érkezési oldal: több pénz! OnlineMarketing.hu 13. január 30., szerda
  • 34. Landing Page ‣ Megismétli, kiegészíti a hirdetést ‣ Irányítja az érdeklődőt ‣ Csak a szükséges navigációs elemeket tartalmazza ‣ A legtöbb esetben szükséges, növeli a hatékonyságot OnlineMarketing.hu 13. január 30., szerda
  • 35. Landing page ‣ Érdemes tesztelni a változatokat ‣ http://www.conversionskills.com/ OnlineMarketing.hu 13. január 30., szerda
  • 36. Hirdetések Közösségi média Láthatóság Használhatóság, design Tartalom OnlineMarketing.hu 13. január 30., szerda
  • 37. Köszönöm a figyelmet! ‣ Berényi Konrád ‣ onlinemarketing.blog.hu ‣ @b_konrad ‣ (20) 966 3180 ‣ berenyi.konrad@onlinemarketing.hu OnlineMarketing.hu 13. január 30., szerda