Oppiskele Dokumenttipään Rooli | HTML-Dokumentin Rakenne

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

Metatiedot

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

index.html

meta-tagin attribuuttien merkitys

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

Perus meta-tunnisteet hakukoneoptimoinnin parantamiseksi

Lisätietoa

SEO (Search Engine Optimization) tarkoittaa verkkosivuston optimointia sen näkyvyyden parantamiseksi hakukoneiden tuloksissa.

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

index.html

1. Mihin kohtaan `<meta>`-tunniste tulisi sijoittaa?

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

3. Mitä voidaan tehdä selaimen auttamiseksi sivun indeksoinnissa?

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 3. Luku 3

Kysy tekoälyä

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

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

Metatiedot

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

index.html

meta-tagin attribuuttien merkitys

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

Perus meta-tunnisteet hakukoneoptimoinnin parantamiseksi

Lisätietoa

SEO (Search Engine Optimization) tarkoittaa verkkosivuston optimointia sen näkyvyyden parantamiseksi hakukoneiden tuloksissa.

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

index.html

1. Mihin kohtaan `<meta>`-tunniste tulisi sijoittaa?

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

3. Mitä voidaan tehdä selaimen auttamiseksi sivun indeksoinnissa?

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 3. Luku 3

Dokumenttipään Rooli

Sivun otsikko

Metatiedot

meta-tagin attribuuttien merkitys

Perus meta-tunnisteet hakukoneoptimoinnin parantamiseksi

1. Mihin kohtaan <meta>-tunniste tulisi sijoittaa?

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

3. Mitä voidaan tehdä selaimen auttamiseksi sivun indeksoinnissa?

Dokumenttipään Rooli

Sivun otsikko

Metatiedot

meta-tagin attribuuttien merkitys

Perus meta-tunnisteet hakukoneoptimoinnin parantamiseksi

1. Mihin kohtaan <meta>-tunniste tulisi sijoittaa?

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

3. Mitä voidaan tehdä selaimen auttamiseksi sivun indeksoinnissa?

1. Mihin kohtaan `<meta>`-tunniste tulisi sijoittaa?

1. Mihin kohtaan `<meta>`-tunniste tulisi sijoittaa?