Posts

Showing posts from June, 2025

Meta Tag Lengkap untuk SEO

<head> <!-- Charset & Viewport --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Judul Halaman --> <title>Kenapa Kamu Mencintaiku?</title> <!-- Canonical & Robots --> <link rel="canonical" href="https://example.com/kenapa-kamu-mencintaiku"> <meta name="robots" content="index, follow"> <!-- SEO Meta --> <meta name="description" content="Penjelasan emosional dan logis tentang cinta sejati: Mengapa kita mencintai seseorang tanpa alasan? Baca berbagai alasan yang sering disalahartikan sebagai cinta."> <meta name="keywords" content="cinta sejati, alasan mencintai, logika cinta, arti cinta, perasaan cinta, kata cinta, cinta tanpa syarat, motivasi cinta"> <meta name="author" content="TOSERBA TIGA S...

Contoh Lengkap Schema Markup (bisa dites copy paste html lengkap, ada error atau warning )

Contoh Lengkap Schema Markup Contoh Lengkap Halaman dengan Structured Data Lihat bagian <head> halaman ini untuk berbagai contoh penggunaan Schema Markup . Kamu bisa menguji validitasnya dengan Google Rich Results Test .

Contoh Schema Markup: Produk, FAQ, Resep, Event, & Review

Contoh Schema Markup Contoh Halaman dengan Schema Markup Periksa source code halaman ini untuk melihat contoh structured data. Penjelasan: Semua schema disisipkan di dalam <head> menggunakan <script type="application/ld+json">. Tidak akan terlihat di tampilan browser, tapi dibaca oleh mesin pencari (Google, Bing). Bermanfaat untuk menampilkan rich results seperti: bintang rating, FAQ yang bisa diklik, atau cuplikan artikel. contoh HTML lengkap yang menggunakan structured data (Schema Markup) dengan format ld+json. Contoh ini menampilkan markup untuk: Artikel, Produk, FAQPage

Error, Pengalihan khusus, & 404 khusus

  Error dan pengalihan Buat Halaman 404 Khusus dan Pengalihan khusus di Blogger Berikut panduan  cara membuat halaman 404 khusus dan pengalihan di Blogger , meskipun fitur ini agak terbatas. Kamu bisa mengakali agar pengunjung tidak keluar dari blog saat menemukan error: ✅ 1 . Atur Pengalihan Khusus (Custom Redirects)  Fungsinya: Jika ada URL lama atau salah ketik, arahkan ke URL baru yang valid. ➤ Langkah-langkah: Masuk ke  dashboard Blogger Buka  Setelan (Settings)  → bagian  Kesalahan dan pengalihan Klik  Pengalihan Khusus Klik  + Tambahkan Isi seperti ini: Dari :  /halaman-lama.html Ke :  /halaman-baru.html Centang  Permanen Klik  Simpan ⚠️ Format harus relatif (tidak pakai domain), misalnya  /artikel-seo-lama.html  →  /artikel-seo-baru.html 🚫 Jika “tidak ada item” saat membuat pengalihan: Itu artinya kamu  belum menambahkan pengalihan apa pun , jadi daftar masih kosong. Setelah menambahkan lewat t...

Cara Mengatasi Masalah HTML di Blogger

Cara Mengatasi Masalah HTML di Blogger 🚀 Kalau Masih Bermasalah di Blogger: Jika ini tetap rusak karena pembatasan Blogger: Hosting HTML final di tempat seperti: GitHub Pages Netlify Google Drive (yang di-set Public) Embed ke postingan Blogger pakai <iframe> seperti ini: <iframe src="https://alamat-hosting-anda.com/file.html" width="100%" height="600" frameborder="0"></iframe>

HTML CSS Javascript Blogger Blogspot tentang Cara Mengatasi Masalah HTML di Blogger

Cara Mengatasi Masalah HTML di Blogger Tabel 1 Penyebab Penjelasan Singkat CSS global Blogger bentrok Blogger memiliki CSS-nya sendiri. Misalnya, elemen seperti body, textarea, atau input mungkin sudah diberi margin/padding yang tidak cocok. Tag <html>, <head>, <body> dimasukkan langsung ke dalam postingan Blogger tidak mengizinkan struktur dokumen penuh. Hanya konten dalam <body> yang seharusnya digunakan. Elemen meluap dari container Blogger. Elemen meluap layout Blogger Penggunaan lebar 100vw atau fixed width berlebihan bisa membuat tampilan sisi kiri/kanan rusak. Box-sizing berbeda. Box-sizing tidak konsisten Blogger bisa pakai content-box sebagai default, sedangkan Anda mungkin mengharapkan border-box, menyebabkan layout pecah. Tag <script...