Səhifə metaməlumatı: head və meta

<head> ziyarətçiyə birbaşa göstərilməyən, amma brauzer və axtarış sistemləri üçün vacib məlumatı saxlayır: başlıq, kodlaşdırma, stil və skript bağlantıları, meta teqlər.

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Fresh bread in Baku | Example Bakery</title>
  <link rel="stylesheet" href="style.css">
  <link rel="icon" href="favicon.svg">
</head>

• charset="utf-8" hərflərin düzgün görünməsini təmin edir.
• viewport mobil ekranda düzgün ölçü verir.

<title> brauzer vərəqində və axtarış nəticəsində görünən başlıqdır; hər səhifə üçün unikal və aydın olmalıdır. <meta name="description"> axtarış nəticəsindəki qısa izahın mənbəyi ola bilər; 150–160 simvol yetərlidir.

<meta name="description" content="Daily fresh bread, pastries and coffee in the centre of Baku.">
<link rel="canonical" href="https://example.com/bread">

Open Graph teqləri linkin sosial şəbəkədə necə görünəcəyini təyin edir: og:title, og:description, og:image. <html lang="az"> sənədin dilini bildirir; alternativ dillər üçün hreflang linkləri işlənir.

<meta property="og:title" content="Fresh bread in Baku">
<meta property="og:image" content="https://example.com/cover.jpg">
<link rel="alternate" hreflang="en" href="https://example.com/en/bread">