Gyakran előfordulhatnak olyan esetek, amikor forrásanyagokat egy működő, régebbi weboldalról kapjuk. Ezek a tartalmak az esetek nagy többségében teli vannak kód szeméttel.
Ezek leginkább a webes szövegszerkesztők nem megfelelő használata miatt kerülnek a kódba. Legtöbbször a style=”” tag között lévő formázásokról van szó.
Leggyakoribb balesetek közé tartozik még, hogy Word dokumentumból másolunk be szöveges anyagot, így aztán a html-ünk tele lesz furcsa méretezésekkel, margókkal.
Ennél is durvább merényletek esetében más, kész weboldalak forráskódjának bemásolása is előfordult már. Itt a hibalehetőségek száma végtelen a végtelenediken. Az ilyen forrásanyagot kénytelenek vagyunk hosszú órák munkájával kitakarítani, mivel ilyen formában az anyagot veszélyes felhasználni.
Azzal, hogy a szöveges tartalomban a korábbi oldalból visszamaradt formázások, méretezések, színezések, elrendezések maradnak a szövegben, nem csak a vizuális élményünket rontjuk, de az amúgy jól működő weboldal működésében is kárt tehetünk. Az átlagfelhasználók, általában csak akkor veszik észre, hogy valami nem stimmel, ha vizuálisan valami különbséget észlelnek. Ilyenkor jönnek elő a kérdések, hogy ez a háttér miért fehér? Vagy ez a betű nem is akkora… Az esztétika romlásán kívül, ha valaki kód szeméttel teli weboldalt épít, a weboldal működésében is komoly problémákat okozhat. Ezen felül SEO szempontból sem túl szerencsés dolog.
Mire figyeljünk oda szövegíráskor?
Bár tartalmilag már tudjuk mit írjunk, hogy írjuk, de a jól megfogalmazott szövegeket a megfelelő módon tálalnunk is kell. Ne legyenek a szövegben bezáratlan tagek, szín, betűméret, vagy beágyazott formázások. Egyszóval semmi, ami nem a középiskolás HTML tanulmányainkon alapszik. Csak olyan tageket használjunk amiről pontosan tudjuk hogy mire valók, illetve ismerjük annak szabványos használatát.
Aki bizonytalan az látogasson el ide
Képek helyes beillesztése a tartalomba
Azokat a képeket, amiket web-re szánunk, feltöltés előtt mindig ellenőrizzük! Ne legyenek se felbontásilag, se file méretileg nagyok! Értem ez alatt, hogy 150 kb nál jobb, ha nem töltünk fel nagyobb képet. Természetesen a nagy felbontással az is jár, hogy nagy file méretet kapunk, de egy nagy felbontású kép minőségét is le lehet olyan szintre csökkenteni, hogy az ne foglaljon sok helyet, nem beszélve a különböző formátumokról. .BMP kiterjesztéseket inkább ne használjunk! .JPG .GIF .PNG mindegyike tömörített formátum, ezek biztonságosak. File nevek ne legyenek nagyon hosszúak, és ne tartalmazzanak ékezetet vagy furcsa karaktereket.
Egy rossz képbeágyazás így néz ki:
Egy jó pedig így:
Milyen tageket szabad és kell is használni?
Ha weben akarunk szerepelni, vagy saját magunk írjuk tartalmunkat jobb, ha minél előbb megismerkedünk a HTML nyelv szabványos, helyes használatával.
Az alábbi alap tag-eket használhatjuk a tartalom helyes formázására.
Címsor 1
Címsor 2
Címsor 3
Ez itt egy bekezdés
kurzív betűk félkövér betűk aláhúzás áthúzás
kisebb
nagyobb link
Vízszintes vonal:
Kép:
Rendezetlen lista:
lista elem
lista elem
lista elem
Számozott lista:
lista elem
lista elem
lista elem
Táblázat:
cella
cella
cella
Nézzünk meg egy példát, hogy jobban megértsük mi ről is van szó. Az alábbi furcsasággal egy konkrét project alkalmával volt szerencsém találkozni.
Mit látunk? Rengeteg felesleges formázást, bezáratlan, hiányos táblázat elmet, felesleges tageket. Emellett átláthatatlan.
Ez egy szemetes kód:
Ez a cikk főcíme
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla.
Ez pedig egy alcím
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla.
Ez egy helyes kód:
Ez a cikk főcíme
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla.
Ez pedig egy alcím
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla.
Ha a weboldalad tartalmát a fentieket szem előtt tartva írod meg, nem csak a saját magad, hanem a felhasználók, a programozók, a keresők, egyszóval mindenki munkáját megkönnyíted aki kapcsolatba kerül bármilyen szinten a honlapoddal.
A MarketingFlow “vendége” voltam egy interjú erejéig, ahol beszéltem egy kicsit magamról, hogy hogyan jutottam el oda, ahol most vagyok. Megosztottam néhány szakmai trükköt a személyes márkáról, a blogolásról és egy kicsit beszéltem az emberi oldaláról is a vállalkozásnak, szabadúszásnak. riporter: Haláchy Nóra
A HTML5 banner hirdetés az online marketing egyik eredményesebb formája. Sok cég marketingstratégiájában kiemelt helyen szerepelnek az Adwords Hirdetések, mert egy megfizethető, jól mérhető és hatékony eszköz például márkaismertség növelésére, vagy egy új termék bevezetésére, esetleg szezonális kampányok promózására. A hirdetés lényege az átkattintás, hiszen egy landing oldalra szeretnénk csalogatni az érdeklődőket, ahol megtekinthetik az…
Magától sajnos egyik elkészült honlap sem fog pénzköpő automataként működni. Ha van egy halászhálód, akkor dobd is be a vízbe, mert maguktól a halak nem ugrálnak ki, hogy te jóllakjál.