Bantuan
Masuk

Menambahkan favicon ke toko Anda

Favicon, atau ikon favorit, adalah gambar atau logo kecil yang ditampilkan di sebelah nama halaman web. Favicon dapat ditemukan di tab browser Anda, serta di halaman browser yang mencantumkan situs web, seperti halaman bookmark. Menambahkan favicon ke toko online dapat membantu memperkuat merek Anda dan memberikan tampilan yang apik pada situs web Anda.

Di halaman ini

Membuat favicon

Anda dapat menggunakan situs web pembuat favicon gratis untuk membuat favicon kustom, atau Anda dapat membuatnya sendiri. Untuk menemukan pembuat favicon, cari pembuat favicon gratis di internet.

Ukuran gambar yang ideal untuk favicon adalah 16x16 piksel atau 32x32 piksel. Jika ukuran gambar favicon Anda terlalu besar, ukurannya akan diperkecil menjadi 32x32 piksel saat diunggah ke Shopify.

Menambahkan favicon ke toko online Anda

Anda dapat menambahkan favicon ke toko online jika menggunakan paket Basic atau yang lebih tinggi. Anda tidak dapat menambahkan favicon ke toko online jika menggunakan paket Starter.

Langkah-langkah:

Desktop

  1. Dari admin Shopify Anda, buka Toko Online > Tema.

  2. Temukan tema yang ingin Anda edit, lalu klik Edit tema.

  3. Klik ikon roda gigi untuk mengakses Pengaturan tema.

  4. Tergantung pada versi tema Anda, klik Logo atau Favicon.

  5. Di bagian Gambar favicon, klik Pilih gambar, lalu lakukan salah satu hal berikut:

    • Untuk memilih gambar yang sudah Anda unggah ke admin Shopify, Anda dapat mencari atau menemukan gambar tersebut, lalu memilihnya dengan kotak centang.
    • Untuk memilih gambar dari komputer lokal Anda, klik Tambah gambar, buka gambar dari komputer lokal Anda, lalu pilih dengan kotak centang.

  6. Klik Selesai.

  7. Opsional: Tambahkan teks alt ke gambar favicon Anda dengan melakukan tindakan berikut:

    1. Di bagian Gambar favicon, klik Edit.
    2. Di dialog Pratinjau dan edit, masukkan deskripsi singkat gambar di kolom Teks alt.
    3. Klik Simpan.

  8. Klik Simpan.

Seluler

  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran Penjualan, ketuk Toko Online.

  3. Ketuk Kelola semua tema.

  4. Temukan tema yang ingin Anda edit, lalu ketuk Edit tema.

  5. Ketuk ... > Pengaturan tema.

  6. Tergantung pada versi tema Anda, ketuk Logo atau Favicon.

  7. Di bagian Gambar favicon, ketuk Pilih gambar, lalu lakukan salah satu langkah berikut:

    • Untuk memilih gambar yang sudah Anda unggah ke admin Shopify, Anda dapat mencari atau menemukan gambar tersebut, lalu memilihnya dengan kotak centang.
    • Untuk memilih gambar dari perangkat lokal Anda, ketuk Tambah gambar, buka gambar dari perangkat lokal Anda, lalu pilih dengan kotak centang.

  8. Ketuk Selesai.

  9. Tambahkan teks alt ke gambar favicon Anda dengan melakukan tindakan berikut:

    1. Di bagian Gambar favicon, ketuk Edit.
    2. Di dialog Pratinjau dan edit, masukkan deskripsi singkat gambar di kolom Teks alt.
    3. Ketuk Simpan.

  10. Ketuk Simpan atau ✓.

Penyelesaian masalah favicon

Jika Anda mengalami masalah dengan favicon, tinjau langkah-langkah penyelesaian masalah berikut.

Penyelesaian masalah favicon tidak ditampilkan di hasil pencarian Google

Jika favicon Anda tidak ditampilkan di hasil pencarian Google, pastikan Anda telah mengirimkan peta situs ke Google agar informasi toko Anda dapat dirayapi.

Menurut dokumentasi Google, favicon tidak dijamin akan ditampilkan di hasil pencarian meskipun semua panduan telah dipenuhi.

Penyelesaian masalah favicon tidak ditampilkan di halaman Akun Pelanggan atau Checkout

Favicon tidak ditampilkan di halaman Akun Pelanggan dan Checkout kecuali jika Anda menggunakan paket Shopify Plus. Selain itu, favicon tidak ditampilkan saat melihat tema melalui Editor Tema, karena Editor Tema adalah bagian dari admin Shopify dan tidak mencerminkan etalase toko online langsung Anda.

Jika Anda menggunakan paket Shopify Plus dan ingin mengatur favicon di halaman Akun Pelanggan dan Checkout, Anda perlu menggunakan Branding API atau Checkout Blocks. Favicon tidak muncul secara otomatis, dan tidak dapat diatur di editor tema atau editor checkout di admin. Untuk mempelajari lebih lanjut tentang penggunaan Branding API, lihat dokumentasi developer berikut: