Hogyan kell a webre tartalmat írni?

• 2013. 01. 14.
• olvasási idő: 5 perc
• marketing, sitebuild, weboldal tervezés

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:

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.

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 egy helyes kód:

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.