SEO Themes WordPress AboutTiyo.web.ID Makin OK!

Sebenarnya saya ingin bereksperimen dengan memebuat design WordPress Themes baru yang up to date, sesuai dengan trend terbaru, yaitu responsive blog design. Sejak beberapa hari terakhir saya sudah mulai membandingkan CSSgrid, Foldy960 dan juga Skeleton.

Namun karena design blog ini masih terlihat bagus saya pending saja dulu niatan design ulang tersebut, mungkin untuk blog lain bisa di boot up lagi dengan konsep ini.

Yang menjadi ganjalan saya dengan themes yang saya pakai ini adalah jumlah link di homepage yang hampir 120 link, melebihi kriteria SEO yang bagus yang mensyaratkan homepage jumlah link-nya maksimal 100 buah. Maka saya putuskan untuk upgrade SEO themes WordPress buatan saya sendiri ini 🙂

seo themes wordpress

Upaya mengurangi link itu sudah saya lakukan sebelumnya, mulai dengan mengurangi menu di bawah logo, older post di atas index posting juga link category di sidebar, namun ternyata masih kurang banyak lagi menguranginya.

Mengurangi link di homepage

Saya pun melihat ke tampilan tiap posting di halaman index, lalu melihat berapa jumlah link yang pasti ada pada tiap posting. Hasilnya lumayan mengagetkan saya sendiri, judul posting, tanggal posting dan tulisan continue reading mengarah ke link yang sama. Ketiga link itu saya putuskan untuk dirubah. Adapun caranya adalah sebagai berikut;

1. Membuang link pada judul posting

Script untuk menampilkan judul posting ada di loop.php awalnya seperti berikut;

<h2><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>

Saya sederhanakan dengan script berikut:

<h2 class="post-title-index"><?php the_title(); ?></h2>

Penambahan class post-title-index adalah untuk memberikan peluang bagi saya untuk memberikan tampilan yang sama dengan keadaan sebelumnya saat judul posting merupakan link. Pada style.css saya menambahkan .post-title-index{color: #A20000;}   untuk memeberinya warna yang sama dengan link.

2. Membuang link dalam entry meta

Dibawah judul posting ada entry meta, tanggal posting mengarah pada permalink posting dan nama penulis mengarah ke arsip tulisan saya yang saya rasa tidak diperlukan karena blog ini penulisnya cuma satu orang.

Alasan lainnya, format link author http://domain.com/author/xxx/ tidak aman sebenarnya, tapi banyak sekali dipakai. Orang lain bisa tahu login blog kita dengan melihat xxx itu, tinggal butuh menebak password untuk membobol blog kesayangan kita 🙁

Cara merubah kedua link tersebut adalah dengan mengganti function twentyten_posted_on yang ada di function.php. Script awal:

function twentyten_posted_on() {
    printf( __( '<span>Posted on</span> %2$s <span>by</span> %3$s', 'twentyten' ),
        'meta-prep meta-prep-author',
        sprintf( '<a href="%1$s" title="%2$s" rel="bookmark"><span>%3$s</span></a>',
            get_permalink(),
            esc_attr( get_the_time() ),
            get_the_date()
        ),
        sprintf( '<span><a href="%1$s" title="%2$s">%3$s</a></span>',
            get_author_posts_url( get_the_author_meta( 'ID' ) ),
            sprintf( esc_attr__( 'View all posts by %s', 'twentyten' ), get_the_author() ),
            get_the_author()
        )
    );
}

Diganti dengan:

function twentyten_posted_on() {
    printf( __( '<span class="%1$s">Posted on</span> %2$s <span>by</span> %3$s', 'twentyten' ),
        'meta-prep meta-prep-author',
        sprintf( '<span>%1$s</span>',
            get_the_date()
        ),
        sprintf( '<span><a href="https://plus.google.com/118119500709436108260" rel="author">%1$s</a></span>',
            get_the_author()
        )
    );
}

Awalnya link ke profil Google Plus tidak saya lampirkan, namun setelah saya pikir sejenak ga ada salahnya menambahkan Google Authorship di sana, daripada menggunakan link profile itu di sidebar bawah saja, mending di tiap posting, lebih afdol 😀

Untuk menyesuaikan tampilan, saya juga menambahkan .entry-date, .vcard {color: #A20000; font-variant:small-caps;} pada style.css

Memodifikasi tampilan single post

Lagi tanggung, tampilan posting tungal juga saya rubah sekalian, judul posting yang sebelumnya bukan merupakan link saya jadikan link dengan pertimbangan saat ada orang yang menyimpan sebuah halaman bisa kembali ke blog dengan meng-klik judul itu.

Lalu tulisan bookmark permalink yang biasanya tertulis kecil setelah category dan daftar tag saya hapus sekalian. Saya menilai orang jarang memperhatikan bagian itu, kata permalink saja mungkin sesuatu yang asing 😛

1. Memberikan link pada judul posting

Carannya seperti pada saat membuang link di bagian pertama, cuman kebalikan saja. Tinggal copy semua isi setelah tag <h2> dan memasukkannnya antara <h1> pada single.php

2. Membuang bookmark permalink

Caranya adalah dengan mengubah function twentyten_posted_in dibawah function yang dirubah sebelumnya. Yaitu dengan membuang dua baris script berikut:

 Bookmark the <a href="%3$s" title="Permalink to %4$s" rel="bookmark">permalink</a>.

Dua baris itu adalah yang sebelum tag php else. Sampai disini, waktunya istirahat, semua perubahan sudah selesai 😀

7 pemikiran pada “SEO Themes WordPress AboutTiyo.web.ID Makin OK!

    • Sebenarnya ga baru mas Mon, tapi ngoprek itu yang bikin seru. Anyway, domainnya baru nih? Keren!
      Thanks juga ya mas bro, tahun lalu udah jadi salah satu top komentator blog ini 😀

    • Hahahaha… Ga usah dibikin pusing, kalau ada yang gratis dan sesuai selera ambil aja, modif dikit. Kalau ga ya beli atau minta seseorang untuk modif themes aja 😀

  1. jujur saja saya masih bingung dengan tema responsive ini, apakah waktu di lihat dari tablet, hape, iphone, maupun ipad sama persis apa yang ditampilkan pada waktu di komputer?

    mohon jawabannya?

    terima kasih

    • Tulisan ini adalah tulisan untuk update themes saya yang sebelumnya. Kalau themes WordPress yang saya pakai sekarang tidak saya buatkan artikel khusus. Themes yang sekarang saya pakai ini memiliki beberapa perbedaan kalau dilihat pada device yang berbeda, bagaimana tampilannya kira – kira bisa dilihat dengan mengecilkan ukuran window browser (klik tombol antara minimize dan close kalau di windows)

Tinggalkan komentar