SEO Heading Tag H1 H2 H3 H4 di Wordpress

Panduan SEO untuk Wordpress Hosting sendiri dengan cara merubah heading tag H1 untuk nama blog dan H2 untuk judul artikel di homepage/halaman utama. H1 untuk judul artikel dan H2 untuk nama blog di single post / page static.
Oleh Ponpes Al-Khoirot Multimedia

DAFTAR ISI

1. SEO Heading Untuk Wordpress
2. Menyembunyikan Deskripsi Blog Wordpress

SEO HEADING UNTUK BLOG WORDPRESS

Saya punya blog Wordpress hosting sendiri. Bagaimana supaya blog dan artikel bisa SEO?

Atur supaya heading tag H1 untuk nama blog dan H2 untuk judul artikel di homepage/halaman utama. H1 untuk judul artikel dan H2 untuk nama blog di single post.

Bagaimana caranya?

Ikuti langkah-langkah berikut:

LANGKAH PERTAMA: MERUBAH H2 KE H1

1. Login ke admin WP -> Appearance -> Editor -> single.php -> cari kode berikut:

<div class="post" id="post-<?php the_ID(); ?>">
<h2><a href="<?php echo get_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

2. Ganti H2 ke H1 seperti berikut:

<div class="post" id="post-<?php the_ID(); ?>">
<h1><a href="<?php echo get_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>

LANGKAH KEDUA: MEMBUANG TAG H1 JUDUL BLOG pasa artikel atau page statis


1. Appearance -> Editor -> header.php dan temukan kode berikut:

<h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>

2. Ganti dengan kode berikut:

<?php if(is_home()) : ?>
    <h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>
<?php else : ?>
    <span id="blogTitle">
      <h3>  <a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?> </a> </h3>
    </span> 
<?php endif; ?>

LANGKAH KETIGA: MENGGANTI CSS JUDUL BLOG DAN JUDUL ARTIKEL

1. Appearance -> Editor -> style.css

span#blogTitle {
    display: block;
    font-size: 4em;
    text-align: center;
    padding-top: 70px;
    font-weight: bold;
    font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
}
span#blogTitle a {
    color: white;
    text-decoration: none;
}
span#blogTitle a:hover {
    text-decoration: none;
}
 
.post h1 {
    color: #333333;
    text-decoration: none;
    font-size: 1.6em;
    text-align: left;
    padding-top: 0;
}

Ganti warna dan ukuran sesuai dengan theme Anda.

Apa yang dihasilkan dari perubahan kode-kode di atas?

Judul blog akan memakai heading tag h1 sedang judul artikel memakai h2 di halaman utama. Sementara di halaman artikel atau page statis judul artikel akan memakai h1 dan nama blog memakai heading tag h2 .

Hubungannya dengan SEO apa?

Ini cara situs/blog berkomunikasi dengan mesin pencari Google dll. H1 untuk memberi tahu Google bahwa tulisan yang dibungkus dengan h1 adalah yg terpenting sedang yang dibungkus dengan h2 adalah terpenting kedua.

Pada halaman utama (homepage) yang paling penting adalah nama blog/situs. Sementara pada halaman artikel/posting, yang terpenting adalah judul artikel; bukan nama blog.

Bagaimana sih hirarki heading tag H1 H2 H3 H4 H5 H6 di Wordpress?

Berikut rincian hirarki heading tag yang betul:

Di home-page (halaman utama)

* H1 untuk judul/nama blog
* H2 untuk judul artikel/posting

Di kategori, tag, arsip dan halaman pencarian (search pages)

* H4 untuk judul/nama blog
* H1 untuk kategori, tag, judul arsip atau kata kunci pencarian
* H2 untuk judul artikel

Di halaman artikel (single post page)

* H4 untuk judul blog
* H1 untuk judul artikel/posting
* H2 untuk judul artikel terkait (kalau ada)
* H3-H4 untuk link kategori dan tag


CARA MENYEMBUNYIKAN DESKRIPSI BLOG WORDPRESS

Bagaimana cara Menyembunyikan/menghilangkan Deskripsi Blog Wordpress hosting sendiri (bukan wordpress.com)
Oleh Ponpes Al-Khoirot Multimedia

Saya ingin menyembunyikan deskripsi blog di Wordpress hosting sendiri. Bagaimana caranya?

1. Tambahkan kode berikut di CSS theme Anda (Appearance -> Editor -> CSS):

.description { display: none; }

2. Klik Update File. Selesai.