Plus UI v3.7.0: SafeLink Multi-Halaman & SEO

Plus UI v3.7.0 berfokus pada monetisasi, SEO, stabilitas, dan pengalaman pengguna. Pada versi WordPress, beberapa konsep Blogger diterapkan secara native melalui WordPress, sementara fitur yang sangat spesifik seperti SafeLink multi-halaman atau PWA perlu modul tambahan bila ingin digunakan di situs produksi.

Apa yang berubah pada v3.7.0?

• Konsep SafeLink dapat memakai beberapa halaman perantara.
• Kontrol judul SEO lebih fleksibel.
• Perbaikan stabilitas untuk fitur aplikasi/PWA.
• Penyempurnaan area iklan dan elemen artikel.
• Perbaikan lightbox, menu, dan detail UX.

SEO title di WordPress

WordPress sudah memiliki dukungan title-tag. Theme mendaftarkan dukungan ini sehingga judul dokumen mengikuti konteks halaman, artikel, arsip, dan hasil pencarian.

add_action('after_setup_theme', function () {
    add_theme_support('title-tag');
});

Untuk penyesuaian lebih lanjut, judul dapat difilter tanpa mengedit core WordPress.

add_filter('document_title_parts', function ($parts) {
    if (is_front_page()) {
        $parts['title'] = get_bloginfo('name');
        $parts['tagline'] = get_bloginfo('description');
    }
    return $parts;
});

SafeLink multi-halaman: konsep

SafeLink adalah halaman perantara sebelum pengguna diarahkan ke URL tujuan. Pada implementasi yang baik, sistem harus tetap transparan: jelaskan bahwa pengguna akan diarahkan, jangan menyamarkan tujuan berbahaya, dan jangan membuat countdown terlalu lama.

Struktur data sederhana

$safelink_pages = array(
    '/go/step-1/',
    '/go/step-2/',
    '/go/step-3/',
);

$target = isset($_GET['url']) ? esc_url_raw($_GET['url']) : '';

URL tujuan harus divalidasi. Untuk situs publik, pertimbangkan whitelist domain dan token yang ditandatangani agar parameter tidak mudah dimanipulasi.

PWA dan cache

PWA biasanya memerlukan manifest, service worker, ikon aplikasi, dan strategi cache. Pada WordPress, service worker sebaiknya tidak ditanam secara agresif di theme karena dapat bentrok dengan plugin cache/CDN.

{
  "name": "Plus UI WP",
  "short_name": "Plus UI",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#ffffff",
  "theme_color": "#0b57d0"
}

Optimasi Core Web Vitals

1. Gunakan gambar hero/featured image dengan ukuran yang tepat.
2. Jangan lazy-load gambar LCP pertama.
3. Lazy-load gambar di bawah fold.
4. Kurangi script pihak ketiga.
5. Gunakan font lokal atau preconnect hanya jika benar-benar dibutuhkan.
6. Uji ulang di PageSpeed setelah perubahan plugin.

Featured image prioritas tinggi

the_post_thumbnail('large', array(
    'loading'       => 'eager',
    'fetchpriority' => 'high',
));

Open Graph dan social preview

Untuk situs produksi, gunakan plugin SEO atau implementasi metadata yang konsisten. Featured image ideal untuk preview sosial menggunakan rasio 16:9, misalnya 1280×720.

Checklist setelah update

Alur update yang aman

Update theme sebaiknya diperlakukan seperti perubahan aplikasi, bukan sekadar mengganti tampilan. Catat versi yang sedang digunakan, buat backup, periksa plugin yang berhubungan dengan cache/SEO, lalu lakukan update di staging. Setelah itu bandingkan halaman penting sebelum dan sesudah update.

1. Catat versi theme aktif dan daftar plugin penting.
2. Backup file theme serta database.
3. Aktifkan maintenance singkat jika update dilakukan langsung di production.
4. Ganti theme dengan versi baru.
5. Hapus cache server, plugin, CDN, dan browser.
6. Periksa homepage, artikel, arsip, pencarian, menu mobile, komentar, dan halaman 404.
7. Jalankan PageSpeed atau Lighthouse pada URL yang sama dengan pengujian sebelumnya.

SEO teknis yang perlu dicek

Perubahan theme dapat memengaruhi markup walaupun isi artikel tidak berubah. Setelah update, periksa bahwa setiap halaman hanya memiliki satu H1, title tidak kosong, canonical tidak ganda, featured image tetap tersedia, dan navigasi internal masih dapat dirayapi.

<title>Judul Halaman - Nama Situs</title>
<link rel="canonical" href="https://example.com/artikel/">
<meta name="description" content="Ringkasan halaman yang relevan">

Judul khusus arsip

Untuk kategori dan hasil pencarian, gunakan judul yang menjelaskan konteks. Jangan memaksa semua halaman memakai pola homepage.

add_filter('document_title_parts', function ($parts) {
    if (is_category()) {
        $parts['title'] = single_cat_title('', false);
    }
    if (is_search()) {
        $parts['title'] = 'Hasil pencarian: ' . get_search_query();
    }
    return $parts;
});

Stabilitas script dan iklan

Theme news/blog sering memiliki script analytics, iklan, popup, dan widget. Masalah yang terlihat seperti bug theme sebenarnya dapat berasal dari script pihak ketiga yang menulis ulang DOM atau menunda render. Uji versi baru tanpa script eksternal terlebih dahulu, kemudian aktifkan kembali satu per satu.

PWA: kapan perlu?

PWA cocok untuk situs yang benar-benar membutuhkan instalasi aplikasi, offline shell, atau push notification. Untuk blog sederhana, service worker yang salah konfigurasi dapat menyimpan CSS/JS versi lama dan membuat update tampak tidak bekerja. Karena itu PWA sebaiknya memakai versioned cache dan mekanisme invalidasi yang jelas.

Rollback

Simpan satu versi theme sebelumnya. Bila muncul error kritis setelah update, rollback file theme lebih cepat daripada memperbaiki production dalam keadaan pengunjung aktif. Jangan rollback database secara sembarangan bila selama periode tersebut ada order, komentar, atau posting baru.

Kompatibilitas plugin

• Plugin SEO: cek title, meta, schema, breadcrumb.
• Plugin cache: cek minify/defer/delay JS.
• Plugin gambar: cek WebP/AVIF dan srcset.
• Plugin komentar: cek form dan script eksternal.
• Plugin multibahasa: cek switcher dan URL language.

Target versi WordPress

Port WordPress tidak harus meniru implementasi internal Blogger baris demi baris. Yang dipertahankan adalah layout, komponen, interaksi, dan pengalaman pengguna, sementara data dan routing mengikuti API WordPress agar lebih stabil untuk maintenance jangka panjang.