Skip to main content

Cara Membuat Heading Dinamis pada Judul Blog yang Menggunakan Gambar atau Logo

Seo v6 - Cara Membuat Heading Dinamis pada Judul Blog yang Menggunakan Gambar atau Logo, untuk membuat blog lebih SEO friendly, dengan tag H1 H2 yang telah dimodifikasi.

Setelah saya teliti lebih dalam untuk menggunakan heading dinamis pada logo atau gambar pada flatform blogger ini diperlukan teknik tambahan. Pada pembahasan kali ini saya akan mencoba untuk sedikit merubah CSSnya.

Kenapa harus CSSnya yang di tambahkan?

Tidak lain karena cara ini lebih mudah untuk diterapkan, dan keunggulan yang lain adalah title tag H1 tetap bisa dibaca oleh robot telusur walau menggunakan logo atau image.

Pada komfigurasi bawaan widget header sudah tersedia untuk kita upload logo atau gambar pengganti title blog, namun cara ini tidak efektif karena titel tag H1 tidak ada( hilang ) karena digantikan dengan logo yang sebenarnya tidak bisa dibaca oleh robot telusur dan ini berakibat bisa mengurangi nilai SEO pada blog - Seo v6.

Membuat Heading Dinamis di Template Contempo & Terkemuka

Cara-MMembuat Dynamic Heading Pada title blog yang menggunakan logo

Cara membuat heading dinamis pada judul blog yang menggunakan gambar atau logo pada template contempo dan terkemuka, agar blog lebih SEO friendly dengan menambahkan sedikit CSS dan cara ini sangat mudah untuk diterapkan.

Heading Dinamis di Template Contempo

Pertama sekali buatlah tag heading dinamis pada template contempo dengan cara yang tertera pada pembahasan ini : CARA MENGEDIT TEMPLATE BLOGGER CONTEMPO JADI SEO FRIENDLY

Setelah membuat heading dinamis pada template selanjutnya menambahkan CSS dibawah ini tepat diatas code </b:skin>

 .header-widget h1{ background: url(//4.bp.blogspot.com/-r9eVqW41ppI/WkHHv311cPI/AAAAAAAAAmg/VVhdKskzzT8SWas0u7eSo0g6Itq1cbeIgCK4BGAYYCw/s1600/randi-wibowo-design-tm.png) no-repeat left; min-height: 50px; width: 100%; text-indent: -9999px; background-position-x: center; } .sticky .Header h1 { min-height: unset; background: none; text-indent: unset;}

Selanjutnya menganti URL yang berwarna kuning dengan URL logo kamu. lalu Save.

Heading Dinamis di Template Terkemuka

Pertama sekali buatlah tag heading dinamis pada template terkemuka dengan cara yang tertera pada pembahasan ini : CARA MEMBUAT DYNAMIC HEADING PADA TEMPLATE TERKEMUKA

Setelah membuat heading dinamis pada template terkemuka selanjutnya menambahkan CSS dibawah ini tepat diatas code </b:skin>

.blog-name h1, .blog-name h1 a, .seo-v6 a {
    display: block;
    text-indent: -9999px;
    background: url(//4.bp.blogspot.com/-r9eVqW41ppI/WkHHv311cPI/AAAAAAAAAmg/VVhdKskzzT8SWas0u7eSo0g6Itq1cbeIgCK4BGAYYCw/s1600/randi-wibowo-design-tm.png) no-repeat left;
    float: left;
    min-height: 50px;
    width: 100%;}
.widget.Header .header-widget p {margin: 0;}

Selanjutnya menganti URL yang berwarna kuning dengan URL logo kamu. lalu Save.

Cara diatas atau code CSS diatas hanya cocok untuk code tag heding dinamis dari tutorial seo v6 sebelumnya, jadi pastikan dulu untuk melihat cara pemasangan heading dinamis pada masing2 template - Seo v6.


Artikel Terkait

Comments