Tutorial SEO On-Page Bagi Pemula

SEO On Page

Tutorial SEO On-Page Blog - SEO atau Search Engine Optimization merupakan langkah sistematis untuk menjadikan sebuah situs web menjadi mudah ditemukan dimesin pencarian, baik itu mesin pencari Google, Bing, Yandex dan lain-lain.

SEO terbagi menjadi 2 (dua) jenis, ada SEO On-Page dan ada SEO Off-Page.
  1. SEO On-Page adalah langkah pengoptimalan yang dilakukan didalam situs web itu sendiri
  2. SEO Off-Page adalah langkah pengoptimalan yang dilakukan diluar situs web sendiri.

Yang akan kita bahas kali ini adalah fokus pada SEO On-Page, atau bagaimana caranya menjadikan situs web yang kita kelola menjadi ramah terhadap mesin pencari dan juga pengunjung.

SEO On-Page terdiri dari beberapa elemen penting yang kesemuanya harus benar-benar dioptimalkan secara benar.

Apa saja elemen penting dari SEO On-Page tersebut?

1. Template

Template menjadi elemen pertama dalam SEO On-Page, dimana dalam memilih template yang akan kita gunakan harus memenuhi beberapa unsur SEO.

a). Gunakan template yang full responsiv dan mobile friendly.

Sejak beberapa tahun kebelakang Google yang merupakan raksasa mesin pencari menghimbau kepada setiap webmaster untuk menggunakan template yang full responsive dan mobile friendly. Karena lebih dari 70% pengguna internet menggunakan perangkat mobile untuk mengakses halaman web.

Ciri-ciri template yang full responsive dan mobile friendly adalah ketika diakses menggunakan perangkat komputer atau perangkat mobile maka semua elemen yang ada didalam situs web tersebut bisa terlihat dengan jelas, tidak ada elemen atau halaman apapun yang tertutup dibagian kanan, kiri atas dan bawah.

b). Gunakan template yang fast loading.

Kenapa menggunakan template yang loadingnya cepat sangat mutlak diperlukan sebagai salah satu langkah SEO On-Page? Karena sampai tahun 2021 atau bahkan bisa lebih lama lagi jaringan internet diseluruh dunia masih banyak yang menggunakan jaringan 3G atau jaringan yang masih sangat lambat.

Kerugian menggunakan template yang loadingnya lambat adalah ketika pengujung mau masuk ke sebuah situs web bisa batal atau sama sekali gagal. Karena pemuatan data tidak sanggup dilakukan oleh jaringan lambat yang digunakan oleh pengunjung tersebut.

Tapi beruntung untuk saat ini baik situs yang berplatform blogger maupun wordpress, kedua penyedia situs web gratis tersebut sudah menyediakan pilihan template yang sudah dioptimalkan baik tampilan dan juga kecepatannya. Kita hanya perlu sedikit keterampilan untuk lebih memaksimalkannya lagi seperti menata warna dan beberapa menu penting.

c). Gunakan template yang SEO Friendly.

Tujuan dari menggunakan template yang SEO Friendly adalah supaya mesin pencari bisa membaca dengan baik semua halaman posting yang ada di situs web tersebut.

Ciri-ciri template yang SEO Friendly adalah menggunakan beberapa elemen penting seperti ketika diakses dari beranda maka judul blog atau situs web adalah H1 dan untuk halaman posting adalah H2 dan untuk widget-widget seperti sidebar, footer dan lain-lain adalah H3.

Atau lebih jelasnya sebagai berikut:
  • Judul situs web/blog = H1
  • Judul postingan = H2
  • Judul widget = H3.

Tapi kalau diakses dari halaman posting maka akan berubah, yaitu judul situs web/blog menjadi H2 dan judul postingan menjadi H1.

Atau lebih jelasnya sebagai berikut:
  • Judul situs web/blog = H2
  • Judul postingan = H1
  • Judul widget = H3.

Tapi saya rasa untuk mendapatkan template yang SEO Friendly untuk saat ini bukanlah hal yang sulit, karena hampir semua penyedia template baik itu yang gratisan atau yang berbayar pasti sudah menerapkan standart SEO friendly untuk setiap template yang mereka terbitkan.

d). Gunakan template yang menggunakan schema markup yang valid.

Pada dasarnya hampir semua template baik itu template bawaan situs web/blog itu sendiri atau template yang didapatkan secara gratis dan berbayar sudah pasti memiliki schema markup. Tapi pertanyaanya apakah schema markup tersebut sudah valid atau belum? Karena valid atau tidaknya schema markup sebuah template menjadi faktor penentu dalam SEO On-Page.

Untuk schema markup juga terdiri dari 2 unsur utama, yaitu schema markup untuk halaman beranda dan schema markup untuk halaman posting. Yang dimana kedua unsur utama tersebut harus benar-benar valid agar memberikan sinyal yang baik terhadap mesin pencari.

2. Pengaturan Template

Selain beberapa faktor yang sudah saya jelaskan diatas, pengaturan template yang baik juga merupakan salah satu penentu SEO On-Page, dimana keleluasaan pengujung dalam menyibak semua konten yang terdapat di situs harus benar-benar diutamakan. Karena tidak mungkin sebuah situs bisa menampilkan semua halaman posting langsung diberanda nya. Dan juga tidak selalu pengunjung itu masuk lewat beranda.

Cara mengatur template yang baik untuk memaksimalkan SEO On-Page adalah sebagai berikut:

a). Pastikan template dilengkapi dengan menu navigasi.

Biasanya dalam sebuah situs/blog akan terdapat beberapa menu dan sub menu. Untuk menampilkan menu dan sub menu tersebut hanya bisa dilakukan oleh pengaturan sistem navigasi yang baik, yang mengarah ke semua konten yang ada.

b). Pastikan Template dilengkapi dengan kolom pencarian.

Kolom pencarian merupakan alternatif yang sering digunakan oleh pengunjung untuk mencari sesuatu yang mereka butuhkan. Karena terkadang informasi yang mereka tangkap dari mesin pencarian tidak benar-benar mengarah tepat ke apa yang mereka cari. Jadi menurut saya salah satu faktor penambah kuatnya SEO On-Page adalah kolom pencarian.

c). Pastikan template dilengkapi dengan kolom komentar.

Terkadang ada saja pengunjung yang tidak puas atau belum merasa terjawab apa yang mereka butuhkan dengan artikel atau konten yang mereka baca. Salah satu alterntif yang bisa mereka gunakan untuk melayangkan pertanyaan adalah di kolom komentar.

Sering sekali saya berkeliling ke beberapa blog yang kontennya sangat bagus tapi agak kurang lengkap. Nah ketika saya mau bertanya tentang yang kurang lengkapnya tersebut ternyata tidak disediakan kolom komentar, akhirnya saya keluar dari situs/blog tersebut tanpa membawa kesan yang berarti.

d).Pastikan template dilengkapi dengan Formulir Kontan atau Contact Us.

Tidak selamanya pengunjung mau mempertanyakan sesuatu langsung dikolom komentar. Ada kalanya mereka ingin caht dengan kita sebagai pemilik website secara private. Nah sarana untuk melakukan chat private yang paling mudah dan umum digunakan adalah adanya Formulir Kontak atau Contact Us.

Jadi memang optimisasi SEO On-Page ini sangat banyak ragamnya, malah bisa dibilang lebih sulit daripada SEO Off-Page.

e). Pastikan template menggunakan meta title dan meta tag SEO yang benar.

Ini jangan dianggap sepele, karena sinyal masuknya robot perayap kedalam sebuah situs/blog untuk mengindeks setiap konten berawal dari pengaturan meta tag.

Sebagai bonus kepada pembaca disini saya akan memmbagikan meta tag yang menurut saya lumayan bagus SEO nya.

Bagi yang berminta silahkan ambil Meta Tag SEO lengkap dibawah ini:

<meta content='width=device-width, initial-scale=1' name='viewport'/>
<b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.homepageUrl == data:blog.url'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.pageName == &quot;&quot;'>
<title>All Posts - <data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType in {&quot;error_page&quot;}'>
<title>Page Not Found - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
</b:if>
</b:if>
<!-- Meta Tag Robots hanya tampil di inspect archive, label dan penelusuran blog -->
<b:if cond='data:blog.pageType in {&quot;archive&quot;} or data:blog.searchLabel or data:blog.searchQuery'>
<meta content='noindex' name='robots'/>
</b:if>
<!-- Meta Tag Robot end -->
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta http-equiv="content-language" content="id_ID"/>
<meta content='blogger' name='generator'/>
<!-- This site is optimized with the Flyin SEO  -->
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;https://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='service.post' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<link expr:href='data:blog.postImageUrl' rel='image_src'/>
</b:if>
<link href='https://plus.google.com/u/0/+FlyinDVB/posts' rel='publisher'/>
<meta content='id_ID' property='og:locale'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta content='@flyin_dvb' name='twitter:site'/>
<meta content='@flyin_dvb' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:else/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
</b:if>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
</b:if>
</b:if>
<!-- Flyin SEO end -->

Catatan: Ganti semua kode dari kode </head> sampai <b:skin><![CDATA[*/ kecuali kode iklan dengan kode diatas, dan ganti juga teks yang saya beri warna merah. Setelah diganti lalu klik Simpan Template dan lihat hasilnya dalam beberapa minggu kedepan.

Mungkin sebagian ada yang bertanya, kenapadi meta tag SEO tidak menggunakan meta keywords? Menurut beberapa artikel yang saya baca dan saya pelajari, penerapan meta keywords sudah tidak efektif lagi diterapkan dalam SEO On-Page. Malah banyak yang mengatakan kalau robots penacri paling tidak suka merayapi halaman posting dari situs/blog yang menggunakan meta keywords.

Walau sejauh ini saya masih melihat situs-situs yang masih menggunakan meta keywords dan posisi artikelnya masih berada diatas, itu mungkin karena faktor lain yang mereka lakukan dalam mengoptimalkan SEO On-Page nya.

Saya rasa pengoptimalan SEO On-Page untuk template sudah cukup, kita lanjut ke nomer 3.

3. SEO On-Page dalam membuat artikel atau postingan

Banyak yang beranggapan kalau konten yang bagus itu adalah konten yang asli dan sarat dengan makna.

Itu memang sangat benar, tapi tidak cukup sebatas itu, kita harus benar-benar memberikan sinyal yang kuat dari kata kunci yang kita buat sebagai judul postingan agar mesin perayap merasa yakin kalau konten tersebutlah yang sedang dicari oleh calon pengunjung.

Dan akhirnya setelah menggap kalau konten tersebutlah yang paling relevan maka mesin pencari akan menyuguhkan konten kita tersebut dihalaman pertama mesin pencarinya.

Seperti apa cara membuat artikel atau postingan yang memenuhi kaidah SEO On-Page itu?

a). Tidak boleh menggunakan heading H1 lebih dari 1 dalam setiap postingan.

Kalau Anda masih belum tau tentang apa itu yang dimaksud heading H1, heading H1 itu adalah judul dari postingan.

Seperti artikel yang sedang Anda baca sekarang judulnya: Tutorial SEO On-Page, nah itulah heading H1 nya.

b). Menyisipkan kata kunci kedalam judul postingan.

Kata kunci yang bagus dalam pembuatan setiap artikel adalah fokus pada 1 kata kunci saja. Saya bukan tidak bisa membuat judul artikel ini menjadi "Tutorial SEO On-Page dan SEO Off-Page" dan menjelaskan keduanya.

Tapi saya lebih memilih membuat 2 judul dan artikel yang berebeda saja agar pembahasannya lebih fokus dan tujuan utama dari SEO On-Page yang saya optimalkan menjadi lebih mengena.

c). Menerapkan heading H2,H3 didalam postingan.

Dalam setiap postingan agar unsur SEO On-Page nya terpenuhi maka wajib menerapakan paling tidak 1 buah heading H2 dan 1 buah heading H3 disetiap postingan. Untuk heading H4 sampai H6 saya rasa sudah tidak begitu penting, cukup dengan hurup tebal atau strong saja sudah cukup.

d). Menggunakan alt text dan tttle text kesetiap gambar yang ada dalam postingan.

Perlu Anda ketahui, kalau robots diseting untuk tidak membaca gambar, tapi justru diseting untuk membaca nama gambar tersebut. Makanya penggunaan alt text dan title text sangat penting dalam mengoptimalkan SEO On-Page.

e). Menambahkan deskripsi disetiap postingan.

Terkadang deksripsi yang benar-benar relevan dengan kata kunci bisa mengecoh mesin pencari, walaupun isi artikelnya sedikit kurang relevan dengan yang dimaksud oleh calon pengunjung, tapi dengan adanya deskripsi yang bagus bisa memberi sinyal yang kuat kepada mesin pencari untuk menampilkan halaman posting kita di mesin pencarinya.

Mungkin cukup sekian pembahasan tentang cara mengoptimalkan SEO On-Page untuk situs/blog yang bisa saya sampaikan pada kesempatan kali ini. Kurang lebihnya saya mohon maaf dan semoga artikel ini ada manfaatnya.
Klik disini untuk membuka komentar

No comments

Silahkan berkomentar yang bijak dan sopan dengan tidak menyisipkan link aktip. Terima Kasih.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

SUBSCRIBE OUR NEWSLETTER