Dokumen ini dibuat untuk membantu pengguna domestik yang ingin belajar FramerFramer namun mengalami kesulitan karena kurangnya materi dalam bahasa Korea. Kami menerjemahkan isi blog resmi ke dalam bahasa Korea dan menambahkan informasi berguna untuk praktik sehari-hari. Semoga ini dapat memberikan sedikit bantuan kepada Anda yang menggunakan FramerFramer.

Mengapa muncul peringatan bahwa terdapat beberapa tag H1?

Setelah membuat halaman dengan FramerFramer dan menjalankannya melalui alat analisis SEO, terkadang kita menerima pesan peringatan bahwa 'Terdapat beberapa tag H1'. Pesan ini muncul karena FramerFramer menggandakan elemen yang sama di berbagai posisi untuk mewujudkan desain web responsif.
Misalnya, untuk menampilkan judul yang sama di posisi berbeda pada lingkungan desktop dan mobile, elemen H1 ditempatkan berulang, dan dalam proses menggunakan media query (CSS) untuk menyembunyikan atau menampilkan elemen sesuai situasi, kode HTML terlihat memiliki beberapa tag H1, tetapi judul sebenarnya yang tampil di layar hanya satu, sehingga tidak menjadi masalah besar untuk SEO.

Bagaimana Google menganalisis halaman?

Google tidak hanya melihat kode HTML saja, tetapi juga menggunakan alat bernama browser Headless Chromium untuk merender halaman. Sederhananya, Google menganalisis halaman persis seperti yang kita lihat di peramban. Kemudian, Google secara otomatis mengabaikan elemen tersembunyi (display: none dll.) sehingga tag H1 yang digandakan dan disembunyikan oleh CSS tidak mempengaruhi analisis mesin pencari.

Catatan: Headless Chromium adalah alat yang membuka dan menganalisis situs web tanpa layar (program yang membaca dan memproses halaman secara otomatis).

Apakah peringatan dari alat SEO boleh diabaikan?

Alat SEO tidak seakurat Google dan hanya menganalisis berdasarkan kode HTML. Oleh karena itu, bisa muncul peringatan bahwa terdapat beberapa tag H1. Namun, peringatan ini berbeda dengan cara evaluasi halaman oleh Google sehingga, jika Anda memahami maksud desain FramerFramer, Anda dapat mengabaikannya.
Jika peringatan ini tetap mengganggu, coba metode berikut.

• Gunakan tag lain (h2, h3, dll) dan atur hanya stylenya, meskipun teks adalah sama

• Menggunakan aria-hidden="true" atau display: none untuk mengabaikan semantik (Anda dapat menetapkan sehingga Google mengabaikan tag ini sambil tetap mematuhi standar aksesibilitas.)

Cara pengaturan aria-hidden="true" (atribut aksesibilitas)

Anda tidak dapat memasukkan atribut HTML secara langsung ke elemen di FramerFramer, tetapi Anda dapat melakukannya dengan menggunakan Komponen Kode (Code Component).

1. Klik tab Assets di sudut kiri atas layar editor FramerFramer (atau cari item