Mengapa Blog Aku yang Bernama "Layar Kosong" Malah Muncul sebagai "dalam.web.id" Saat di Share? 🔍
Halo, teman blogger! Pernah ngalamin kah? habis bikin artikel keren, terus dengan semangat dibagikan ke WhatsApp grup atau Facebook, eh... yang muncul cuma alamat domain `dalam.web.id`-nya doang? Nama keren blog kita, "Layar Kosong", malah hilang entah ke mana? Tenang, kamu nggak sendirian. Masalah ini lebih umum dari yang dikira, dan **penyebabnya hampir selalu ada di "meta tag" yang kurang lengkap**.
Di panduan ini, kita bakal bahas tuntas **apa yang salah (What), mengapa bisa terjadi (Why), di bagian mana letak masalahnya (Where), kapan harus diperbaiki (When), siapa yang terpengaruh (Who), dan yang paling penting, BAGAIMANA cara memperbaikinya (How)**. Semua akan dijelaskan dengan bahasa santai plus contoh kode yang bisa langsung kamu comot!
1. WHAT? Apa Sih yang Sedang Terjadi?
Saat kamu, contohnya membagikan link `[https://dalam.web.id/artikel/Cuti-Tahun-2012](https://dalam.web.id/artikel/Cuti-Tahun-2012)` ke media sosial (seperti Facebook, WhatsApp, Telegram, atau Twitter), platform tersebut tidak menampilkan nama blog kamu "**Layar Kosong**". Alih-alih, yang muncul adalah nama domain (**dalam.web.id**) atau judul artikel saja tanpa identitas blog.
Ini seperti kamu punya toko keren bernama "**Kedai Kopi Senja**", tapi saat orang mengirimkan lokasinya ke teman, yang muncul cuma nama jalannya "**Jalan Sudirman No. 123**". Orang jadi nggak tahu nama tokonya yang catchy itu!
2. WHY? Mengapa Hal Ini Bisa Terjadi?
Media sosial itu pintar, tapi juga terbatas. Mereka tidak "melihat" website kita seperti manusia. Mereka hanya membaca kode HTML, khususnya tag-tag meta yang disebut **Open Graph** dan **Twitter Cards**.
<meta property="og:site_name" content="**Layar Kosong**">
<meta property="og:title" content="Judul Artikel yang Keren">
<meta name="twitter:title" content="Judul Artikel yang Keren">
3. WHERE & HOW? Di Mana dan Bagaimana Memperbaikinya?
Solusinya ada di **<head>** setiap halaman HTML blog kamu. Kamu perlu menambahkan sekumpulan meta tag yang lengkap. Ini bukan cuma untuk `og:site_name`, tapi juga tag lain yang saling mendukung.
<title> **Layar Kosong** - Judul Artikel Anda</title>
<meta name="author" content="Nama Penulis">
<!-- OPEN GRAPH WAJIB -->
<meta property="og:site_name" content="**Layar Kosong**">
<meta property="og:title" content="Judul Artikel yang Keren">
<meta property="og:description" content="Deskripsi singkat yang menarik...">
<meta property="og:url" content="[https://dalam.web.id/artikel/Cuti-Tahun-2012](https://dalam.web.id/artikel/Cuti-Tahun-2012)">
<meta property="og:type" content="article">
<meta property="og:image" content="https://dalam.web.id/img/gambar-artikel.jpg">
<!-- TWITTER CARD -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@LayarKosong"> <!-- Ganti dengan username kamu -->
<meta name="twitter:title" content="Judul Artikel yang Keren">
1. **Facebook Sharing Debugger**
2. **Twitter Card Validator**
3. **LinkedIn Post Inspector**
Bonus: Optimasi Core Web Vitals Sederhana
Selain meta tag, performa halaman juga mempengaruhi SEO. Berikut tips simpel untuk blog statis:
Gunakan atribut `loading="eager"` dan `width`/`height` eksplisit pada gambar utama (seperti contoh gambar di artikel ini). Ini membantu browser mengalokasikan ruang lebih cepat.
Selalu definisikan `width` dan `height` untuk gambar/video, atau gunakan CSS aspect-ratio. Hindari konten yang tiba-tiba mendorong konten lain ke bawah.