Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele Dokumentin Pään Rooli | HTML-Dokumentin Rakenne
HTML:n Perusteet

Dokumentin Pään Rooli

Pyyhkäise näyttääksesi valikon

Dokumentin head-osio sisältää metatietoja, tietoja selaimille ja hakukoneille. Nämä tagit eivät näy itse sivulla, joten alla olevat esimerkit eivät tuota näkyvää tulosta.

Sivun otsikko

<title>-tagi määrittää, mitä selaimen välilehdessä näkyy. Sen tulisi olla lyhyt, selkeä ja mielellään alle 60 merkkiä.

index.html

index.html

Metatiedot

<meta>-elementti tallentaa sivun tärkeitä teknisiä tietoja. Keskeisin näistä on merkistökoodaus, joka estää rikkinäiset merkit (mojibake):

index.html

index.html

meta-tagin attribuuttien merkitys

  • name: kuvaa metatiedon tyyppiä;
  • content: kyseisen metatiedon arvo;
  • http-equiv: simuloi HTTP-otsakkeita.

Perus meta-tagit hakukoneoptimoinnin parantamiseen

Note
Lisätietoa

SEO (Search Engine Optimization) tarkoittaa verkkosivuston optimointia, jonka tavoitteena on parantaa sen näkyvyyttä hakukoneiden tuloksissa.

  • <meta name="description"/>: määrittää verkkosivun lyhyen kuvauksen;
  • <meta name="author" />: määrittää verkkosivun tekijän;
  • <meta name="language"/>: määrittää verkkosivun kielen;
  • <meta name="robots"/>: ohjeistaa hakukoneita, miten verkkosivua indeksoidaan tai selataan;
  • <meta name="googlebot" content="notranslate"/>: ilmoittaa Googlelle, ettei verkkosivua tule kääntää automaattisesti;
  • <meta name="copyright" content="Copyright 2024"/>: määrittää verkkosivun tekijänoikeuden.
index.html

index.html

1. Mihin <meta>-tunniste tulisi sijoittaa?

2. Minkä tunnisteen sisältö näytetään käyttäjän välilehdellä?

3. Miten selainta voidaan auttaa sivun indeksoinnissa?

question mark

Mihin <meta>-tunniste tulisi sijoittaa?

Valitse oikea vastaus

question mark

Minkä tunnisteen sisältö näytetään käyttäjän välilehdellä?

Valitse oikea vastaus

question mark

Miten selainta voidaan auttaa sivun indeksoinnissa?

Valitse oikea vastaus

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 3. Luku 3

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Osio 3. Luku 3
some-alt