Bagaimana menempatkan teks H1 pada halaman depan jika sudah menggunakan logo? Ada banyak cara di luar sana untuk membuat link mengarah ke halaman depan, saya juga mau melakukan hal yang sama namun dengan optimasi terbaik untuk mesin pencari.
Contoh 1: tidak menggunakan H1, tidak bagus untuk SEO bukan?
<div id="logo">
<a href="">
<img src="logo.png" alt="logo" />
</a>
</div>
Contoh 2: apakah ini bagus dengan menyembunyikan H1?
<div id="logo">
<a href="">
<img src="logo.png" alt="logo" />
<h1 style="visibility:hidden">My Website</h1>
</a>
</div>
Metode seperti apa yang bagus untuk SEO, jika halaman depan menggunakan logo?
Idealnya tag h1
hanya ada satu disetiap halaman, ini biasanya digunakan untuk membuat judul utama dari setiap halaman. Kalau h1
ditempatkan dengan logo dan logo tersebut terlihat di semua halaman, berarti ada kemungkinan memiliki lebih dari satu tag h1
, kalau website-nya ada blog, mungkin dengan judul artikel juga.
Mengapa tidak menggunakan h1
untuk title atau teks yang perlu di-highlight di halaman depan?
Kalau tidak ada judul di halaman depan, saya pikir tidak ada salahnya halaman depan tanpa tag h1
daripada menyembunyikan menggunakan CSS karena biasanya judulnya sudah terwakili dengan tag <title>
, dan bobotnya menurut saya lebih besar tag <title>
.
Atau kalau mau tetep pakai tag h1
dengan logo, lebih baik bungkus tag a
dengan tag h1
seperti ini tambahkan atribut title
:
<div id="logo">
<h1>
<a href="">
<img src="logo.png" alt="logo" title="logo" />
</a>
</h1>
</div>
Mungkin bisa diamati situs-situs ahli SEO bagaimana mereka menggunakan tag h1
di halaman depan, bisa dilihat: backlinko.com, yoast.com, ahrefs.com dan yang lainnya.
Kamu tau jawabannya?
Ayo bergabung bersama lebih dari 200.000 pengguna lainnya!