Minggu, 04 Februari 2024
HTML Favicon
Sebuah gambar favicon ditampilkan di sebelah kiri judul halaman di tab browser, seperti ini:
Contoh favicon
Untuk menambahkan favicon ke situs web Anda, simpan gambar favicon Anda ke direktori root server web Anda atau buat folder di direktori root dengan nama "images" dan simpan gambar favicon Anda di dalam folder tersebut. Nama umum untuk gambar favicon adalah "favicon.ico".
Selanjutnya, tambahkan elemen <link> ke file "index.html" Anda, setelah elemen <title>, seperti ini
Contoh
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman Saya</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<body>
<h1>Ini adalah Heading</h1>
<p>Ini adalah paragraf.</p>
</body>
</html>
Ringkasan Bab
Gunakan elemen HTML <link> untuk menyisipkan favicon pada halaman web Anda.
HTML Page Title
Setiap halaman web seharusnya memiliki judul halaman untuk menjelaskan makna dari halaman tersebut.
Elemen `<title>` menambahkan judul pada halaman Anda:
Contoh
<!DOCTYPE html>
<html>
<head>
<title>Tutorial HTML</title>
</head>
<body>
Isi dari dokumen......
</body>
</html>
Judul harus menggambarkan konten dan makna halaman.
Judul halaman sangat penting untuk optimisasi mesin pencari (SEO). Teks ini digunakan oleh algoritma mesin pencari untuk menentukan urutan ketika mencantumkan halaman dalam hasil pencarian.
Elemen <title>:
menentukan judul di toolbar browser
menyediakan judul untuk halaman saat ditambahkan ke favorit
menampilkan judul untuk halaman dalam hasil pencarian mesin pencari.