6 Kesalahan Desain Blog yang Merusak SEO

Ditulis oleh: Maseteguh Blog Must Teguh Updated at : 12:51 AM
18 comments
Kesalahan desain blog yang merusak SEO. Anda harus hati-hati saat mengolah dan menerapkan template yang baru Anda download.

Secara struktur, mungkin saja templatenya sudah SEO friendly, fast loading, simple dan sebagainya. Namun, karena minimnya pengetahuan kita soal optimasi template, semua fitur yang ada pada desain template Anda jadi kurang maksimal atau yang lebih parah, bisa saja tidak berfungsi sesuai fiturnya.

Inilah yang sering dikeluhkan banyak blogger. Akibatnya, pergantian template makin sering terjadi dengan berbagai alasan, meski sebenarnya sumber masalahnya ada pada blogger itu sendiri, bukan pada fitur templatenya.

Alasan yang sering muncul biasanya seputar SEO yang menyebabkan artikel mereka susah menembus pageone. Lalu kenapa template yang dikambing hitamkan? Aneh.

Pertanyaannya, apakah Anda mengenal betul desain blog yang Anda kelola? Nah, kali ini saya akan mengurai beberapa kesalahan pada desain blog yang bisa berdampak pada SEO Anda.

kesalahan desain blog

6 Kesalahan Desain Blog


Sebuah studi penelitian berjudul Trust and Distrust dari Situs Kesehatan online menemukan bahwa 94% dari komentar pengguna secara langsung berhubungan dengan elemen desain website seperti homepage, layout, dan sebagainya.

Bagi saya, tidak ada gunanya merancang sebuah website jika tidak muncul dalam hasil pencarian. Anda harus berpikir dari perspektif artistik yang berbeda.

Menghindari 6 kesalahan desain di bawah ini akan memastikan bahwa website Anda tidak tersesat di peringkat pencarian.

Anda sudah siap? Mari kita mulai dengan kesalahan pertama.

1. Tidak mengoptimalkan elemen on-page gambar


Teks adalah bagian dari konten  yang paling mudah dipahami oleh mesin pencari. Spider mesin pencari menjelajah konten media dengan mencari kata kunci pada lokasi yang menonjol.

Berikut adalah kutipan dari pedoman webmaster resmi Google.

“Cobalah untuk menggunakan teks daripada gambar untuk menampilkan nama, isi, atau link. Google crawler tidak mengenali teks yang terkandung dalam gambar. Jika Anda harus menggunakan gambar untuk konten tekstual, pertimbangkan untuk menggunakan atribut ALT untuk memasukkan beberapa kata dari teks deskriptif.”

Jadi, judul SEO (50-60 karakter), meta description (150-160 karakter) dan kepadatan kata kunci (3-4%) tetap elemen penting untuk halaman web Anda.

Sebuah meta description yang menarik dan judul SEO juga akan membantu Anda dalam mendapatkan CTR yang lebih baik dalam hasil pencarian.

Setelah Anda menyelesaikan ini pada elemen halaman, berikutnya kita beralih ke optimasi visual (gambar). Berikut 4 tips tentang optimasi gambar :
  • Gunakan tag gambar alternatif untuk menggambarkan elemen visual Anda secara akurat.
  • Google merekomendasikan agar setiap halaman dalam hirarki situs Anda dapat diakses dari setidaknya satu link teks statis. Jadi sebaiknya, jangan gunakan item menu berupa gambar. Bukan hanya karena Google tidak dapat membaca teks di dalam gambar. Tapi karena ini akan membatasi aksesibilitas untuk pengguna Anda pada perangkat mobile.
  • Jangan memberikan informasi tak berguna pada gambar di header/footer dalam website Anda.
  • Hindari nama-nama gambar generik seperti IMG0001.JPG. Jadi gunakan nama deskriptif seperti logo-header-blog.JPG.

2. Kurang peduli dengan pengunjung mobile


Apakah website Anda sudah responsif? Jika belum, Anda perlu tahu statistik berikut ini :

“78% dari pencarian ponsel lokal meningkatkan konversi penjualan secara offline. Konsumen menghabiskan 69% waktu mereka di ponsel.”

Google bahkan telah meluncurkan update algoritma pada Maret 2015, dan menurunkan peringkat website yang tidak ramah mobile. Dan situs web yang mobile friendly rata-rata mengalami peningkatan 12% dalam visibilitas di Google mobile.

Meskipun desain website responsif bukan merupakan faktor peringkat resmi, tapi itu adalah rekomendasi Google untuk para webmaster agar membuat website yang mobile-friendly.

Sebuah desain responsif akan menawarkan pengalaman pengguna yang konsisten untuk pengunjung Anda di seluruh perangkat. Hanya saja tampilan diberikan secara berbeda berdasarkan pada perangkat pengguna.

Manfaat desain responsif juga mencakup peningkatan keterlibatan website Anda dan menurunkan tingkat bouncing.


3. Halaman error 404


Jangan sampai Anda kehilangan pengunjung hanya karena mereka mengunjungi link rusak (broken link) di website Anda. Link yang rusak tanpa pilihan navigasi yang tepat akan memberi pengalaman buruk bagi pengunjung. Ini bisa menyebabkan hilangnya peringkat pencarian.

Mulailah berpikir kreatif untuk mengalihkan halaman eror pada blog Anda. Ada 4 cara yang saya tawarkan.

Pertama, menghapus link yang eror melalui Search Console Google. Berhubung caranya cukup mudah, silahkan Anda googling sendiri, banyak blogger yang menulis tentang ini.

Kedua, menambahkan script redirect pada area <head>. Berikut adalah contoh script redirect 404 pada blog ini.

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Halaman Tidak Ditemukan - <data:blog.title/></title>
<!--Redirect page not found -->
<script type='text/javascript'>
BSPNF_redirect=setTimeout(function() {
location.href= &quot;http://www.maseteguh.com/&quot;
}, 1);
</script>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
</b:if>

Teks warna merah adalah script redirect nya, Anda tinggal ubah nama blog sesuai dengan nama blog Anda (teks warna biru).

Ketiga, rekomendasi langsung dari Google dengan menambah script di bawah ini yang diletakkan di bawah kode <body> atau juga di atas kode </body>.

<script type="text/javascript">
  var GOOG_FIXURL_LANG = 'in';
  var GOOG_FIXURL_SITE = 'http://www.example.com'
</script>
<script type="text/javascript"
  src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js">
</script>

Ganti example.com dengan URL homepage Anda.

4. Iklan pop-up tidak relevan dan mengganggu


Jenis iklan pop up, tidak diindeks oleh mesin pencari. Pengguna web biasanya buru-buru mengklik tombol close segera setelah iklan tersebut muncul.

Memang benar, bagi saya ini benar-benar mengganggu. Hampir 70% pengguna internet mengeluh tentang iklan pop up yang tidak relevan.

Tapi saya tidak berani untuk menyarankan, apakan pop up pantas disematkan pada blog atau tidak. Semua tergantung perspektif pengguna.

Yang penting kuncinya adalah untuk membuat pop-up yang unobstructive dan relevan. Berikut tips yang bisa Anda coba pada pop up Anda.
  • Pop up harus menawarkan nilai plus untuk pengunjung Anda, dan jangan sampai membuat mereka merasa ter-intrusi.
  • Rancang pop up dengan overlay elegan dan berkinerja baik serta terkait langsung dengan konten.
  • Isi pop up dengan suatu tawaran insentif seperti ebook gratis atau juga diskon produk Anda.
Karena perkembangan teknologi pop-up kian kontroversial, maka ada 2 cara mengatur kemunculan pop up yang benar pada blog yaitu :
  • Pop-up muncul di akhir postingan blog Anda. Bagi pemakai Wordpress, Anda dapat menggunakan plugin seperti WP Subcribe Pro untuk menerapkan pop-up.
  • Tampilkan pop-up ketika pengguna akan keluar dari website Anda.

5. Terlalu banyak FLASH dan FRAME pada website


FLASH

Secara visual, flash bisa mempercantik desain sebuah blog, tapi itu tidak bagus atau lebih tepatnya tidak diindeks oleh mesin pencari.

Menurut saya, sebuah website berbasis Flash adalah salah satu kesalahan terbesar SEO. Tidak ada informasi yang didapat oleh mesin pencari dari halaman web berbasis flash.

Jadi, rasanya sangat sulit bagi website seperti ini untuk mendapat peringkat di mesin pencari, karena tidak ada konten yang terindeks pada situs Anda. Jika Anda berpikir bahwa halaman flash disukai oleh pengguna web, maka Anda salah besar. 78% responden menunjukkan bahwa umumnya mereka tidak suka Flash.

Bahkan, Google Chrome telah mem-block auto-playing iklan flash, karena menghalangi web browsing.

Anda tak perlu menggunakan flash dalam elemen penting website Anda. Ini bisa mempengaruhi kinerja website terutama pada navigasi, bookmark, ukuran font, dan lainnya.

Jika Anda ragu-ragu apakah website Anda memiliki elemen berbasis Flash, maka lakukan tes dengan menggunakan alat uji melalui situs SEO SiteCheckUp. (lihat contoh gambar di bawah)

hasil seo sitecheckup

FRAME

Mirip dengan Flash, ada teknologi lain yaitu Frame. Isi di dalamnya tersembunyi dan sulit dipahami oleh mesin pencari.

Memang Frames mengganggu seluruh konsep halaman web sebagai unit informasi atom. Frame bisa mempersulit pengguna untuk menavigasi website Anda.

Teknik frame ibarat menghadang crawling secara halus dan mengindeks konten Anda dengan sectioning frame.

Catatan penting : Saya tidak berbicara tentang Frames inline (atau Iframe). Iframe memungkinkan Anda untuk menanamkan link dalam kode situs Web Anda. Dan tidak mempengaruhi peringkat Anda di mesin pencari.

6. Mengisi halaman web dengan imaginable element


Berapa banyak gambar yang Anda pasang pada blog? Dan berapa banyak ikon share media sosial yang Anda gunakan?

Grafis mewah, animasi, kode widget yang berlebihan dapat memperlambat proses loading. Dan loading lambat menghasilkan pengalaman pengguna yang buruk. Hal ini juga faktor penting untuk peringkat di mesin pencari (selain menurunkan konversi).

Perbaiki elemen kecepatan loading di website Anda dengan 3 langkah sederhana di bawah ini :

#1 - Uji speed website Anda dengan Pagespeed Insight (alat yang direkomendasikan oleh Google)

Pertama Anda akan mendapatkan ringkasan halaman yang meliputi ukuran dan score waktu loading Anda yang terbagi dalam beberapa kelas. Tiap kelas berisi rincian dari file tertentu dengan ukuran dan kontribusi mereka pada speed loading halaman Anda. Mulai ringankan beban berat blog Anda.

# 2 - Kirim "pre-built" versi halaman menggunakan halaman caching

Tanpa mengaktifkan halaman caching, pada dasarnya Anda meminta server untuk membangun halaman Anda setiap kali pengunjung memintanya. Dengan menggunakan halaman cache, pengguna akan lebih cepat me-load halaman web Anda.

# 3 - Bersihkan kode situs web Anda

Ini merupakan elemen tersembunyi yang menentukan kecepatan website Anda. Letaknya di dalam template. Jadi, jika Anda memakai template gratisan, kemungkinan besar akan banyak Anda temui kode berantakan dan tidak terorganisir pada struktur template Anda.

Ingin mulai membersihkan kode Anda? Berikut caranya.
  • Rampingkan kode CSS menggunakan Clean CSS (www.cleancss.com).
  • Bersihkan HTML dan script Jquery lewat situs Dirty Markup (www.dirtymarkup.com)
  • Hapus semua tag HTML kosong.

Penutup


Apakah Anda melakukan salah satu kesalahan desain di atas pada website Anda? Menurut Anda, adakah elemen desain lainnya yang bisa menghambat SEO? Tulis saja di kolom komentar.

Semoga bermanfaat. Akhir kata, SAY NO TO COPY PASTE. Wassalam.

______________________________ ARTIKEL TERKAIT ______________________________

18 komentar:

  1. Hai mas teguh, salam kenal ya, saya newbie dalam blog dan ingin terus belajar, saya ingin menimba ilmunya mas, tolong kasih saran untuk blog saya ini ya, bizalslim,blogspot,com ditunggu kritik dan sarannya , makasih

    BalasHapus
    Balasan
    1. salam kenal juga mas Agus,..

      menurut saya, banyak yg harus diperbaiki pada blognya,.dibawah ini sedikit saran yg bisa saya berikan :
      1. Artikel postingan bikin serapi mungkin, atur jarak per paragraf, tag headingnya, dan spasinya.
      2. nonaktifkan menu navbar
      3. atur tampilan blog agar responsif
      4. perbanyak artikel, karena saya lihat dr th 2015 - 2016, artikel yg di publish masih sedikit,.itu tanda blog yg kurang aktif.

      mungkin itu kekurangan yang saya lihat pd blog mas Agus, coba di tingkatkan lgi..

      salam blogger

      Hapus
  2. saya pernah mengubah dan membuang iframe mas, jadi lebih ramping dan loading fast...

    BalasHapus
    Balasan
    1. iframe memang bisa nguras tenaga blog saat loading halaman,.terlebih iframe untuk embed video youtube,..

      Hapus
  3. Hi Mas Teguh saya masih belum faham dengan isi kontennya karena saya masih newbie. Supaya saya lebih paham kira kira saya harus mulai dari mana ya tentang seo ini? blog saya putrahobby,blogspot,com mungkin bisa dicek kekurangannya dan kalau boleh minta saran juga terimakasih atas waktunya

    BalasHapus
    Balasan
    1. salam mas Rizky,..te rima kasih sudah mau berkunjung,..

      setelah kunjungan balik ke blog Anda, kayanya banyak yg perlu ditambah beberapa elemen pda blog Anda..

      berikut di antaranya,..
      1. navigasi kurang optimal
      2. halaman pendukung belum ada
      3. sidebar usahakan terisi widget seperti popular post, recent, atu random post,..
      4. tampilan blog belum responsif,
      5. konten artikel kurang padat..

      itu saja mungkin yg sekilas terlihat oleh saya, semoga cepat di perbaiki,..salam blogger

      Hapus
  4. Salam Mas Teguh, saya sudah banyak baca artikelnya maseteguh, Untuk blog saya kira-kira apa ya mas yang masih perlu diperbaiki, soalnya saya kurang paham sama design template. masputz,com

    BalasHapus
    Balasan
    1. salam juga mas putz,..

      saya lihat blognya udh oke, komponen blog juga sudah terpasang dan tertata rapi,..tampilan artikelnya juga bagus, santai, dan enak dibaca,..topik na juga asyik, soal elektronik (banyak peminatnya)

      hanya saja mungkin di loading pagenya yang rada berat, kalo bisa dibikin sedikit ngebut,.

      ok mungkin itu sedikit pendapat saya ttg blognya mas putz

      thanks,.salam blogger

      Hapus
    2. Makasih Sebelumnya mas teguh, Nah itu dia mas teguh yang saya nggak paham cara bikin ngebut... Ada tips khusus gak mas untuk ningkatin page speednya. Soalnya baca sana sini... belum juga berhasil.

      Hapus
    3. kalo nggak salah saya udah buat artikelnya kok mas,..coba aja jalan2 di label tips blogging..

      Hapus
  5. Mase teguh tolong nilai blog saya ya... Di semuaresepibu, blogspot , com kl banyak kekuranganya tolong kasi soluzinya (artikel yg perlu says baca)

    BalasHapus
    Balasan
    1. salam mas firdaus,..

      menurut saya blog tentang resep, lebih baik pake template yg khusus tentang resep (ada di google, silahkan dicari..ada yg gratisan ada yg premium),..

      karena artikel ttg resep butuh presentasi yg menarik segi warna dan desain blog, kalo pake template bawaan blogger saya pikir kurang matching di mata,..

      menurut saya itu aja,..kalo soal SEO, semakin banyak resep yg di publish makin lama peringkat blog bisa naik kok mas...

      thanks, salam

      Hapus
  6. Thanks Infonya Mas, Nambah Wawasan

    BalasHapus
    Balasan
    1. ok sama-sama mas Dafid,..thanks ya

      Hapus
  7. nggak jago desain blog mas, kalo unutk navigasi halaman di suamibijak,com cukup nggak?
    minta masukannya

    BalasHapus
    Balasan
    1. dari skema warna blog mas yusron udh oke,..hanya saja ada beberapa penempatan desain yg menurut saya kurang pas,..saya cuma bisa kasih saran :

      1. kalo bisa label/kategori artikel buat yg lebih spesifik,..agar pembaca lebih mudah mencari topik yg lebih relevan,..dan tampilan di breadcrumb jadi ga terlalu berjejer labelnya
      2. untuk searchbox dan ikon sosmed, lebih baik jgn ditaruh diheader,..utk search bok bisa dipindahkan di sidebar atau pun di bawah menu navigasi,..utk ikon sosmed bagusnya di taruh di footer aja mas..biar ga terlihat kosong, kan mending dipasang iklan

      kira2 itu dulu hasil terawang saya mas,..moga ada manfaatnya,..
      thanks ya atas kunjungannya,...

      Hapus
  8. Salam kenal mas teguh, saya newbie juga di blog, mohon dibantu donk mas untuk review blog saya klikjarie.blogspot.com, kira-kira kurang nya apa ya..., dari artikel yg saya posting masih sepi pengunjung, terima kasih sebelumnya

    BalasHapus
    Balasan
    1. blog mas Iman termasuk kategori blog review produk...tujuannya tentu profit dan branding dr produk yg direview,..jadi menurut saya, utk mendapatkan pengunjung, intensitas promosinya kudu kenceng,..dan klo bisa domainnya dibuat TLD,..
      untuk mendapatkan pengunjung organik yg rutin, SEOnya juga perlu digenjot,.klo kurang menguasainya bisa pake jasa SEO premium,..soal desain dan template udh cukup sih, hanya saja penempatan iklannya rada mengganggu,..

      Hapus

Setiap komentar yang diterbitkan, saya pastikan blognya sudah tak kunjungi balik, dengan atau tanpa komentar yang saya sertakan.

Terima kasih atas kunjungannya. Wassalam