Skip to main content

Meta Tags Icon Website

Meta Tags Icon Website - Apa yang dimaksud dengan meta tags icon website? meta tag icon wemsite merupakan sebuah metode atau cara menambahkan icon website pada tab browser dan daerah lainnya, Sebelum kehadiran smartphone dan banyak-nya jenis browser modern setiap website menyerupai situs blogger umumnya memakai sebaris tag favicon.ico "<link href='/favicon.ico' rel='icon' type='image/x-icon'/>" untuk menambahkan icon situs web mereka pada tab browser. Namun kini meta tag icon menyerupai itu kurang maksimum bahkan tidak support di sebagian browser. Agar icon situs web khususnya icon situs blogger muncul di banyak jenis browser dan kita perlu menambahkan beberapa jenis meta tag icon dengan size atau ukuran icon website yang berbeda.

Di kesempatan kali ini aku akan membagikan meta tag icon untuk mendukung kemunculan icon atau logo situs di banyak browser modern dan di banyak daerah menyerupai pada tab browser, Beranda browser, history, recent history, favorite (situs yang sering di-kunjungi) dan lainnya menyerupai terlihat pada pola di bawah ini;
 Apa yang dimaksud dengan meta tags icon website Meta Tags Icon Website
Meta tags icon website
Jika penerapan icon pada situs blogger memakai metode lama, browser modern tidak sanggup menampilkan gambar icon secara utuh dan hanya di tandai dengan inisial "B" atau blogger, sedangkan kalau penerapan icon situs memakai metode baru, gambar icon akan ditampilkan secara utuh dengan resolusi yang tinggi sehingga situs lebih gampang dikenali menyerupai terihat pada gambar sebelah kanan.

Untuk menampilkan icon website secara maksimal di banyak jenis browser kita perlu menambahkan beberapa versi meta tag icon di bawah ini pada tag <head> situs web lengkap dengan size atau ukuran icon untuk mencegah perubahan skala otomatis.
<link rel="apple-touch-icon" sizes="72x72" href="url-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="url-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="url-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="url-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="url-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="url-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="url-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  href="url-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="url-icon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="url-icon-96x96.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="url-icon-144x144.png">

Catatan: Tidak semua meta tag icon harus di tambahkan ke dalam situs web, kau sanggup menentukan beberapa meta tag saja untuk mewakili browser yang paling umum di gunakan di wilayah sasaran situs dan jenis file yang yang dipakai ialah file png "icon.png".

Situs web ini pola nya hanya memakai 5 meta tag icon yang paling umum dipakai untuk mendukung browser-browser utama menyerupai Chrome, Firefox OS, Safari dan Opera.

Penerapan Meta Tag Icon Pada Situs Blogger

Tambahkan meta tag icon di bawah ini pada area <head> situs blogger, lebih terperinci nya letakkan link tag di antara aba-aba <head> dan </head> html situs blogger anda, kemudian ganti tanda pagar "#" dengan url_icon atau logo situs.
<link href='#' rel='icon' sizes='192x192'/>
<link href='#' rel='apple-touch-icon'/>
<link href='#' rel='apple-touch-icon' sizes='152x152'/>
<link href='#' rel='apple-touch-icon' sizes='180x180'/>
<link href='#' rel='apple-touch-icon' sizes='167x167'/>
Pengaturan size image data icon

Untuk menyesuaikan ukuran atau size icon.png dengan size yang ditetapkan pada meta (link) tag icon, kau tidak perlu menciptakan dan menggunggah banyak gambar dengan ukuran (size) yang berbeda. Cukup unggah satu (1) icon.png persegi misal: 5cm x 5cm dengan data size dibawah 350kb, kemudian icon.png akan kita compress memakai image url blogspot semoga sesuai dengan ukuran yang di menetapkan pada meta tag icon. Baru taukan bahwa image url blogspot sanggup dijadikan image size compressor ☺, perhatikan image url dibawah ini.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioWt_MGIF3bADpG3wKn_i8xjVlqXzE9DpoB4NVIGrW_Pluyq8-P8Hsy55UQ9sToLg1fVVsCNyTgR-BWKuM7jzZuYOF7HdLOVmaf31nscVru2ayj16ToIeJctCZmW-wME1z-2y8gUa-TlQ/s470/STLB.png
Ganti s470 dengan size pada masing-masing tag icon, contohnya s192, s152, s180 dan s167, dengan demikian ukuran atau size mage "icon.png" akan di resize sesuai dengan ukuran pada tag icon. Untuk menciptakan ukuran normal icon.png silahkan hapus /s470 dari 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 dan safari, sekalian juga tinjaukan situs aku kalau kau 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 mengakibatkan situs web lebih gampang di kenali, icon atau logo situs web juga merupakan brand atau brand 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 mempunyai nilai dan daya tarik tersendiri untuk mendatangkan visitor ke situs web.

Jika didalami lebih jauh, meningkatkan secara optimal icon atau logo pada situs web sanggup dikategorikan sebagai meningkatkan secara optimal seo off page, kau sanggup mempelajari lebih dalam wacana tag icon.png dan pengetahuan wacana browser modern pada laman google develover dan developer apple untuk mengindari kesalahan atau gunakan tag favicon generator untuk mendapat ukuran atau size icon situs web pada sebagian besar browser terkenal ketika ini.

Demikian saja klarifikasi dan cara menerapkan tag icon website pada situs blogger, aku harap artikel ini sanggup memperlihatkan sedikit ilmu atau sekedar pemahaman memasang tag icon website selamat mencoba dan sukses buat kamu. Tak bosan aku ingatkan Follow dan Subscribe situs ini untuk mendapat gosip ter-update seputar blogging.

Comments

Popular posts from this blog

Cara Melihat Jumlah Followers Blog Sendiri

Cara Melihat Jumlah Followers Blog Sendiri - Situs blog yang terkenal tentu sudah memiki jumlah followers (pengikut) situs yang cukup banyak, ratusan atau mungkin ribuan followers. Taukah kau followers situs blogger yang gotong royong yaitu followers yang di sanggup dari feedburner atau lebih dikenal dengan istilah Follow by E-mail atau RSS Feed . Pertanyaan nya berapakah jumlah followers atau pengikut situs blog anda ketika ini? Untuk mengetahui nya mari kita simak cara melihat jumlah followers situs blogger yang diperoleh dari feedburner google (widget follow by e-mail) berikut ini; Cara Mengetahui Jumlah Pengikut RSS Feed Pertama Login ke Akun G-mail, kemudian Kunjungi laman Dashboard Feedburner Anda akan diarahkan ke dashboard RSS Feed (Laman kawasan melihat statistik dan jumlah followers situs blog) Seperti yang ditunjukkan pada pola berikut ini. Cara melihat atau mengetahui jumlah followers blog Keterangan : Gambar sebelah kiri mengatakan daftar feedburner s...

Rangkaian Lampu Tl Double 1 Ballas

Rangkaian Lampu TL Double 1 Ballas - Pada artikel sebelum nya saya telah membahas wacana cara memasang Single lampu TL (Tube Lamp) dengan Single Ballas . Bagi kau yang ingin mengetahui lebih jauh wacana lampu TL silahkan baca artikel sebelum ny alasannya pada kesempatan kali ini saya hanya akan membuatkan diagram rangkaian lampu TL double 1 ballas dengan tata letak komponen lampu tl yang lebih gampang untuk dipahami. Sebenar-nya di luar sana ada aneka macam tutorial yang menjelaskan wacana " Rangkaian Lampu TL Double 1 Ballas ( 2 lampu TL 1 Ballas ) " ibarat ini. Namun kebanyakan dari mereka menampilkan diagram rangkaian lampu tl yang kurang baik dari segi penataan gambar komponen lampu TL sehingga sedikit sulit di pahami. Sebelum menuju ke rangkaian lampu tl double 1 ballas dan cara merakit lampu tl double sebaik nya persiapkan material "komponen" lampu tl nya terlebih dahulu ibarat tertera di bawah ini: Casing " Double Tube Lamp " atau casing untu...

Cara Gampang Mendaftar Propellerads

Cara Praktis Mendaftar PropellerAds PropellerAds - ialah salah satu pasar iklan digital yang tak kalah terkenal dengan pasar iklan lain-nya menyerupai Google Adsense , PayClick, AdNow , Mgid-Ads dan lain-lain. Iklan Propeller-Ads mengatakan nilai CPM yang tinggi, ini ialah salah satu keutamaan iklan Propeller-Ads. Selain itu registrasi menjadi publisher Propeller-Ads tidak sulit, Situs yang masih berusia satu hari juga dapat eksklusif di monetize dengan iklan Propeller-Ads . Bahkan yang tidak punya website juga dapat menjadi publisher Propeller-Ads. Cara Mendaftar Kaprikornus Publisher PropellerAds Adapun kiat-kiat yang harus di lakukan untuk mendaftar jadi publisher Propeller-Ads ialah sebagai berikut. Kunjungi situs Propeller-Ads di www.propellerads.com atau klick Daftar Ads Pilih sing-up (Mendaftar) Publisher Isi formulir sesuai yang telah disediakan  (lihat gambar dibawah) Isi kotak pesan dengan kata " Monetize my site ". Kemudian klick tombol Sing-...