META TAGS ICON WEBSITE

Meta Tags Icon Website - Apa yg dimaksud dengan meta tags icon website? Meta tag icon wemsite merupakan sebuah metode atau cara menambahkan icon website pada tab browser serta loka lainnya, Sebelum kehadiran smartphone serta poly-nya jenis browser modern setiap website misalnya situs blogger umumnya memakai sebaris tag favicon.ico "" buat menambahkan icon situs web mereka pada tab browser. Tetapi kini meta tag icon seperti itu kurang maksimum bahkan nir support di sebagian browser. Agar icon situs web khususnya icon situs blogger muncul di poly jenis browser serta kita perlu menambahkan beberapa jenis meta tag icon dengan size atau berukuran icon website yg tidak sama.
Di kesempatan kali ini aku akan membagikan meta tag icon untuk mendukung kemunculan icon atau logo situs di banyak browser terbaru serta pada banyak tempat misalnya dalam tab browser, Beranda browser, history, recent history, favorite (situs yang seringkali pada-kunjungi) serta lainnya seperti terlihat dalam model di bawah ini;
Jika penerapan icon pada situs blogger memakai metode lama , browser terkini tidak dapat menampilkan gambar icon secara utuh serta hanya pada tandai dengan inisial "B" atau blogger, sedangkan bila penerapan icon situs memakai metode baru, gambar icon akan ditampilkan secara utuh dengan resolusi yang tinggi sebagai akibatnya situs lebih mudah dikenali misalnya terihat dalam gambar sebelah kanan.
Untuk menampilkan icon website secara aporisma pada poly jenis browser kita perlu menambahkan beberapa versi meta tag icon pada bawah ini pada tag situs web lengkap menggunakan size atau berukuran icon buat mencegah perubahan skala otomatis.
url-icon-72x72.png">
url-icon-76x76.png">
url-icon-114x114.png">
url-icon-120x120.png">
url-icon-144x144.png">
url-icon-152x152.png">
url-icon-180x180.png">
url-icon-192x192.png">
url-icon-32x32.png">
url-icon-96x96.png">
#ffffff">
url-icon-144x144.png">

Catatan: Tidak seluruh meta tag icon wajib di masukkan ke dalam situs web, kamu bisa menentukan beberapa meta tag saja untuk mewakili browser yang paling generik pada gunakan pada daerah target situs serta jenis arsip yg yang digunakan adalah arsip png "icon.png".
Situs web ini contoh nya hanya memakai 5 meta tag icon yang paling generik dipakai buat mendukung browser-browser utama seperti Chrome, Firefox OS, Safari serta Opera.

Penerapan Meta Tag Icon Pada Situs Blogger

Tambahkan meta tag icon di bawah ini pada area situs blogger, lebih jelas nya letakkan link tag di antara kode serta html situs blogger anda, kemudian ganti tanda pagar "#" dengan url_icon atau logo situs.

Pengaturan size image data icon

Untuk menyesuaikan ukuran atau size icon.png dengan size yg ditetapkan pada meta (link) tag icon, kamu nir perlu membuat serta menggunggah banyak gambar dengan berukuran (size) yang tidak sinkron. Cukup unggah satu (1) icon.png persegi misal: 5cm x 5cm dengan data size dibawah 350kb, lalu icon.png akan kita compress memakai image url blogspot supaya sinkron dengan berukuran yg di memutuskan pada meta tag icon. Baru taukan bahwa image url blogspot bisa dijadikan image size compressor ☺, perhatikan image url dibawah ini.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXgDnEgu2Iox0i1Ak5tPPVF9yp-yfnpTklB4CeVc9UgMyTw1UoipOCnWLgPKPg9bAlPvqI_MZ1BsW_8jzp9KKZDyLEm-ee1VxMDCGVXcAIGoakhIdC-lzOlF5_cFOjmiI1y0dDPZqO0Ig/s470/STLB.png
Ganti s470 dengan size dalam masing-masing tag icon, misalnya s192, s152, s180 serta s167, menggunakan demikian ukuran atau size mage "icon.png" akan pada resize sesuai menggunakan berukuran pada tag icon. Untuk membuat berukuran normal icon.png silahkan hapus /s470 menurut image url, Agar lebih jelas-nya silahkan kunjungi "Beranda" situs ini kemudian tekan Ctrl+U untuk melihat cara penerapan tag icon pada situs blogger.

Setelah tag icon di terapkan silahkan lihat atau tinjau situs anda melalui smartphone (android atau apple) dengan browser chrome, opera serta safari, sekalian juga tinjaukan situs saya jika kamu pengguna iphone.
Seberapa Penting Tag Icon Untuk Situs Blogger?
Icon atau logo situs akan menambah nilai / tingkat propesional terhadap situs web itu sendiri, Selain itu icon/logo situs juga cenderung menambah seni (kerapian) situs sehingga menjadikan situs web lebih mudah di kenali, icon atau logo situs web juga merupakan brand atau merk yang menggambarkan produk atau isi situs web. Orang-orang umumnya lebih cenderung mengenali atau menghafal brand di bandingkan url situs. Dalam SEO (Serch Engine Optimation) Checker, situs web yang memiliki nilai serta daya tarik tersendiri untuk mendatangkan visitor ke situs web.
Jika didalami lebih jauh, optimasi icon atau logo pada situs web dapat dikategorikan sebagai optimasi seo off page, kamu dapat mempelajari lebih dalam tentang tag icon.png serta pengetahuan tentang browser modern pada laman google develover serta developer apple untuk mengindari kesalahan atau gunakan tag favicon generator untuk mendapatkan ukuran atau size icon situs web pada sebagian besar browser populer saat ini.
Demikian saja penjelasan serta cara menerapkan tag icon website pada situs blogger, saya harap artikel ini dapat memberikan sedikit ilmu atau sekedar pemahaman memasang tag icon website selamat mencoba serta sukses buat kamu. Tak bosan saya ingatkan Follow serta Subscribe situs ini buat menerima warta ter-update seputar blogging.

Comments