Generator Meta Tag
Meta Tag Open Graph
Meta Tag Twitter Card
Cara menggunakan Generator Meta Tag
- 1
Isi bagian penting
Masukkan judul halaman, deskripsi, kata kunci, penulis, dan direktif robots di bagian Essential Meta Tags.
- 2
Tambahkan tag berbagi sosial
Lengkapi kolom Open Graph dan Twitter Card, termasuk judul, deskripsi, dan URL gambar, untuk mengontrol tampilan halaman saat dibagikan.
- 3
Tinjau tag yang dihasilkan
Saksikan markup meta tag terbangun secara langsung di area output saat Anda mengetik di setiap kolom.
- 4
Salin ke dalam <head>
Klik Copy Meta Tags dan tempel HTML yang dihasilkan ke bagian head halaman Anda.
Panduan Lengkap Meta Tag HTML untuk SEO
Apa itu meta tag dan di mana tempatnya
Meta tag adalah elemen HTML yang berada di dalam bagian head sebuah halaman dan mendeskripsikan dokumen kepada browser, mesin pencari, dan jejaring sosial alih-alih kepada pengunjung manusia. Tag ini tidak pernah dirender pada halaman itu sendiri. Browser membacanya sebelum menggambar apa pun, dan itulah sebabnya penempatan menjadi penting: setiap tag yang dihasilkan generator ini sebaiknya ditempelkan di dalam elemen head, idealnya di bagian atas, sebelum skrip apa pun yang memblokir perenderan. Elemen title dan deklarasi charset secara khusus sebaiknya muncul sedini mungkin, karena browser harus mengetahui pengodean karakter sebelum mem-parsing sisa markup.
Dua di antara metadata terpenting secara teknis sama sekali bukan meta tag. Elemen title (title) dan tautan kanonis (link rel="canonical") adalah elemen terpisah, tetapi keduanya berada di blok head yang sama dan menjadi inti dari bagaimana sebuah halaman dipahami. Alat ini berfokus pada tag title, description, viewport, robots, Open Graph, dan Twitter Card, yang bersama-sama mencakup metadata yang benar-benar berpengaruh bagi pencarian dan media sosial.
Tag title: sinyal on-page Anda yang paling penting
Elemen title adalah sinyal SEO on-page terkuat yang Anda kendalikan. Inilah yang biasanya ditampilkan Google sebagai judul biru yang dapat diklik di hasil pencarian dan yang muncul pada tab browser. Targetkan kira-kira 50 hingga 60 karakter, atau sekitar 580 piksel, agar tidak terpotong dengan elipsis di halaman hasil. Letakkan kata kunci terpenting di bagian depan, tulislah untuk manusia yang sedang memutuskan apakah akan mengeklik, dan jaga setiap judul tetap unik di seluruh situs Anda. Teks baku seperti nama merek yang diulang di awal setiap judul menyia-nyiakan ruang paling berharga yang Anda miliki.
Kesalahan yang umum adalah menganggap tag title dan heading H1 dapat dipertukarkan. Keduanya melayani audiens yang berbeda: title untuk cuplikan pencarian dan tab, sedangkan H1 adalah judul on-page. Keduanya boleh berbeda, dan sering kali memang seharusnya, karena frasa yang ideal untuk mendorong klik pada hasil pencarian tidak selalu menjadi judul terbaik bagi seseorang yang sudah berada di halaman.
Meta description: klik, bukan peringkat
Meta description tidak secara langsung memengaruhi peringkat, tetapi sangat memengaruhi rasio klik-tayang, dan itu penting. Perlakukan ia sebagai teks iklan: rangkum halaman, sertakan kata kunci utama agar dapat ditebalkan ketika cocok dengan kueri, dan tambahkan alasan untuk mengeklik. Jaga panjangnya sekitar 150 hingga 160 karakter; deskripsi yang lebih panjang akan terpotong, dan Google sering menulis ulang deskripsi yang hilang, terduplikasi, atau buruk kecocokannya dengan kueri dengan menarik cuplikan dari badan halaman.
Karena Google mungkin mengabaikan deskripsi Anda dan menyusun versinya sendiri, jangan mengandalkannya untuk informasi yang kritis. Tulislah yang kuat tetap saja, karena deskripsi memikat yang bertahan sering mengungguli cuplikan yang dihasilkan otomatis. Jangan pernah menjejalinya dengan kata kunci; hal itu memicu penulisan ulang dan terbaca sebagai spam bagi pengguna.
Meta tag robots dan kontrol perayapan
Meta tag robots memberi tahu mesin pencari apa yang harus dilakukan setelah mereka merayapi sebuah halaman. Nilai yang paling umum adalah index/noindex (apakah halaman boleh muncul di hasil) dan follow/nofollow (apakah tautan di dalamnya harus meneruskan ekuitas). Nilai seperti noindex, follow menjaga sebuah halaman tetap di luar indeks sembari tetap membiarkan perayap menelusuri tautannya, yang berguna untuk halaman tipis seperti hasil pencarian internal atau varian ramah-cetak. Direktif lain mencakup noarchive, nosnippet, dan max-snippet untuk kontrol halus atas bagaimana sebuah hasil ditampilkan.
Sebuah perbedaan penting: meta tag robots mengendalikan pengindeksan, sedangkan robots.txt mengendalikan perayapan. Keduanya tidak dapat dipertukarkan. Jika Anda memblokir sebuah URL di robots.txt, Google mungkin tidak pernah melihat tag noindex pada halaman itu, karena ia tidak dapat merayapi halaman tersebut untuk membacanya, dan URL itu masih bisa muncul di hasil sebagai tautan polos. Untuk menghapus sebuah halaman dari pencarian secara andal, biarkan ia dapat dirayapi dan terapkan noindex.
Viewport, charset, dan hal teknis yang esensial
Tag viewport, width=device-width, initial-scale=1.0, adalah yang membuat sebuah halaman responsif di perangkat seluler. Tanpanya, browser seluler merender halaman pada lebar desktop lalu mengecilkannya, menghasilkan teks mungil dan pengalaman seluler yang buruk. Karena Google mengindeks versi seluler halaman terlebih dahulu, tag viewport yang hilang atau salah konfigurasi adalah masalah peringkat dan kegunaan yang nyata, bukan masalah kosmetik. Deklarasi charset, yang hampir selalu UTF-8, memastikan karakter khusus dan emoji dirender dengan benar alih-alih menjadi mojibake.
Kedua tag ini kecil tetapi tidak bisa ditawar. Setel viewport ke lebar perangkat, hindari menonaktifkan penskalaan oleh pengguna dengan maximum-scale atau user-scalable=no (yang merugikan aksesibilitas), dan deklarasikan pengodean UTF-8 pada setiap halaman.
Open Graph dan Twitter Card untuk pratinjau sosial
Tag Open Graph (keluarga og:) mengontrol bagaimana tautan Anda tampak ketika ditempelkan ke Facebook, LinkedIn, Slack, Discord, dan banyak platform lainnya. Set intinya adalah og:title, og:description, og:image, og:url, dan og:type. Tag Twitter Card (keluarga twitter:) melakukan hal yang sama untuk X, dengan twitter:card disetel ke summary_large_image sebagai opsi yang paling menarik perhatian. Sediakan og:image berukuran sekitar 1200 kali 630 piksel dan selalu gunakan URL absolut untuknya; jalur gambar relatif adalah satu-satunya alasan paling umum mengapa sebuah pratinjau tidak menampilkan thumbnail.
Platform sosial menyimpan dalam cache apa pun yang mereka sisir, sehingga setelah Anda mengubah tag-tag ini, Anda sering perlu menyisir ulang halaman menggunakan alat debug platform tersebut (misalnya, Sharing Debugger milik Facebook) untuk menghapus pratinjau lama. Jika sebuah tag hilang, sebagian besar platform kembali ke title dan description standar, tetapi hasilnya berupa kartu yang lebih polos dan kurang mengundang klik.
Tag yang tidak lagi membantu, dan kesalahan umum
Tag meta keywords sudah mati untuk SEO. Google menegaskan bertahun-tahun lalu bahwa ia sepenuhnya mengabaikan meta keywords, dan karena tag itu secara terbuka menyiarkan istilah target Anda kepada pesaing, mengisinya paling banter sia-sia dan paling buruk merupakan kebocoran informasi kecil. Generator ini menyertakan field keywords demi kelengkapan dan sistem warisan, tetapi jangan mengharapkan manfaat peringkat apa pun darinya. Tag warisan lain seperti meta revisit-after dan meta author juga tidak berdampak pada peringkat Google.
Kesalahan nyata yang paling sering adalah: title dan description yang terduplikasi di banyak halaman, title dan description yang melebihi batas tampilan lalu terpotong, tag kanonis yang hilang pada halaman yang dapat dijangkau melalui beberapa URL, URL relatif pada og:image, dan tanpa sengaja merilis noindex untuk seluruh situs yang tertinggal dari lingkungan staging. Selalu pastikan head yang dirender akhir dengan view-source atau alat pengembang browser Anda, karena kerangka kerja JavaScript kadang menyuntikkan atau menimpa meta tag setelah HTML awal dimuat.
Pertanyaan yang sering diajukan
Meta tag apa saja yang dibuat generator ini?
Untuk apa tag Open Graph dan Twitter Card?
Seberapa panjang judul dan deskripsi saya seharusnya?
Ukuran gambar apa yang harus saya gunakan untuk tag OG?
Di mana saya meletakkan tag yang dihasilkan?
Alat terkait
Lanjutkan dengan alat praktis ini