Cara Menempatkan Ikon Di Situs

Daftar Isi:

Cara Menempatkan Ikon Di Situs
Cara Menempatkan Ikon Di Situs

Video: Cara Menempatkan Ikon Di Situs

Video: Cara Menempatkan Ikon Di Situs
Video: cara mudah menambahkan icon pada website 2024, November
Anonim

Ikon yang ditampilkan di bilah alamat browser, serta di daftar situs favorit, dan bahkan di daftar pencarian situs di Yandex, adalah tambahan yang sangat berguna untuk cara lain untuk menarik perhatian ke situs Anda. Bagaimana menerapkan kemungkinan ini dijelaskan di bawah ini.

Ikon Fav
Ikon Fav

instruksi

Langkah 1

Ikon ini biasanya disebut "Favicon" (Ikon Favorit) dan merupakan gambar berukuran 16 kali 16 piksel. Beberapa browser modern juga dapat menampilkan ikon besar, tetapi jika kompatibilitas lintas-browser penting bagi Anda, maka Anda harus dipandu oleh standar minimum ini. Anda dapat membuat gambar seperti itu sendiri di editor grafis apa pun. Peramban modern dapat membaca ikon baik dalam format ico asli maupun dalam format grafik standar gif, png, bmp, dll. Namun, jika Anda ingin mencakup jumlah maksimum modifikasi browser, maka Anda harus fokus pada format ico. Dimungkinkan untuk menggambar gambar yang Anda butuhkan di editor, menyimpannya dalam salah satu format standar, dan kemudian mengonversinya ke format ico menggunakan salah satu layanan online. Beberapa dari layanan ini dapat menawarkan dan membuat favicon sepenuhnya secara online.

Langkah 2

Saat ikon dibuat, ikon tersebut harus diunggah ke server situs web Anda dengan nama favicon.ico. Beberapa browser tidak mengharuskan ikon diberi nama seperti itu, tetapi, sekali lagi, dengan mengingat kompatibilitas lintas-browser maksimum, Anda harus fokus pada persyaratan yang paling ketat. Prosedur pengunduhan itu sendiri paling mudah dilakukan melalui pengelola file, yang merupakan bagian dari sistem manajemen konten atau panel administrasi penyedia hosting Anda. Yang terbaik adalah menempatkan file di folder root situs - ini adalah tempat browser dan robot pencari mencarinya secara default, jika tidak ada alamat eksplisit dalam kode halaman.

Langkah 3

Terakhir, Anda harus menambahkan indikasi ikon ke kode html sumber halaman situs. Tag yang sesuai untuk Internet Explorer terlihat seperti ini: Browser lain memahami arti yang berbeda dari atribut "rel": Untuk menyenangkan semua orang, lebih baik menentukan keduanya. Jika Anda menempatkan file ikon tidak di root situs, tetapi di tempat lain, maka di atribut "href" Anda harus menentukan path lengkap ke ikon. Kedua baris ini harus ditempatkan di antara tag dan. Artinya, Anda perlu membuka halaman yang diperlukan di editor halaman sistem kontrol, alihkan ke mode pengeditan kode html, temukan baris yang berisi tag dan tambahkan dua baris yang diberikan di atas sebelumnya. Kemudian simpan perubahan Anda ke halaman.

Direkomendasikan: