vuejs,

Cara Memasang Sitemap di Gridsome

Ham Ham Follow May 02, 2020 · 2 mins read
Cara Memasang Sitemap di Gridsome
Share this

Setelah menginstall Gridsome, ada beberapa langkah yang harus diselesaikan. Salah satunya adalah menambahkan sitemap pada web.

Sitemap sangat penting, apalagi kita benar-benar aware dan taat SEO.

Untuk memasang sitemap di Gridsome sangatlah mudah, hanya perlu install plugin yang dibutuhkan, lalu lakukan sedikit konfigurasi, dan sitemap otomatis terbuat.

Install Plugin RSS Feed di Gridsome

Pertama kita harus menginstal plugin yang dibutuhkan, dengan perintah

npm install gridsome-plugin-rss

Setelah plugin terinstall, edit file gridsome.config.js, pada bagian plugins tambahkan kode berikut

{
  use: 'gridsome-plugin-rss',
  options: {
    contentTypeName: 'Post',
    latest: true,
    maxItems: 1000,
    feedOptions: {
      title: 'Nama Web Kamu',
      feed_url: 'https://url_web_kamu.com/rss.xml',
      site_url: 'https://url_web_kamu.com'
    },
    feedItemOptions: post => ({
      title: post.title,
      description: post.description,
      url: 'https://url_web_kamu.com/' + post.slug,
      author: post.fields.author
    }),
    output: {
      dir: './static',
      name: 'rss.xml'
    }
  }
}

Setelah itu simpan, dan sitemap akan otomatis dibuat, silahkan cek https://url_web_kamu.com/rss.xml.

Jangan lupamengganti title, feed_url, site_url, dan url di dalam feedItemOptions dengan nama dan url situs kalian. Juga beberapa bagian di feedItemOptions mungkin berubah tergantung pada bagaimana susunan di situs kalian.

Konfigurasi RSS Sitemap

  • Bidang contentTypeName diperlukan untuk memberi tahu plugin apa nama Tipe yang digunakan untuk mewakili posting blog. Dalam contoh diatas, kita memanggil posting blog kami, tapi dalam beberapa kasus itu bisa berupa BlogPost atau Article tergantung pada konfigurasi Gridsome atau starter yang digunakan.
  • Kolom latest pada konfigurasi ini berfungsi untuk mengurutkan hasil RSS. Jika disetel ke true maka akan secara otomatis mengurutkan hasil umpan RSS dengan item terbaru di bagian atas.
  • Kolom maxItems menunjukkan jumlah maksimum yang akan ditambahkan ke rss.
  • Kolom output adalah letak dimana rss kita ditempatkan.

Itulah cara memasang sitemap ke Gridsome, sangat mudah kan.

Dapatkan Update
Dapatkan update artikel dengan mudah, cukup masukkan emailmu aja!
Ham
Ham Follow
Hi, saya Ham, semoga artikel yang saya bagikan bermanfaat