Tips Menyembunyikan H1 Teks Terhadap Logo

Hallo teman-teman,. Hari ini saya akan memberikan tips bagaimana menyembunyikan teks heading terhadap logo yang ingin kita tampilkan di website. Dalam SEO penulisan tag heading sangatlah penting karena menurut para ahli SEO tag heading berfungsi untuk menunjukkan kepada search engine bahwa postingan jauh lebih penting dari pada judul website. Tag heading atau H1 harus berada diposisi paling atas konten halaman website. Untuk itulah perlu dilakukan hiding h1.

Baik teman-teman silahkan buat kode HTML  seperti di bawah ini:

Simpan kode diatas dengan nama index.html. Setelah itu tambahkan tag style diantara tag head seperti gambar berikut :

Simpan kembali index.html-nya dan jalankan di browser. Maka akan terlihat hasinya seperti berikut :

Untuk menyembunyikan teks h1 teman-teman bisa menambahkan perintah text-indent seperti berikut :

Simpan kembali file html-nya dan jalankan di browser. Dengan menambahkan text-indent maka teks heading akan disembunyikan dan tidak akan ditampilkan di halaman website kita.

Demikian tutorial ini mudah-mudahan bermanfaat bagi teman-teman dan sampai jumpa di tutorial berikutnya. Terimakasih

DOWNLOAD