Cara membuat favicon google dan memasangnya di situs
Cara membuat favicon google dan memasangnya di situs blogger
Apa itu favicon?
Favicon (singkatan favorit icone) adalah icon kecil atau logo sebuah situs di Internet digunakan untuk lambang situs. Ikon ini muncul di tab dan di hasil pencarian dan membantu situs untuk menjadi lebih dikenali.
Ikon kecil yang sekarang anda lihat pada tab dari artikel ini adalah favicon ini untuk membuat blog lebih menarik dan mudah untuk di kenal. Biasanya, ikon sepenuhnya atau sebagian salinan logo merek, tetapi hal ini disesuaikan dengan ukuran yang kecil.
Mengapa perlu sebuah favicon?
Favicon membantu orang-orang menavigasi antarmuka, meningkatkan sumber daya visibilitas dan clickability.
Membantu dengan navigasi
Favicon membantu anda dengan cepat menemukan sebuah situs antara lain. Ketika ada banyak tab yang terbuka, lebih mudah untuk menemukan ikon dari membaca nama dari masing-masing tab.
Menginspirasi kepercayaan
Yang dirancang web membuat kesan yang baik. Favicon adalah bagian dari pengalaman ini. Bandingkan sendiri: gambar di bawah ini menunjukkan tab di Chrome browser mobile. Ada yang kosong ikon pada tab kedua dari bawah. Tab adalah sulit untuk membedakan dari yang lain, dan terlihat kurang rapi dari tetangga yang.
Meningkatkan rasio klik-tayang
Tidak ada informasi tentang apakah kehadiran favicon adalah faktor peringkat.
jika situs tersebut lebih mudah untuk menemukan di hasil pencarian, dan kredibilitasnya lebih tinggi, meningkatkan clickability.
Membuat favicon
Jadi, kita telah berurusan dengan tugas-tugas favicon untuk situs. Sekarang saya akan memberitahu anda bagaimana untuk membuat itu dengan tugas-tugas ini dalam pikiran, dan memberi anda daftar layanan yang non-desainer dapat menggunakan.
Komponen Visual
Apa yang harus dipertimbangkan ketika membuat favicon:
Ukuran.
Di beberapa interface dan pada layar kecil, hal ini dapat mencapai hingga 16 dengan 16 piksel.
Mudah dibaca.
Ikon harus dibaca dalam lingkungan yang berbeda — pada tab, dalam sejarah, dan dalam hasil pencarian.
Merek gaya.
Bahkan jika logo anda tidak dapat dikonversi ke format micro, anda perlu untuk melakukan sesuatu yang berhubungan dengan identitas merek anda.
Beberapa contoh bagaimana perusahaan yang berbeda bergerak logo mereka untuk favicon.
Google Drive memiliki favicon. Multi-berwarna segitiga terlihat baik dalam setiap ukuran.
Hal ini terlihat jelas pada tab karena bentuknya yang khas dan warna yang kontras.
Jika anda memiliki logo, anda juga dapat menempatkannya pada favicon. Menggunakan contoh dari VC.ru anda dapat melihat bahwa dengan memilih jenis huruf, huruf-huruf yang dapat dibaca secara normal bahkan pada ikon kecil.
Google Favicon persyaratan
Ukuran: beberapa 48 — 144 * 144, 96 * 96, 48 * 48. Hal ini tidak dianjurkan untuk 16*16 file.
Format : SVG, ICO, GIF (tanpa animasi), JPEG, PNG.
Selain itu, Google merekomendasikan sebagai berikut :
Ikon harus mencocokkan sisa dari merek
representasi grafis.
Jangan mengubah favicon alamat file yang sering.
Ikon harus pantas, jika tidak, mesin pencari akan menggantinya dengan ikon standar.
Untuk membuat ukuran favicon tanpa programmer
Ada persyaratan, ukuran favicon dan format yang dijelaskan, tetapi ini tidak membuatnya lebih mudah. Dalam rangka untuk tidak memahami yang favicons yang diperlukan untuk masing-masing interface, saya sarankan untuk menggunakan salah satu dari layanan berikut. Mereka akan menghasilkan suatu set yang diperlukan favicons dan cantumkan kode di situs ini.
Layanan ini meminta square source code dengan ukuran yang optimal dari 260 dengan 260 pixels. Di sini anda dapat menyesuaikan hasil sendiri: memutar background, margin, dan tema warna.
Sebagai hasilnya, anda mendapatkan paket file untuk men-download dan kode untuk cantumkan pada situs.
Ini akan meminta anda untuk persegi source code setidaknya 310 oleh 310 pixels. Anda tidak dapat mengkonfigurasi apa-apa di sini.Setelah proses pengolahan selesai, paket akan di-download secara otomatis dan kode untuk situs yang akan dihasilkan.
Favicon.ico & Ikon Aplikasi Generator
Ukuran dari kode sumber yang tidak disebutkan di sini, tapi ketika meng-upload non-square citra, layanan akan mengeluarkan peringatan. Anda tidak dapat mengkonfigurasi hasilnya. Anda mendapatkan paket file dan kode.
Layanan ini akan meminta kode sumber dari setidaknya 310 x 310 piksel dan berat tidak lebih dari 5 MB. Setelah diproses, anda akan menerima paket dengan file yang akan berisi sebuah file teks dengan html untuk embedding di situs ini.
Cara menambahkan favicon untuk situs.
Jadi, anda memiliki file dan kode. Sekarang anda perlu untuk menempatkan semua ini di situs sehingga siap favicons mulai yang ditampilkan dalam pencarian, pada tab, dan di lokasi lain.
Mengunggah ikon untuk situs
Ikon harus ditempatkan dalam folder root dari situs anda. Untuk melakukan ini, anda akan memerlukan akses ke situs pada layanan hosting di mana ia berada. Anda dapat meng-upload file baik melalui panel kontrol anda sendiri, jika penyedia hosting anda memiliki satu, atau melalui file manager, seperti seperti FileZilla.
Situs root folder bisa disebut public_html, www, html, atau situs. Jika anda tidak bisa menemukan satu, periksa dengan operator anda. Meng-Upload semua file anda diterima pada langkah sebelumnya ke folder root.
Mengedit kode
Sekarang anda perlu untuk membuka kode dari halaman utama situs. Di tempat yang sama, di situs sistem file, cari file yang disebut kepala atau header. Buka dan paste kode yang anda terima sebelumnya ke dalam elemen. Itu akan terlihat seperti ini:
Tetap menunggu sampai indeks mesin pencari yang dihasilkan favicon untuk situs.
Hal yang perlu diingat
Favicon adalah ikon kecil yang muncul di sebelah nama situs pada tab, bookmark dan history browser, dan di online lainnya interface. Hal ini membantu pengguna dengan cepat menemukan situs anda antara lain, meningkatkan visibilitas dan klik-melalui rate.
Untuk membuat favicon untuk situs anda, menjaga tiga faktor dalam pikiran. Ikon akan menjadi sangat kecil, tapi itu harus mudah untuk membaca dan masuk ke dalam identitas merek.
Anda perlu beberapa favicons untuk lokasi yang berbeda. Untuk menghindari harus mengingat ukuran dan sifat dari semua ikon yang diperlukan, gunakan salah satu layanan khusus. Layanan ini akan memberikan anda siap pakai paket favicons dan sepotong kode yang anda akan perlu untuk meng-upload ke root folder situs anda dan masukkan ke kode dari halaman utama.
Siap pakai favicon untuk membuat blog menarik, bahkan dapat digunakan di luar negeri. Mendaftar untuk SendPulse dan membuat email di block editor!
Nah itulah yang bisa saya sampaikan untuk membuat dan memasang favicon di blog, Semoga bermanfaat !!
Posting Komentar untuk "Cara membuat favicon google dan memasangnya di situs"