WordPress Dynamic Tag Heading

WordPress Dynamic Tag Heading - Masih seputar wordpress, jika sebelumnya membahas tentang judul dan deskripsi dinamis pada wordpress maka kali ini blog gedek ingin mengulas tentang

dynamic tag heading

atau tag heading dinamis pada wordpress.

Seperti kita ketahui, penggunaan heading sangat penting untuk menunjang seo on page blog kita, dalam hal ini adalah penggunaan satu heading H1 saja pada setiap halaman. Heading H1 dianggap penting oleh mesin pencari karena heading ini lah yang menunjukkan mana teks yang terpenting dalam suatu halaman website atau blog.

Secara default, wordpress menggunakan heading H1 untuk judul blog di semua halaman, hal ini kurang menunjang dari sisi seo on page dimana kita akan mengoptimalkan judul artikel / post sebagai H1 ketika berada di halaman artikel / post tersebut.

Diatas sudah disebutkan bahwa heading H1 sebaiknya cukup satu saja, sehingga dalam kasus ini kita juga akan merubah judul blog menjadi H2 ketika di halaman artikel dan kembali ke H1 di halaman selain artikel serta halaman-halaman lainnya, so ini lah yang disebut tag heading (H1 dan H2) dinamis.

Heading Dinamis H1 dan H2 Untuk Judul Blog

Langkah pertama dalam membuat heading dinamis pada wordpress adalah melakukan perubahan pada header.php. Buka file tersebut dan cari kode yang menunjukkan heading H1 untuk judul blog, biasanya kode tersebut adalah seperti ini :

<h1><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1><p><?php bloginfo( 'description' ); ?></p>

Perlu dicatat, tiap theme berbeda tapi secara garis besar akan tampak seperti itu. Nah langkah selanjutnya adalah melakukan pengecekan untuk menggunakan heading H1 pada halaman depan dan menjadikannya H2 pada halaman artikel atau page.

Rubah kode tersebut dengan kode berikut ini :

<?php
    if ( is_front_page() ) { ?>
        <h1><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1><p><?php bloginfo( 'description' ); ?></p>
    <?php }    elseif ( is_single() or is_page() or is_category() or is_tag() or is_archive() ) { ?>
        <h2><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h2><p><?php bloginfo( 'description' ); ?></p>
    <?php } else { ?>   
        <h1><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1><p><?php bloginfo( 'description' ); ?></p>
    <?php }
?>

Setelah itu save file header.php sobat. Langkah selanjutnya adalah merubah tag heading pada halaman artikel / post serta halaman page.

Heading Dinamis H1 dan H2 Untuk Judul Artikel

Untuk halaman posting / artikel, pengaturan heading dll terletak di file single.php, silahkan sobat buka file tersebut. Kode yang menyatakan heading untuk judul artikel kurang lebih seperti ini

<h2><?php the_title(); ?></h2>

Cukup ganti h2 dengan h1 sehingga akan kode tersebut menjadi

<h1><?php the_title(); ?></h1>

Setelah save hasil perubahan sobat. Lakukan hal yang sama untuk halaman page yang berada pada file page.php. Selesai deh oprek theme wordpress agar menjadi search engine friendly dengan tag heading dinamis.

Cara dan kode diatas masih bisa di explore lebih jauh, tergantung selera sobat. Untuk meta keyword dinamis silahkan baca juga : "membuat meta keywords dinamis pada wordpress".

Selamat mencoba dan semoga bermanfaat :)

Title : WordPress Dynamic Tag Heading
URL : https://blogedek.blogspot.com/2013/04/wordpress-dynamic-tag-heading.html
Jangan lupa untuk membagikan artikel WordPress Dynamic Tag Heading ini jika bermanfaat bagi sobat.