Slovenčina 
Čeština 
English 
Shqiptare 
Österreich 
België 
български 
Bosanski 
Українська 
Eesti 
Македонски 
Türkçe 
Deutsch 
Dansk 
Español 
Français 
Ελληνικά 
Hrvatski 
Magyar 
Schweiz 
Irish 
Italiano 
Lietuvių 
Latviešu 
Nederlands 
Norsk 
Polski 
Português 
Română 
Srpski 
Slovenščina 
Svenska 
Yleiset sisällönkuvauskenttätyypit
1. Metan kuvaus
Tarjoaa lyhyen yhteenvedon verkkosivun sisällöstä, jota hakukoneet käyttävät hakutuloksissa.
<meta name=”description” content=”Tämä on verkkosivu, joka käsittelee HTML-sisällönkuvauskenttiä ja niiden toimintoja.” >
2. Meta-avainsanat
Määrittää sivun sisältöön liittyvät avainsanat. (Vähemmän tärkeä SEO: lle nykyään.)
<meta name=”keywords” content=”HTML, sisällönkuvauskentät, verkkosivu, SEO”>
3. Näkymä
Määrittää, miten verkkosivu näytetään mobiililaitteissa.
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
4. Merkistö
Määrittää verkkosivun merkkikoodauksen (UTF-8:aa käytetään yleisesti).
<meta charset=”UTF-8″>
5. Kirjoittaja
Määrittää sisällön tekijän nimen.
<meta name=”author” content=”John Doe”>
Esimerkki HTML-sisällönkuvauskentistä
<! DOCTYPE html>
<html>
<pää>
<meta charset=”UTF-8″>
<meta name=”description” content=”Opi kaikki HTML-sisällönkuvauskentistä ja siitä, miten ne parantavat hakukoneoptimointia ja sivun toimintoja.” >
<meta name=”keywords” content=”HTML, sisällönkuvauskentät, SEO”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<meta name=”author” content=”Jane Smith”>
<title>Understanding Meta Tags</title>
</pää>
<runko>
<h1>Tervetuloa sisällönkuvauskentän opetusohjelmaan</h1>
</runko>
</html>
Sisällönkuvauskenttien merkitys
– SEO: Sisällönkuvauskentät, erityisesti kuvaus ja avainsanat, auttavat hakukoneita ymmärtämään sivun sisältöä.
– Käyttökokemus: Tunnisteet, kuten ”viewport”, parantavat mobiiliresponsiivisuutta.
– Metatiedot: Tarjoaa lisätietoja (tekijä, merkistö), jotka ovat hyödyllisiä selaimille ja hakukoneille.
