{"id":2773,"date":"2020-11-10T02:38:28","date_gmt":"2020-11-10T02:38:28","guid":{"rendered":"https:\/\/rengga.dev\/blog\/?p=2773"},"modified":"2023-06-12T14:55:57","modified_gmt":"2023-06-12T14:55:57","slug":"5-tips-mudah-seo-untuk-developer","status":"publish","type":"post","link":"https:\/\/rengga.dev\/blog\/5-tips-mudah-seo-untuk-developer\/","title":{"rendered":"5 Tips Mudah SEO untuk Developer"},"content":{"rendered":"

Kali ini saya akan membahas aspek yang lebih teknis. Yakni mengenai 5 Tips SEO untuk developer. Dengan tips ini, SEO web-mu akan lebih optimal.<\/p>\n

Lima (5) langkah berikut juga bisa jadi batu loncatanmu yang mudah untuk masuk dunia SEO. Serta meningkatkan value kalian sebagai seorang developer. Wow!<\/p>\n

Penasaran kan? Yuk simak.<\/p>\n

1. Mengecek SEO Dengan Lighthouse<\/b><\/h2>\n

Salah satu cara termudah untuk cek SEO web-mu adalah dengan menggunakan fitur Lighthouse. Fitur ini tersedia via Google Chrome. Caranya, klik kanan pada browser -> pilih\u00a0Inspect<\/b>\u00a0->\u00a0Audits<\/b>\u00a0-> Generate Report\u00a0SEO<\/b><\/p>\n

\"SEO<\/p>\n

Banyak praktisi yang menyatakan sebuah landing page atau homepage idealnya memiliki nilai 100. Kenapa demikian? Ibarat rumah, landing page adalah gerbang utama bagi pengunjung situs. Bedanya, untuk halaman lain, nilai 95 masih dapat diterima (acceptable)<\/em>\u00a0walaupun sebaiknya kamu targetkan pula ke angka 100.<\/p>\n

Nah, bagaimana jika bermasalah?<\/p>\n

Salah satu faktor utama yang kerap terjadi adalah tidak adanya\u00a0meta deskripsi:<\/b><\/p>\n

\n
\n
<meta name=\"description\" content=\"A page's description, usually one or two sentences.\"\/><\/pre>\n<\/div>\n<\/div>\n
Faktor kedua yaitu, masalah\u00a0area tombol\u00a0<\/b>di mobile yang terlalu kecil. Minimal area select nya adalah 48px. Untuk masalah ini, manfaatkan positioning element. Point utamanya adalah agar ada ruang antar-elemen, sehingga mobile user lebih mudah men-tap tautan yang dikehendaki.<\/p>\n
Jika kedua masalah tersebut terpenuhi maka biasanya nilai SEO bisa mencapai 100%. Tapi ada 2 hal lain yang perlu kamu tambahkan agar lebih diperhatikan Google Search.<\/p>\n
<\/h2>\n
2. Implementasi Canonical & Structure Data<\/b><\/h2>\n
Yang pertama adalah tentang\u00a0Canonical<\/b>. Ketika Google membuka halaman situs, baik dengan www maupun non-www, Google menganggapnya halaman berbeda, padahal tidak. Misalnya jika kita buka di pagination halaman kedua maka Google menganggapnya lain dengan halaman pertama. Sama juga seperti saat membuka di mobile dan di desktop \u2013 juga dianggap berbeda.<\/p>\n
Bagaimana memberitahu google bahwa halaman itu sama? Tambahkan canonical. Contoh implementasi canonical adalah sebagai berikut:<\/p>\n
\n
\n
<link rel=\"canonical\" href=\"https:\/\/www.dicoding.com\"\/><\/pre>\n<\/div>\n<\/div>\n
Catat bahwa penambahan canonical tidak berlaku untuk halaman yang tidak diindeks (misal menambahkan noindex) karena dapat menyebabkan konflik<\/p>\n
Yang kedua yaitu tentang\u00a0Structure data.\u00a0<\/b>Sebagai contoh jika kita mencari dengan keyword \u201cevents Bandung,\u201d maka akan muncul snippet berikut:<\/p>\n
\"SEO<\/p>\n
Fungsi struktur data adalah memudahkan Google Search untuk membaca konten kita. Selain itu, ini juga bisa jadi potensi bagi Google untuk menampilkan feature snippet di landing page.<\/p>\n
Selain event, ada banyak bentuk-bentuk yang lain seperti jobs, courses, dan sebagainya. Untuk lebih detailnya dapat buka di halaman\u00a0https:\/\/developers.google.com\/search\/docs\/guides\/search-gallery<\/a><\/p>\n
Untuk membuat sebuah structure data, kamu dapat menggunakan generator structure data dengan menggunakan\u00a0Structured Data Markup Helper.<\/a><\/p>\n
Dan kamu dapat menguji apakah structure datanya bermasalah atau tidak dengan menggunakan\u00a0Google Structured Data Testing Tool<\/a>.<\/p>\n
Ini contoh pada halaman blog Dicoding.<\/p>\n
\"SEO<\/p>\n
 <\/p>\n
3. Mengecek Speed Melalui Google PageSpeed Insights (PSI)<\/b><\/h2>\n
Speed adalah hal penting. Apa pasal? Website yang dibuat dengan baik dan optimized seharusnya memiliki waktu load yang cepat. Untuk tahu seberapa optimized situs kamu dalam hal kecepatan, gunakan data di Google Search Console. Jangan lupa bahwa ini masih fitur Eksperimental di Google Search Console, sehingga bisa ada informasi tidak sama antara hasil yang dilaporkan dengan hasil yang telah diuji. Ketika hal tersebut terjadi, cukup recrawl ulang di inspector maka\u00a0voila !<\/em>\u00a0tidak ada masalah.<\/p>\n
Untuk test gunakan\u00a0PageSpeed insights<\/a><\/strong><\/p>\n
\"SEO<\/p>\n
Setelah mengecek apa yang membuat web-mu jadi berat, kamu jadi tahu dan bisa mengotimalkan kekurangan tersebut, bukan? Semangat!<\/p>\n
 <\/p>\n
4. Menggunakan Robots.txt dan Sitemap.xml<\/b><\/h2>\n
Jika ingin sebuah direktori atau halaman tidak tampli di indeks, tambahkan ke robots.txt. Kamu dapat mengetesnya di\u00a0robots.txt tester<\/strong>.<\/p>\n
\"SEO<\/p>\n
contoh isi dari file robots.txt<\/p>\n
\n
\n
# Group 1\r\nUser-agent: Googlebot\r\nDisallow: \/nogooglebot\/\r\n \r\n# Group 2\r\nUser-agent: *\r\nAllow: \/\r\n \r\nSitemap: http:\/\/www.example.com\/sitemap.xml<\/pre>\n<\/div>\n<\/div>\n
Jika sebuah halaman tidak ingin diindeks maka tambahkan meta data noindex dan nofollow. Pastikan kamu sudah hapus canonical dan tautan di sitemap. Untuk lebih detailnya,\u00a0bacalah tentang robots.txt<\/a><\/strong><\/p>\n
Jika ingin menghapus sebuah halaman yang sudah terindex, maka berikan info dengan code 410. Kemudian redirect ke halaman dengan code 200.<\/p>\n
Setelah kita memberitahu mana saja yang tidak dapat dibuka, setelah itu kita perlu memberi tahu Google yang mana saja yang akan di crawl. Alhasil, website kita pun cepat terindeks ulang oleh Google. Oleh karena itu web-mu perlu memiliki sitemap.<\/p>\n
\n
\n
XHTML\r\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n \r\n<urlset xmlns=\"http:\/\/www.sitemaps.org\/schemas\/sitemap\/0.9\">\r\n \r\n<url>\r\n \r\n<loc>http:\/\/www.example.com\/<\/loc>\r\n \r\n<lastmod>2005-01-01<\/lastmod>\r\n \r\n<changefreq>monthly<\/changefreq>\r\n \r\n<priority>0.8<\/priority>\r\n \r\n<\/url>\r\n \r\n<\/urlset><\/pre>\n<\/div>\n<\/div>\n
Untuk detailnya tentang sitemap bisa dilihat di\u00a0https:\/\/www.sitemaps.org\/protocol.html<\/a><\/p>\n
<\/h2>\n
5<\/strong>.\u00a0Mengecek Hasil Crawling Melalui URL Inspection di Google Search Console<\/b><\/h2>\n
Setiap menambah\/membuat\/memperbarui halaman baru\/lama, kamu bisa cek url tersebut di URL Inspection untuk melihat apakah semua aman atau ada eror.<\/p>\n
\"SEO<\/p>\n
Pastikan tidak ada yang eror. Jika ada, segera perbaiki dan re-crawl ulang.<\/p>\n
Jika bermasalah dengan mobile usability, ujilah dengan\u00a0Mobile-Friendly Test<\/a><\/strong>.<\/p>\n
Hasil dengan tool test di atas bisa berbeda dengan hasil di peranti sebenarnya. Tapi kita menggunakan tools di atas per rekomendasi Google Search Console.<\/p>\n
Bagaimana kelima tips di atas? Mudah kan? ada tips lain yang kamu ingn bagi? Silakan tulis di komentar ya. Diskusi terbuka nih.<\/p>\n","protected":false},"excerpt":{"rendered":"
Kali ini saya akan membahas aspek yang lebih teknis. Yakni mengenai 5 <\/a><\/p>\n","protected":false},"author":1,"featured_media":3943,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[189,12],"tags":[190,191,120,192],"newstopic":[599],"class_list":{"0":"post-2773","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-seo","8":"category-web-development","9":"tag-seo","10":"tag-seo-website","11":"tag-web-designers","12":"tag-web-developer","13":"newstopic-seo"},"_links":{"self":[{"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/posts\/2773","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/comments?post=2773"}],"version-history":[{"count":11,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/posts\/2773\/revisions"}],"predecessor-version":[{"id":2785,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/posts\/2773\/revisions\/2785"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/media\/3943"}],"wp:attachment":[{"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/media?parent=2773"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/categories?post=2773"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/tags?post=2773"},{"taxonomy":"newstopic","embeddable":true,"href":"https:\/\/rengga.dev\/blog\/wp-json\/wp\/v2\/newstopic?post=2773"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}