SEO On-Page untuk Blog Jekyll: Panduan Lengkap 2026

Punya blog Jekyll yang cepat dan kontennya bagus saja tidak cukup kalau artikel-artikelnya tidak ditemukan di mesin pencari. SEO On-Page adalah kumpulan praktik optimasi yang dilakukan langsung di halaman web — mulai dari struktur judul, meta description, hingga internal linking — untuk membantu Google memahami dan meranking konten kamu lebih baik.

Di artikel ini kita bahas praktik SEO on-page yang paling berdampak, khusus untuk blog Jekyll.

1. Plugin jekyll-seo-tag — Fondasi SEO di Jekyll

Langkah pertama adalah memastikan kamu menggunakan plugin jekyll-seo-tag. Plugin ini secara otomatis menghasilkan semua meta tag SEO penting: title, description, Open Graph, Twitter Card, dan structured data.

Instalasi

Tambahkan ke Gemfile:

gem "jekyll-seo-tag"

Tambahkan ke _config.yml:

plugins:
  - jekyll-seo-tag

Tambahkan tag di dalam <head> layout utama (_layouts/default.html):

<head>
  ...
  <!-- Begin Jekyll SEO tag v2.9.0 -->
<title>SEO On-Page untuk Blog Jekyll: Panduan Lengkap 2026 | Miftakhuddin’s Blog</title>
<meta name="generator" content="Jekyll v4.4.1" />
<meta property="og:title" content="SEO On-Page untuk Blog Jekyll: Panduan Lengkap 2026" />
<meta name="author" content="kiki" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="Punya blog Jekyll yang cepat dan kontennya bagus saja tidak cukup kalau artikel-artikelnya tidak ditemukan di mesin pencari. SEO On-Page adalah kumpulan praktik optimasi yang dilakukan langsung di halaman web — mulai dari struktur judul, meta description, hingga internal linking — untuk membantu Google memahami dan meranking konten kamu lebih baik." />
<meta name="twitter:description" property="og:description" content="Punya blog Jekyll yang cepat dan kontennya bagus saja tidak cukup kalau artikel-artikelnya tidak ditemukan di mesin pencari. SEO On-Page adalah kumpulan praktik optimasi yang dilakukan langsung di halaman web — mulai dari struktur judul, meta description, hingga internal linking — untuk membantu Google memahami dan meranking konten kamu lebih baik." />
<link rel="canonical" href="https://blog.kiki.my.id/seo-on-page-untuk-blog-jekyll/" />
<meta property="og:url" content="https://blog.kiki.my.id/seo-on-page-untuk-blog-jekyll/" />
<meta property="og:site_name" content="Miftakhuddin’s Blog" />
<meta property="og:image" content="https://blog.kiki.my.id/assets/images/main/jekyll.png" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2026-08-07T00:00:00+00:00" />
<meta property="article:modified_time" content="2026-08-07T00:00:00+00:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://blog.kiki.my.id/assets/images/main/jekyll.png" />
<meta name="twitter:title" content="SEO On-Page untuk Blog Jekyll: Panduan Lengkap 2026" />
<meta name="twitter:site" content="@kikukeii_" />
<meta name="twitter:creator" content="@kiki" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BlogPosting","author":{"@type":"Person","name":"kiki"},"dateModified":"2026-08-07T00:00:00+00:00","datePublished":"2026-08-07T00:00:00+00:00","description":"Punya blog Jekyll yang cepat dan kontennya bagus saja tidak cukup kalau artikel-artikelnya tidak ditemukan di mesin pencari. SEO On-Page adalah kumpulan praktik optimasi yang dilakukan langsung di halaman web — mulai dari struktur judul, meta description, hingga internal linking — untuk membantu Google memahami dan meranking konten kamu lebih baik.","headline":"SEO On-Page untuk Blog Jekyll: Panduan Lengkap 2026","image":"https://blog.kiki.my.id/assets/images/main/jekyll.png","mainEntityOfPage":{"@type":"WebPage","@id":"https://blog.kiki.my.id/seo-on-page-untuk-blog-jekyll/"},"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://blog.kiki.my.id/assets/images/logo.png"},"name":"kiki"},"url":"https://blog.kiki.my.id/seo-on-page-untuk-blog-jekyll/"}</script>
<!-- End Jekyll SEO tag -->

  ...
</head>

Konfigurasi di `_config.yml`

title: "Nama Blog Kamu"
description: "Deskripsi singkat blog yang menarik dan informatif."
url: "https://blog.namakamu.com"
author:
  name: "Nama Kamu"
  twitter: "@username"

twitter:
  username: username
  card: summary_large_image

social:
  name: Nama Kamu
  links:
    - https://twitter.com/username
    - https://github.com/username

2. Judul Artikel yang Optimal

Judul adalah elemen SEO paling penting. Google menampilkan judul di hasil pencarian, dan pengguna memutuskan untuk klik atau tidak berdasarkan judul.

Panduan Menulis Judul yang Baik

Panjang ideal: 50–60 karakter — lebih dari itu akan terpotong di SERP
Sertakan keyword utama di bagian awal judul
Buat menarik dan informatif — hindari judul clickbait yang tidak mencerminkan isi
Unik — setiap artikel harus punya judul yang berbeda

# Kurang optimal
title: "Tutorial Jekyll"

# Lebih baik
title: "Cara Install Jekyll di Windows dengan FlyEnv — Panduan 2026"

3. Meta Description yang Mengundang Klik

Meta description tidak langsung mempengaruhi ranking, tapi sangat mempengaruhi CTR (Click-Through Rate) — persentase orang yang klik hasil pencarian kamu.

Tambahkan description di front matter setiap artikel:

---
title: "Judul Artikel"
description: "Panduan lengkap cara mengoptimasi gambar untuk blog Jekyll agar loading lebih cepat dan skor PageSpeed meningkat."
---

Tips Meta Description

Panjang ideal: 120–160 karakter
Sertakan keyword utama secara natural
Tulis seperti iklan singkat — jelaskan manfaat membaca artikel ini
Gunakan kalimat aktif

4. Struktur Heading yang Benar (H1, H2, H3)

Heading membantu Google memahami struktur dan hierarki konten artikel.

H1 — hanya satu per halaman, biasanya judul artikel (dihandle otomatis oleh Jekyll dari page.title)
H2 — sub-topik utama, keyword sekunder bisa dimasukkan di sini
H3 — sub-topik dari H2, penjelasan lebih detail

# Judul Artikel (H1 — sudah otomatis dari Jekyll)

## Sub-topik Utama (H2)

### Detail dari Sub-topik (H3)

Jangan skip level heading — jangan langsung dari H1 ke H3 tanpa H2.

5. URL yang SEO Friendly

Jekyll secara default membuat URL dari nama file post. Pastikan nama file (dan otomatis permalink-nya) sudah SEO friendly:

# Kurang baik
2026-08-07-post-1.md → /post-1/

# Lebih baik
2026-08-07-seo-on-page-untuk-blog-jekyll.md → /seo-on-page-untuk-blog-jekyll/

Di _config.yml, pastikan permalink menggunakan format tanpa tanggal:

permalink: /:title/

Ciri URL yang baik:

Mengandung keyword utama
Pendek dan deskriptif
Menggunakan tanda hubung (-) bukan underscore (_)
Huruf kecil semua
Tanpa kata-kata tidak penting (a, dan, yang, di, ke)

6. Gambar dengan Alt Text yang Deskriptif

Setiap gambar harus punya atribut alt yang deskriptif. Alt text membantu:

Google Image Search mengindeks gambar kamu
Aksesibilitas untuk pengguna dengan screen reader
Tampil sebagai teks pengganti ketika gambar gagal dimuat

![Tampilan dashboard Cloudflare Analytics menampilkan lonjakan traffic bot](
/assets/images/traffic/traffic1.png)

Hindari alt text generik seperti image1.png atau hanya gambar.

7. Internal Linking

Internal link adalah tautan dari satu artikel ke artikel lain di blog yang sama. Ini membantu Google menelusuri semua konten blog kamu dan memahami topik mana yang paling penting.

Kamu bisa baca panduan lengkapnya di artikel
[Cara Deploy Jekyll ke GitHub Pages](/cara-deploy-jekyll-ke-github-pages/).

Tips internal linking:

Gunakan anchor text yang deskriptif (bukan “klik di sini”)
Link ke artikel yang relevan secara topik
Pastikan tidak ada halaman yang “orphan” (tidak ada yang link ke sana)
2–5 internal link per artikel sudah cukup

8. Open Graph untuk Tampilan Berbagi di Media Sosial

Open Graph menentukan tampilan preview saat artikel kamu dibagikan di Facebook, Twitter, LinkedIn, WhatsApp, dll.

Dengan jekyll-seo-tag, tag OG sudah dihasilkan otomatis. Tapi kamu perlu menambahkan gambar OG di front matter:

---
title: "Judul Artikel"
description: "Deskripsi artikel..."
image: /assets/images/thumbnail-artikel.jpg
---

Ukuran gambar OG yang ideal: 1200×630 piksel.

9. Kecepatan Halaman — Faktor Ranking Langsung

Google secara resmi menggunakan Core Web Vitals sebagai faktor ranking. Blog Jekyll secara inheren sudah cepat karena statis, tapi tetap perlu diperhatikan:

Optimalkan gambar (format WebP, kompresi, lazy loading)
Minifikasi CSS dan JS
Gunakan CDN (Cloudflare Pages sudah include CDN otomatis)
Hindari render-blocking resources

Cek skor di PageSpeed Insights.

10. Sitemap dan Robots.txt

Pastikan sitemap tergenerate otomatis menggunakan plugin jekyll-sitemap:

# Gemfile
gem "jekyll-sitemap"

# _config.yml
plugins:
  - jekyll-sitemap

Plugin ini akan menghasilkan /sitemap.xml secara otomatis.

Submit sitemap ke Google Search Console agar artikel-artikel baru cepat diindeks:

Buka search.google.com/search-console
Tambahkan property domain kamu
Klik Sitemaps → submit URL sitemap

Kesimpulan

SEO on-page untuk blog Jekyll tidak harus rumit. Dengan plugin jekyll-seo-tag sebagai fondasi, penulisan judul dan deskripsi yang tepat, struktur heading yang benar, dan perhatian pada kecepatan halaman — blog kamu sudah punya pondasi SEO yang kuat.

Konsistensi jauh lebih penting dari kesempurnaan teknis. Artikel yang ditulis secara rutin dengan praktik SEO dasar yang benar akan memberikan hasil yang jauh lebih baik dari satu artikel sempurna yang ditulis setahun sekali.