Mi is az a mágikus h1 tag a weboldalon?

Mi is az a mágikus h1 tag a weboldalon?

Weboldal alapok: a h1 tag

A weboldalakat egy programozási nyelvben megírt kód segítségével jelenítik meg a böngészők. Ez a html programozási nyelv. A böngészők tehát a szövegek, képek megjelenítésére ún. html tag-eket használnak. Ezekből épül fel egy weboldal. Ezek a html tag-ek határozzák meg a weboldal felépítését és „mondják” meg a böngészőnek, hogy mi, micsoda az oldalon.

Az egyik legfontosabb html tag: <h1>

Ezek közül az egyik legfontosabb az ún. <h1> html tag.

De nézzük …

Mire is való, mire jó, és mire használjuk a <h1> tag-et?

A weboldal egyes aloldalaira tekinthetünk úgy, mint egy újságban megjelenő cikkre. Az újság cikkek sokaságából áll és egy weboldalnál is az a jó, ha bő tartalommal, sok-sok cikkel találkozik a látogató.

Nézzük meg egy cikk felépítését!

Egy-egy cikk (ahogyan egy újságban is) általában a következő részekből áll össze:

blog cikk felépítése

Nézzük meg ennek a cikknek az ún. html kód verzióját:

blog cikk html kódja

Nos, e kettő kép összehasonlításából, már jól látszik, hogy hogyan jeleníti meg a böngésző a <h1>Főcím</h1> html kódot.

Ha jól van a weboldal stílusa definiálva, akkor a <h1> tag-be írt szöveg lesz a legfeltűnőbb az oldalon, a legnagyobb betűmérettel. Ez logikus is, hiszen ez a cikk címe, ezt kell legjobban láthatóvá tenni. Pl. ennek a cikknek -amit épp most olvas- az a címe, hogy „Mi is az a mágikus h1 a weboldalon?”. Ha felteker az oldal tetejére, akkor láthatja, hogy ez az első szöveg amivel találkozik és ez a legnagyobb betűméretű. (Bizonyos esetekben meg egyéb módon is kiemelik a főcímet, pl. színes betű vagy eltérő háttérszín alkalmazásával.)

Összefoglalva

A <h1> html tag-be írt szöveg a főcím, az adott aloldal címe, legfontosabb eleme.

Mik a legfontosabbak a főcímmel kapcsolatban?

Technikai megfelelés

Megbeszéltük, hogy a főcímet úgy tudjuk jelezni, hogy <h1> html tag-be tesszük. Használjunk csak egy főcímet, hiszen egy cikknek csak egy címe van/lehet. (Technikailag lehetne több <h1> is, de ezt nem javaslom.) Ahhoz, hogy a főcím <h1> tag-be kerüljön persze nem feltétlenül kell tudni programozni. Ebben ma már a különböző CMS-ek ( content management system = tartalomkezelő rendszer, mint pl. a WordPress) sokat segítenek és egy egyszerű adminisztrációs felületen állítható be, hogy egy szöveget/címet <h1> tag-be tegyünk. Sőt, a sablonokban alapból be is van állítva, hogy a címet, maguktól <h1> tag-be teszik. Így nekünk már csak az alcímeket kell állítani.

adminisztrációs felület

Tartalmi megfelelés

Ezt 2 szempontból érdemes elemezni.

  1. Legyen figyelem felkeltő
    Az oldalt azért írjuk, hogy el is olvassák a látogatók. Ha egy cikknek a címe figyelem felkeltő, megragadja az olvasót, csak akkor van rá esély, hogy azt el is olvassa.
  2. Segítse a Google-t, hogy előrébb kerüljön a keresőben
    Abban, hogy egy adott keresésre jó helyen szerepeljen az oldalunk a <h1> tag is sokat tud segíteni. A Google látja azt, hogy ez az oldal főcíme és ebből ő is azt gondolja, hogy a cím az alatta lévő tartalomról szól. Szóljon , tehát a főcím a tartalomról, mégpedig lehetőleg úgy, hogy a legfontosabb kulcsszavunk a cím elejére kerüljön.

 

Egy sikeres weboldal története: rancstop.hu

Egy sikeres weboldal története: rancstop.hu

… avagy egy sikeres vállalkozó története

A sikeres weboldal nem egy önálló identitás. A sikeres weboldal azt jelenti, sikeres az ember aki mögötte áll.

És mi kellett a sikerhez?

Egy jó weboldal.

No persze egy jó weboldal mit sem ér, ha nincs ott mögötte az elhivatott, mindenben magas színvonalat képviselő szakember és az Ő kiváló minőségű szolgáltatásai.

E kettő csak együtt tud igazán jól működni és meghozni a sikert.

Alig fél éve kezdtünk hozzá a rancstop.hu weboldal elkészítéséhez. Varga Erika – holisztikus bőrterapeuta, azzal keresett meg minket, hogy segítsünk neki, mert rengeteget dolgozik, minden energiáját beleteszi a vállalkozásába, mégis úgy érzi nem halad előre.

Első lépésként alaposan átbeszéltük, hogy mik is a célok?

  • Ki a célcsoport?
  • Milyen konkurensek vannak a piacon?
  • Miben egyedi és fantasztikus az Ő megoldása?
  • Miben nyújt Ő kiválót?

Második lépésként felmértük a piacot.

  • Kik és milyen megoldásokat alkalmaznak?
  • Kulcsszó elemzést végeztünk.

Harmadik lépésként megterveztük a weboldal struktúráját.

  • Szerkezeti tervet készítettünk.
  • Megterveztük a Menü felépítését.
  • Kialakítottuk az egyes oldalak felépítését.

Ennek elfogadása után következett a design terv.

A kivitelezés során számos egyedi felépítésű aloldalt alakítottunk ki.

Különösen fontos volt a weboldal nyitólapja, hiszen a legtöbb látogató ide érkezik.

rancstop-vagyA honlapnak kettős funkciót kellett megvalósítania. Egyrészt probléma, másrészt vágy alapú weboldal. Számos páciense keresi meg Erikát valamilyen bőr problémával, de sokan szépülni, fiatalodni vágynak. E kettős kihívás kezelése okozta a legfőbb kihívást.

A honlapra a koronát a marketing automatizálási rendszer tette fel, mely segítségével rengeteg adminisztrációt vettünk le Erika válláról. Ez a rendszer folyamatosan gyűjti a feliratkozókat. Állandóan kommunikál a vendégekkel. Nyomon kíséri a kezelési folyamatot. De e mellett visszajelzéseket, értékeléseket gyűjt. Közvélemény kutatást végez a vendégek körében, mely segítségével fejlesztheti Erika tovább szolgáltatásportfólióját.

rancstop-szolgaltatasokA honlap elindítása óta, Erika jóval tervezhetőbben tud dolgozni, vendégei elégedettebbek a kiszolgálással. A rendszer folyamatosan új vendégeket szállít, de e mellett nem felejtkezik el a visszatérő vendégekről sem.

 

 

Önnek van Avatarja?

Önnek van Avatarja?

Személyesítse meg az ideális vevőjét

bayer-persona

Avatar , buyer persona, bull eye, ideális vevő. A szakirodalomban sokféleképpen nevezik, de ezek a fogalmak mind ugyanazt jelentik.

Minden vállalkozásban – így bizonyára az Önében is – van egy olyan konkrét személy, aki az Ön ideális vásárlója.

Mi jellemző az ideális vevőre?

(tovább…)

Leesett a kaktusz!

Leesett a kaktusz!

Egyszer egy vevőnkkel beszélgettem. Épp azt magyaráztam neki, hogy mi a baj a legtöbb weboldal kommunikációjával.

Egyszer csak felkiált:

„Áhhh értem már, leesett a kaktusz!”

Mondom: „Micsoda?”

„Hát leesett a kaktusz!”

„Milyen kaktusz?”

„Hát tudod a kaktusz, van ez a mondás…”

ÚRISTEN! Ekkor esett le nekem is, no nem a kaktusz, hanem a tantusz.

Szerencsétlen, gyerek kora óta hallja, hogy leesett a tantusz. De neki ez nem jelentett semmit. Sőt teljesen értelmetlennek tűnt, ezért már a füle keresett egy számára értelmes szót.

„Leesett a tantusz. Leesett a tantusz. Ez nem jelent semmit. Leesett a kaktusz. Ezt már értem. Biztos volt egy kaktusz, ami leesett.”

Ő nálam jóval fiatalabb és soha nem találkozott a tantusszal. (Megjegyzés a fiatalabbaknak: A tantusz egy pénzérméhez hasonló valami volt, amivel telefonálni lehetett az utcai telefonfülkéből. Amikor valaki azt bedobta a nyílásba és a vonal kapcsolt, felvette a hívott fél, akkor leesett a pénzgyűjtő dobozba a tantusz. Innentől, ha valaki megérti miről van szó, azaz kapcsol, akkor azt mondtuk leesett nála a tantusz.)

Mivel számára egy teljesen ismeretlen fogalmat hallott, nem is értette azt.

Félre ment az információ.

És ez a baj a legtöbb weboldal kommunikációjával.

Olyan nyelven próbálunk meg beszélni, amit nem ért a vevő. Persze, hogy mi naponta használunk szakkifejezéseket, zsargont, de a vevőnek honnan a fenéből kellene ezt értenie?

Azt javaslom, hogy amikor szöveget ír a weboldalára, lépjen egy lépéssel hátrébb. Próbálja magát beleképzelni a vevő bőrébe. Ő laikus még az adott témában. Jó, lehet, hogy a végén profi lesz, de ahhoz még hosszú út vezet.

Beszéljen „konyhanyelven”. Írjon úgy, hogy a gyermeke, nagymamája is megértse.

Legjobb, ha tényleg leülteti őket a gép elé. Kérje meg őket, hogy olvassák el amit írt. Majd tegyen fel 3 kérdést. Látni fogja, hogy megértetté-e?

Ha nem, kezdje elölről. Egészen addig, amíg érthető lesz a szöveg a nagymamának is.

 

Tudja Weboldalkészítés2. Mert nem vagyunk piacvezetők… Még!