Tips Menyembunyikan H1 Teks Terhadap Logo

23/06/2014    Rully Febrian    820     Website

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:

Tips-Menyembunyikan-H1-Teks-terhadap-LOGO

 

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

Tips-Menyembunyikan-H1-Teks-terhadap-LOGO

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

Tips-Menyembunyikan-H1-Teks-terhadap-LOGO

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

Tips-Menyembunyikan-H1-Teks-terhadap-LOGO

 

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.

Tips-Menyembunyikan-H1-Teks-terhadap-LOGO

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

DOWNLOAD

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More