Kita berbicara tentang nama situs di sini. Dalam kebanyakan kasus tidak akan selama itu dan biasanya akan diulang beberapa kali pada setiap halaman. Jadi ini seharusnya tidak menjadi masalah bagi mesin pencari mana pun, karena sulit untuk melihat bagaimana ini bisa menipu pengguna mereka. Ini tidak dapat dibandingkan dengan kasus di mana seseorang menyembunyikan berbagai kata kunci yang tidak diulangi atau relevan dengan konten.
Namun, itu tidak berarti Anda harus melakukannya.
Saya tidak tahu mengapa saya melakukannya, saya selalu melakukannya.
Sekarang adalah waktunya untuk memikirkan kembali. Mengapa Anda melakukan hal seperti itu? Logo adalah (atau mewakili ) nama / judul situs. Jadi harus di h1. Bergantung pada metode persembunyian Anda, judulnya mungkin juga disembunyikan untuk pembaca layar (yang dapat merusak navigasi garis besar yang digunakan banyak pembaca layar).
Jika Anda ingin menampilkan keduanya, logo dan nama, Anda dapat menempatkan keduanya di tempat yang sama h1, atau Anda dapat menggunakan hgroupelemen HTML5 .
<!-- variant 1 -->
<h1><img src="acme-logo.png" alt="" />ACME Inc.</h1>
<!-- variant 2 -->
<hgroup>
<h1><img src="acme-logo.png" alt="" /></h1>
<h2>ACME Inc.</h2>
</hgroup>
Perhatikan bahwa nilai altatribut harus kosong di sini:
nilai altatribut tidak boleh mengulangi informasi yang sudah disediakan dalam prosa di sebelah gambar
Jika Anda hanya ingin menggunakan logo, tidak masalah juga:
<h1><img src="acme-logo.png" alt="ACME Inc." /></h1>
Mengenai jawaban lain:
Ini benar-benar baik dan bagus dan dalam banyak kasus bahkan diperlukan (untuk garis besar dokumen) untuk digunakan h1untuk judul situs , bukan untuk judul konten halaman. Namun, dalam HTML5 Anda dapat menggunakan h1untuk kedua judul (dalam kombinasi dengan elemen sectioning).
Metode penggantian gambar CSS tidak boleh digunakan untuk logo situs, karena itu adalah konten (HTML), bukan dekorasi (CSS)