HTML (HyperText Markup Language) on verkkosivujen merkintäkieli, joka määrittelee sivuston sisällön ja rakenteen. Jokainen verkkosivu internetissä on pohjimmiltaan HTML-dokumentti. Selain lukee HTML-koodin ja esittää sen visuaalisena verkkosivuna.
Miten HTML toimii?
HTML käyttää tageja (merkintöjä) sisällön rakenteen kuvaamiseen. Tagit kertovat selaimelle, mikä osa sisällöstä on otsikko, mikä kappale, mikä kuva ja mikä linkki:
<h1>— pääotsikko<p>— tekstikappale<img>— kuva<a>— linkki<form>— lomake
Tagit muodostavat hierarkkisen rakenteen: sivulla on runko (<body>), jonka sisällä on osioita, ja osioiden sisällä otsikoita, tekstiä ja muita elementtejä.
HTML ei määrittele sivun ulkoasua (värit, fontit) eikä toiminnallisuutta (interaktiot) — ne hoidetaan CSS:llä ja JavaScriptillä.
HTML ja hakukoneoptimointi
HTML-rakenne on suoraan yhteydessä hakukonenäkyvyyteen. Google lukee HTML:ää ymmärtääkseen sivuston sisällön:
- Otsikkotagit (
<h1>,<h2>,<h3>) — kertovat Googlelle sisällön hierarkian - Title-tagi (
<title>) — näkyy hakutuloksissa sivun otsikkona - Meta-kuvaus (
<meta description>) — hakutulosten kuvausteksti - Alt-tekstit (
<img alt="">) — kuvien vaihtoehtoinen teksti hakukoneille ja ruudunlukijoille - Semanttiset tagit (
<article>,<nav>,<header>) — auttavat hakukoneita ymmärtämään sivurakennetta
Hyvin rakennettu HTML on perusta hyvälle SEO:lle. Ilman oikeaa HTML-rakennetta hakukone ei ymmärrä sivuston sisältöä.
HTML-versiot
HTML:stä on julkaistu useita versioita vuosien varrella:
| Versio | Vuosi | Merkittävin muutos |
|---|---|---|
| HTML 1.0 | 1993 | Ensimmäinen versio |
| HTML 4.01 | 1999 | Vakiintunut standardi |
| XHTML | 2000 | Tiukempi syntaksi |
| HTML5 | 2014 | Nykyinen standardi |
HTML5 on nykyinen standardi, joka toi mukanaan semanttiset elementit (<header>, <footer>, <article>), multimedia-tuen (<video>, <audio>) ja monia muita moderneja ominaisuuksia.
HTML pk-yrityksen näkökulmasta
Pk-yrityksen ei tarvitse osata kirjoittaa HTML:ää, mutta on hyödyllistä ymmärtää perusasiat:
- Puhdas HTML latautuu nopeasti — sivuston nopeus riippuu HTML:n laadusta
- Semanttinen HTML parantaa hakukonenäkyvyyttä
- Saavutettava HTML varmistaa, että kaikki voivat käyttää sivustoa
- Validoitu HTML toimii luotettavasti kaikilla selaimilla
Yhteenveto
HTML on jokaisen verkkosivun perusta — ilman sitä sivustoa ei ole olemassa. Se määrittelee sisällön rakenteen, jota CSS muotoilee ja JavaScript rikastaa. Laadukas HTML-koodi on nopean, hakukoneystävällisen ja saavutettavan verkkosivuston edellytys. Me huolehdimme siitä, että kotisivujesi HTML on optimoitua, semanttista ja standardien mukaista.