Generator Tag Meta
BaruHasilkan tag meta SEO, Open Graph, dan Twitter Card dengan pratinjau langsung.
Page title
Your meta description preview appears here.
Runs entirely in your browser. Nothing is uploaded.
Buat tag SEO, Open Graph dan Twitter dalam satu tempat
Generator meta tag ini mengubah satu form singkat menjadi set lengkap dan siap-salin dari meta tag SEO, Open Graph, dan Twitter Card. Isi title, description, URL, dan gambar preview Anda, dan ia menulis blok <head> untuk Anda: title, meta description, canonical, robots, charset, dan viewport, plus setiap tag og: dan twitter: yang dibutuhkan preview sosial yang kaya. Tidak ada yang perlu diinstal, tanpa daftar: ia berjalan sepenuhnya di browser Anda, sehingga detail halaman yang Anda masukkan tidak pernah diunggah.
Saat Anda mengetik, tiga preview langsung — Google, Facebook, dan X — diperbarui secara real time sehingga Anda bisa melihat persis bagaimana halaman Anda akan tampak di hasil pencarian dan feed sosial sebelum dipublikasikan. Penghitung karakter berubah kuning saat title atau description Anda terlalu panjang, menangkap kesalahan SEO paling umum sebelum tayang.
Meta tag yang penting
Halaman modern hanya butuh segelintir meta tag HTML untuk siap-cari dan siap-bagi. <title> dan <meta name="description"> menentukan snippet Google Anda dan merupakan dua field yang paling langsung memengaruhi click-through rate. Tag viewport dan charset membuat halaman ter-render dengan benar di mobile. Link canonical mencegah dilusi duplicate content saat konten yang sama bisa diakses di beberapa URL. Tag robots mengontrol apakah halaman diindeks sama sekali.
Generator ini selalu menyertakan yang esensial dan menambahkan field opsional keywords dan author hanya saat Anda mengisinya. Tag keywords tidak lagi memengaruhi ranking Google — sudah diabaikan sejak 2009 — tapi generator ini menyertakan field itu untuk kelengkapan dan untuk mesin pencari internal mana pun yang masih membacanya.
Preview link yang lebih baik dengan Open Graph dan Twitter Card
Saat seseorang membagikan link Anda di Facebook, LinkedIn, WhatsApp, Slack, Discord, atau X, platform-platform itu mencari tag Open Graph (og:) dan Twitter Card (twitter:) untuk membangun kartu preview yang kaya. Tanpa itu, sebuah link tampil sebagai teks polos; dengan itu, ia menampilkan headline, description, dan gambar 1200×630 Anda. Perbedaan visual itu di feed sosial bisa berarti mengubah signifikan berapa banyak orang yang mengklik.
Generator open graph di sini menghasilkan set og: lengkap dan tag twitter: yang sesuai, termasuk alt text gambar, dalam satu kali proses. X/Twitter membaca tag-nya sendiri terlebih dahulu tapi kembali memakai tag og: Anda untuk apa pun yang hilang, jadi set og: lengkap ditambah twitter:card dan twitter:site sudah cukup untuk mencakup kedua platform.
Kontrol indexing dengan robots meta tag
Generator robots meta tag built-in memungkinkan Anda membalik halaman antara index dan noindex serta antara follow dan nofollow dengan satu klik. Gunakan noindex pada halaman terima kasih, situs staging, halaman admin, dan halaman filter tipis yang tidak Anda inginkan masuk Google. Gunakan nofollow pada halaman di mana Anda tidak ingin meneruskan sinyal ranking lewat link keluar. Biarkan default index, follow pada semua yang Anda ingin ditemukan.
Saat halaman diset ke noindex, kartu preview Google menandainya dengan peringatan sehingga Anda tidak sengaja mengirim pengaturan robots yang salah. Tag yang dihasilkan juga mendukung directive lanjutan seperti noarchive (mencegah Google menampilkan versi cache) dan nosnippet (mencegah description ditampilkan di hasil pencarian).
Bagaimana perbandingannya dengan SEMrush, Yoast, dan Rank Math
Sebagian besar alternatif punya dependensi atau biaya. SEMrush menyertakan analisis meta tag dalam site audit-nya tapi mulai dari $129/bulan. Yoast SEO dan Rank Math adalah plugin WordPress — bekerja baik di dalam WordPress tapi tidak bisa dipakai untuk Shopify, Webflow, Next.js, atau HTML manual. Ahrefs punya tool preview snippet SERP tapi butuh langganan. Banyak generator meta tag berdiri sendiri sarat iklan, mengharuskan pendaftaran email, atau hanya menghasilkan title dan description dasar tanpa tag OG atau Twitter.
Generator ini mencakup set tag lengkap — title, description, canonical, robots, semua field og:, semua field twitter:, alt text gambar — dengan preview Google dan sosial langsung, tanpa akun, tanpa biaya, dan tanpa ketergantungan CMS. Ini bekerja untuk website apa pun di stack apa pun dan berjalan client-side, sehingga tidak ada detail halaman yang pernah dikirim ke server.
Meta tag generator untuk stack apa pun
Karena outputnya adalah HTML polos, ia bisa langsung dipakai di proyek apa pun. Tempelkan blok tersebut ke situs statis yang ditulis manual, header tema WordPress, theme.liquid Shopify, bagian custom code Webflow, atau komponen layout React atau Vue. Di Next.js, tambahkan nilainya ke ekspor Metadata di layout.tsx Anda. Di Astro, teruskan sebagai prop ke komponen head Layout.astro Anda. Generator ini menulis HTML yang bersih dan sesuai standar yang bekerja sama persis terlepas dari framework-nya.
Bookmark tool ini untuk setiap kali Anda meluncurkan halaman baru, memperbarui title, atau ingin sebuah link tampil sebaik mungkin saat dibagikan. Isi form, salin blok <head>, tempelkan, dan halaman Anda siap untuk mesin pencari dan setiap platform sosial besar.
Protokol Open Graph secara mendalam
Protokol Open Graph dibuat Facebook pada 2010 untuk memberi penerbit web cara standar mengontrol bagaimana konten mereka tampil sebagai preview link yang kaya di platform sosial. Setiap implementasi yang sesuai-OG membutuhkan minimal empat tag: og:title (headline yang ditampilkan di kartu), og:type (jenis konten — website untuk sebagian besar halaman, article untuk post blog, video.movie, music.song, atau product untuk konten khusus), og:image (URL HTTPS absolut ke gambar preview), dan og:url (alamat canonical halaman). Di luar keempat tag wajib itu, tambahan opsional paling berdampak adalah og:description, og:site_name, og:locale (misalnya en_US), dan og:image:width, og:image:height, dan og:image:alt — yang terakhir esensial untuk aksesibilitas dan juga dibaca Slack saat membangun link unfurl-nya.
Spesifikasi gambar lebih penting daripada yang disadari kebanyakan penerbit. Facebook merekomendasikan rasio 1,91:1 dan minimal 1200×630 piksel untuk tampilan kartu ukuran penuh; platform ini mendukung gambar sekecil 600×315 tapi akan me-render-nya sebagai thumbnail lebih kecil. Batas ukuran filenya 8 MB. Karena file gambar yang sama biasanya melayani og:image dan twitter:image sekaligus, mendesain untuk target 1200×630 mencakup kedua platform tanpa perlu membuat aset terpisah. Gunakan URL absolut — path relatif seperti /images/og.png akan gagal karena scraper platform sosial mengambil gambar di sisi server tanpa base URL.
Saat Anda mempublikasikan atau memperbarui halaman, scraper Facebook dan LinkedIn menyimpan cache preview lama selama berhari-hari. Facebook Sharing Debugger di developers.facebook.com/tools/debug/ memungkinkan Anda menempelkan URL, melihat tag yang saat ini terlihat oleh scraper, dan memaksa refresh cache dengan tombol "Scrape Again" — esensial setelah memperbaiki og:image yang rusak atau memperbarui title. Menambahkan fb:app_id dengan Facebook App ID Anda memberi scraper Facebook akses yang lebih cepat dan andal ke halaman Anda, dan mengaitkan pembagian dengan aplikasi Anda sehingga Anda bisa melacaknya di Facebook Insights. Untuk og:type yang diset ke article, Anda bisa menambahkan properti tambahan article:published_time (timestamp ISO 8601), article:author (URL atau nama profil), dan article:section (kategori topik) — semua ini muncul di object viewer Facebook dan menginformasikan rekomendasi konten algoritmik.
Twitter/X Card: jenis, persyaratan, dan validasi
X (dulu Twitter) mendukung empat jenis Twitter Card, masing-masing menghasilkan layout berbeda di timeline. Summary menampilkan thumbnail persegi kecil di sebelah kiri berdampingan dengan title dan description — cocok untuk halaman web umum dan artikel di mana gambarnya bersifat pelengkap. Summary with large image (summary_large_image) me-render banner gambar lebar di atas teks, yang mendominasi ruang visual dan konsisten mendapat engagement lebih tinggi; ini pilihan tepat untuk halaman padat-konten dengan gambar hero yang kuat. Kartu App dirancang untuk promosi aplikasi mobile dan menyertakan link unduh App Store dan Google Play, rating bintang, dan harga yang diambil dari toko masing-masing lewat tag twitter:app:id:iphone dan twitter:app:id:googleplay. Kartu Player menyematkan iframe langsung di tweet untuk memutar audio atau video tanpa meninggalkan platform — mereka membutuhkan persetujuan eksplisit dari Twitter sebelum aktif.
Tag wajib untuk jenis kartu apa pun adalah twitter:card itu sendiri, diset ke salah satu dari empat nilai di atas. twitter:site menerima @username situs web (misalnya, @utilokit), sementara twitter:creator menerima @username penulis individual dari konten tertentu — keduanya muncul di byline kartu. Persyaratan gambar berbeda menurut jenis kartu: untuk summary, minimalnya 144×144 piksel dengan maksimal 4096×4096 dan batas file 5 MB; untuk summary_large_image, minimalnya 300×157 piksel dengan rasio 2:1 dan batas 5 MB yang sama. JPG, PNG, WEBP, dan GIF semuanya diterima.
Salah satu fitur paling berguna dari Twitter Card adalah fallback yang mulus: jika twitter:title atau twitter:description tidak ada di halaman, X kembali memakai og:title dan og:description secara otomatis. Ini berarti set Open Graph lengkap ditambah hanya twitter:card dan twitter:site memberi Anda cakupan penuh di kedua platform tanpa menduplikasi setiap tag. Validasi historisnya dilakukan lewat Card Validator di cards.twitter.com/validator, tapi setelah perubahan kebijakan API Twitter pada 2023 tool itu kini membutuhkan akun yang login dan punya batas rate — preview langsung di generator ini memungkinkan Anda menangkap masalah layout tanpa harus menyentuh validator sama sekali.
Title tag dan meta description: sinyal ranking dan click-through rate
Tag <title> secara teknis bukan meta tag — ia elemen HTML berdiri sendiri — tapi ia sinyal SEO on-page paling penting. Ia muncul di tab browser, di headline biru hasil pencarian Google, dan sebagai teks default saat halaman di-bookmark atau dibagikan lewat copy-link. Google memakainya sebagai salah satu sinyal paling jelas untuk memahami tentang apa suatu halaman. Panjang title optimal adalah 50–60 karakter: Google memotong title saat melebihi sekitar 600 piksel lebar yang dirender, yang pada ukuran font umum setara dengan 50–60 karakter. Title yang mencapai 80 karakter akan dipotong dengan elipsis di SERP, menyembunyikan bagian paling spesifik dari headline Anda — biasanya nama brand atau kata kunci pembeda di akhir.
Meta description bukan sinyal ranking langsung — Google mengumumkan pada 2009 bahwa mereka tidak memakai description tag untuk ranking — tapi tetap satu field paling berpengaruh di halaman karena itulah yang dibaca pengguna sebelum memutuskan untuk mengklik. Description yang ditulis baik yang cocok dengan intent pencari dan menyertakan call-to-action yang jelas bisa meningkatkan click-through rate (CTR) secara signifikan, dan CTR memberi umpan balik ke ranking secara tidak langsung lewat sinyal engagement. Panjang optimalnya adalah 120–160 karakter: SERP desktop mendukung hingga sekitar 158 karakter sebelum terpotong, sementara SERP mobile terpotong lebih awal sekitar 120 karakter. Menulis informasi terpenting di 120 karakter pertama membuat snippet-nya bekerja di keduanya.
Nuansa kritisnya adalah Google sering mengabaikan meta description Anda dan menghasilkan snippet-nya sendiri dengan mengambil bagian yang relevan langsung dari body halaman. Ini terjadi saat algoritma Google menentukan bahwa konten halaman lebih baik menjawab query spesifik itu daripada description yang Anda tulis — khususnya untuk pencarian long-tail. Ini bukan berarti Anda harus melewatkan description: untuk pencarian bermerek dan head-term di mana pengguna membuat pilihan brand yang disengaja, Google lebih sering memakai description yang ditulis, dan snippet yang ditampilkan pada pencarian intent-tinggi itu adalah tempat kesan pertama terbentuk. Awali title dan description dengan kata kunci utama — bukan untuk ranking, tapi karena Google mem-bold istilah yang cocok di snippet, membuat hasil Anda lebih menonjol secara visual di halaman hasil.
Meta tag teknis: viewport, charset, robots, dan canonical
Empat meta tag teknis membentuk fondasi setiap halaman yang dibangun dengan baik, terlepas dari konten atau platform. Deklarasi charset — <meta charset="UTF-8"> — memberi tahu browser cara men-decode byte dokumen HTML. Ia harus muncul sebagai elemen pertama di dalam <head>, sebelum title, description, atau script apa pun, karena browser perlu tahu encoding-nya sebelum bisa mengurai apa pun lainnya dengan benar. Menempatkannya lebih belakangan atau menghilangkannya bisa menyebabkan karakter khusus kacau (’ alih-alih ') di browser yang secara default memakai encoding berbeda. Viewport meta tag — <meta name="viewport" content="width=device-width, initial-scale=1"> — adalah deklarasi responsivitas mobile. Tanpanya, browser mobile me-render layout desktop penuh pada lebar 980 piksel lalu menyusutkannya agar pas layar, membuat teks kecil dan sulit dibaca. Viewport tag adalah prasyarat agar CSS responsif berfungsi, dan mobile-first indexing Google memperlakukan ketiadaannya sebagai kegagalan usability yang bisa menekan ranking pada query mobile.
Robots meta tag — <meta name="robots"> — mengontrol bagaimana crawler mesin pencari memperlakukan halaman tertentu di tingkat HTML, berbeda dengan aturan situs-lebar di robots.txt. Directive noindex mencegah halaman muncul di hasil pencarian sama sekali; gunakan pada halaman terima kasih setelah pengiriman form, URL staging dan preview, dashboard admin, halaman arsip paginasi di luar halaman kedua, dan konten tipis atau hampir-duplikat apa pun. Directive nofollow menginstruksikan crawler untuk tidak mengikuti link keluar dari halaman dan tidak meneruskan PageRank lewatnya. Directive tambahan yang didukung termasuk noarchive (mencegah Google menyimpan dan menampilkan salinan cache) dan nosnippet (mencegah description atau preview video dihasilkan untuk SERP), dan noimageindex (mencegah gambar halaman diindeks di Google Images). Directive bisa digabungkan: content="noindex, noarchive" valid.
Canonical tag — <link rel="canonical" href="https://example.com/page"> — secara teknis adalah elemen link alih-alih meta tag, tapi ia berada di blok <head> yang sama dan menyelesaikan salah satu masalah SEO paling umum: duplicate content. Konten halaman yang sama sering bisa diakses di beberapa URL — varian HTTP dan HTTPS, www dan non-www, versi trailing-slash dan non-trailing-slash, URL dengan parameter pelacakan UTM, varian paginasi, dan versi ramah-cetak. Tanpa canonical tag, Google membagi sinyal ranking-nya di antara semua varian yang ditemukan dan mungkin memilih untuk mengindeks yang salah. Canonical tag mendeklarasikan satu URL otoritatif untuk konten, menggabungkan semua sinyal ke versi itu. Ini petunjuk kuat, bukan perintah mutlak — Google bisa mengabaikannya jika tidak setuju — tapi ia menyelesaikan sebagian besar masalah duplikasi tanpa membutuhkan redirect sisi server di setiap varian.
Structured data dan JSON-LD: lapisan fitur pencarian di luar meta tag
Structured data adalah informasi yang bisa dibaca mesin yang disematkan di halaman untuk membantu mesin pencari memahami kontennya di tingkat semantik, bukan sekadar tekstual. JSON-LD — JavaScript Object Notation for Linked Data — adalah metode yang secara eksplisit disukai Google untuk menyampaikan informasi itu. Ia berada di tag <script type="application/ld+json"> yang ditempatkan di <head> (atau body) dan mendeskripsikan halaman memakai kosakata terbuka yang didefinisikan di schema.org. Berbeda dengan Microdata dan RDFa, yang mengharuskan menganyam atribut markup langsung ke elemen HTML, JSON-LD adalah blok mandiri yang bisa dihasilkan, divalidasi, dan dipelihara sepenuhnya terpisah dari HTML visual — membuatnya jauh lebih mudah ditambahkan tanpa menyentuh kode layout. Google mendukung 32 jenis structured data dalam dokumentasi pencariannya, termasuk Article dan BlogPosting untuk konten editorial, Product untuk daftar e-commerce, FAQPage untuk pertanyaan yang sering diajukan, HowTo untuk konten instruksional, BreadcrumbList untuk jalur navigasi, LocalBusiness untuk lokasi fisik, dan Recipe untuk konten makanan — masing-masing membuka perlakuan visual berbeda di hasil pencarian.
Hubungan antara meta tag dan structured data JSON-LD saling melengkapi, bukan redundan. Meta tag menargetkan rendering browser, platform berbagi sosial, dan indexing dasar mesin pencari — mereka mengontrol teks snippet dan kartu preview sosial. JSON-LD menargetkan fitur hasil mesin pencari yang jauh melampaui snippet blue-link standar: rich snippet dengan rating bintang dan jumlah ulasan di bawah hasil pencarian, akordeon FAQ yang terbuka langsung di SERP tanpa membutuhkan klik, carousel langkah HowTo di mobile, panel Product dengan harga dan ketersediaan, dan informasi knowledge panel untuk brand dan entitas. Halaman yang punya meta description terbentuk baik dan JSON-LD akurat mencapai optimasi kehadiran pencarian penuh — snippet standar untuk pengguna yang ingin gambaran cepat, dan fitur rich result untuk pengguna yang intent query-nya cocok dengan jenis skema tertentu.
Tool validasi resminya adalah Google Rich Results Test di search.google.com/test/rich-results. Tempelkan URL live atau HTML mentah berisi blok JSON-LD Anda dan ia memvalidasi markup terhadap semua 32 jenis yang didukung, melaporkan fitur rich result mana yang memenuhi syarat untuk halaman itu, field wajib mana yang hilang atau cacat, dan field opsional mana yang akan meningkatkan hasilnya. Ia memvalidasi JSON-LD, Microdata, dan RDFa sekaligus. Detail kritikal: structured data yang tidak valid diam-diam diabaikan Google alih-alih menyebabkan penalti ranking — halaman itu tetap ranking normal, ia hanya tidak memenuhi syarat untuk fitur rich result. Ini berarti menambahkan JSON-LD tidak membawa risiko turun, hanya potensi naik. Setelah publikasi, gunakan laporan Rich Results Google Search Console di bawah Enhancements untuk memantau halaman mana yang telah diberi status rich result secara massal dan mengungkap error validasi yang ditemukan Google saat crawl, yang terkadang berbeda dari yang dilaporkan tool test pada satu fetch.
Frequently asked questions
Apa itu meta tag?
Meta tag adalah potongan HTML yang ditempatkan di head halaman untuk mendeskripsikannya ke browser dan mesin pencari tanpa muncul di halaman itu sendiri. Yang paling penting adalah title tag dan meta description, yang menentukan snippet pencarian Google Anda. Selain itu, Anda butuh viewport tag untuk skala mobile, deklarasi charset, robots tag untuk mengontrol indexing, canonical URL untuk mencegah masalah duplicate content, serta tag Open Graph dan Twitter Card untuk preview sosial yang kaya. Tool ini menghasilkan set lengkapnya dari satu form singkat.
Bagaimana cara membuat meta tag untuk SEO?
Masukkan title, description, URL, dan gambar preview 1200×630 halaman Anda di form, lalu generator ini menulis set tag lengkap: title, meta description, canonical, robots, Open Graph, dan Twitter Card. Jaga title sekitar 60 karakter dan description sekitar 155, gunakan pasangan yang unik di setiap halaman, lalu salin blok tersebut ke dalam head HTML Anda. Preview langsung menunjukkan bagaimana snippet akan tampak di Google dan di media sosial sebelum Anda mempublikasikannya — tidak perlu deploy dulu dan menguji dengan debugger terpisah.
Meta tag mana yang masih penting untuk SEO di 2026?
Yang masih layak dipertahankan adalah title tag, meta description, viewport tag (mengontrol rendering mobile), deklarasi charset, robots tag (mengontrol indexing), dan canonical link (mencegah dilusi duplicate content). Selain itu, tag Open Graph dan Twitter Card mengontrol bagaimana link Anda tampak saat dibagikan di platform sosial. Meta keywords tag lama sudah tidak memengaruhi ranking Google — sudah diabaikan sejak 2009 — jadi sifatnya opsional. Generator ini menyertakannya tapi membiarkannya kosong secara default.
Apakah meta keywords tag masih penting?
Untuk Google, tidak. Google secara publik menyatakan mengabaikan meta keywords tag untuk keperluan ranking pada 2009 karena terlalu sering disalahgunakan spammer. Bing juga mengumumkan mengabaikannya untuk ranking. Segelintir mesin pencari internal situs kecil masih membacanya, jadi daftar singkat yang jujur tidak akan merugikan, tapi tidak akan menaikkan posisi Anda di Google atau Bing. Curahkan usaha Anda ke title dan description yang menarik — kedua field itu secara langsung memengaruhi click-through rate di hasil pencarian.
Berapa panjang ideal title dan description?
Targetkan title 50–60 karakter dan meta description 145–155 karakter. Google memotong title pada sekitar 600 piksel lebar (kira-kira 55–60 karakter untuk teks rata-rata) dan description sekitar 155–160 karakter, menambahkan elipsis pada apa pun yang lebih panjang. Penghitung karakter di sini berubah warna menjadi kuning begitu Anda melewati panjang yang direkomendasikan, dan kartu preview Google menunjukkan persis di mana teks Anda akan terpotong — sehingga Anda bisa memperpendek atau menyusun ulang sebelum tayang.
Apa itu tag Open Graph (OG)?
Tag Open Graph — yang namanya diawali 'og:' — adalah standar yang dibuat Facebook yang mengontrol bagaimana link Anda tampil saat dibagikan di media sosial dan aplikasi chat. Set intinya adalah og:title, og:description, og:image, og:url, dan og:type. Dengan itu terpasang, link yang dibagikan menampilkan kartu kaya dengan headline, description, dan gambar preview pilihan Anda alih-alih URL polos. Tanpanya, platform kembali mengambil title halaman Anda dan gambar acak, yang seringkali terlihat buruk. Generator ini membangun set lengkapnya.
Apa itu Twitter Card?
Twitter Card (fitur ini masih ada di X) adalah preview kaya yang ditampilkan saat link Anda diposting di platform tersebut, dibangun dari meta tag 'twitter:'. Nilai twitter:card memilih layoutnya: 'summary_large_image' menampilkan banner gambar lebar di atas teks, sementara 'summary' menampilkan thumbnail persegi kecil di sebelah kiri. Tambahkan twitter:title, twitter:description, twitter:image, dan handle twitter:site Anda. X kembali memakai tag Open Graph Anda untuk apa pun yang Anda lewatkan, jadi set og: lengkap ditambah hanya twitter:card dan twitter:site biasanya sudah cukup.
Apa itu robots meta tag?
Robots meta tag memberi tahu mesin pencari cara memperlakukan halaman tertentu. Nilai content-nya menggabungkan directive: 'index, follow' adalah default dan membiarkan halaman muncul di hasil pencarian dengan link-nya di-crawl; 'noindex' membuatnya tidak muncul sama sekali di hasil; 'nofollow' memberi tahu mesin untuk tidak meneruskan sinyal ranking lewat link-nya; 'noarchive' mencegah versi cache-nya ditampilkan. Halaman terima kasih setelah pengiriman form, misalnya, sebaiknya noindex agar tidak bersaing dengan landing page utama Anda di hasil pencarian.
Bagaimana cara menambahkan meta tag ke website saya?
Salin blok yang dihasilkan dan tempelkan di dalam bagian head HTML Anda, idealnya di dekat bagian atas sebelum script apa pun. Di WordPress, tambahkan lewat template header tema Anda atau plugin SEO — Yoast SEO dan Rank Math paling umum, dan keduanya memungkinkan Anda menempelkan meta tag kustom per halaman. Di Next.js, gunakan Metadata API di layout.tsx Anda. Di Astro, tambahkan ke head Layout.astro. Di Shopify, edit theme.liquid. Setelah dipublikasikan, bagikan ulang URL-nya di Facebook dan LinkedIn untuk memicu refresh cache preview sosial.
Apa itu canonical tag dan kapan saya membutuhkannya?
Canonical tag memberi tahu mesin pencari URL mana yang menjadi versi otoritatif suatu halaman saat konten yang sama atau sangat mirip bisa diakses di beberapa alamat. Kasus umum: URL pelacakan dengan parameter UTM, http vs https, www vs non-www, trailing slash vs tanpa trailing slash, dan versi paginasi dari blog atau daftar produk. Tanpa canonical tag, Google membagi sinyal ranking di antara duplikat-duplikat tersebut dan mungkin merangking versi yang salah. Mengarahkan duplikat ke satu canonical URL menggabungkan sinyal-sinyal itu. Masukkan URL pilihan Anda di atas dan link canonical otomatis disertakan.
Apakah aman memasukkan detail halaman sungguhan di sini?
Ya. Generator meta tag ini berjalan sepenuhnya di browser Anda memakai JavaScript — title, description, URL, dan URL gambar yang Anda masukkan tidak pernah dikirim ke server, tidak pernah dicatat, dan tidak pernah disimpan di mana pun. Tool ini bekerja offline setelah halaman dimuat. Anda bisa dengan aman memakainya untuk halaman rahasia atau belum dipublikasikan, draft landing page, atau tool internal yang detailnya tidak boleh meninggalkan perangkat Anda.
Bagaimana cara melihat pratinjau tampilan halaman saya di Google dan Facebook?
Masukkan detail Anda dan lihat tiga kartu preview langsung berubah saat Anda mengetik: snippet hasil pencarian Google (favicon, breadcrumb URL, title biru, description abu-abu), kartu Open Graph Facebook, dan Twitter Card X. Ketiganya menunjukkan bagaimana masing-masing platform akan me-render tag Anda, sehingga Anda bisa menyesuaikan panjang title dan pilihan gambar sebelum deploy. Ini lebih cepat daripada memakai URL Inspection Tool Google, Sharing Debugger Facebook, atau Card Validator X — yang masing-masing mengharuskan halamannya sudah live.
Berapa ukuran gambar Open Graph yang seharusnya?
Gunakan 1200×630 piksel dengan rasio 1,91:1 untuk kartu sosial besar. Ini ukuran yang ditampilkan Facebook, LinkedIn, dan X tanpa dipotong, dan file yang sama bekerja untuk og:image maupun twitter:image sekaligus. Jaga di bawah 5 MB, gunakan URL absolut yang dimulai dengan https:// alih-alih path relatif, dan sediakan alt text lewat og:image:alt agar kartunya tetap aksesibel. Kartu preview di sini me-render gambar Anda dengan rasio yang benar sehingga Anda bisa memeriksa pemotongannya sebelum publikasi.
Apa bedanya tag Open Graph dan Twitter Card?
Tag Open Graph (og:) adalah standar universal yang dibaca Facebook, LinkedIn, WhatsApp, Slack, Discord, preview link iMessage, dan sebagian besar platform lainnya. X/Twitter membaca tag twitter:-nya sendiri terlebih dahulu tapi kembali memakai tag og: Anda untuk apa pun yang hilang. Dalam praktiknya Anda hanya butuh dua atau tiga tag twitter: di atas set og: lengkap: twitter:card (untuk memilih layout) dan twitter:site (handle @ Anda). Generator ini menulis kedua set lengkapnya sehingga setiap platform menampilkan preview yang kaya.
Bagaimana perbandingannya dengan tool meta tag SEMrush atau Yoast?
SEMrush menyertakan analisis meta tag dalam fitur site audit-nya, tapi itu membutuhkan langganan mulai dari $129/bulan. Yoast SEO adalah plugin WordPress, bukan generator berdiri sendiri — ia tidak bekerja di luar WordPress dan versi premiumnya berharga $99/tahun. Rank Math punya batasan serupa. Kebanyakan generator meta tag berdiri sendiri mengharuskan pendaftaran. Tool ini menghasilkan set tag lengkap — title, description, canonical, robots, Open Graph, Twitter Card — dengan preview langsung, tanpa akun, tanpa biaya, dan tanpa ketergantungan CMS. Ini bekerja untuk website apa pun di stack apa pun.
Bisakah saya memakai ini di mobile untuk membuat meta tag?
Ya. Form dan kartu preview sepenuhnya responsif dan bekerja di Safari mobile pada iPhone dan Chrome pada Android. Anda bisa mengisi field, meninjau preview Google dan sosial, dan menyalin kode yang dihasilkan langsung di ponsel. Tool ini berjalan di browser tanpa aplikasi untuk diinstal. Untuk blok kode panjang di mobile, ketuk tombol Copy alih-alih mencoba menyeleksi teks secara manual.
Related tools
Lihat semua perkakas
Baru Generator Slug
Ubah judul apa pun menjadi slug URL yang rapi dan ramah SEO — massal dan peka aksen.
Baru Pembuat UTM
Buat URL kampanye yang dapat dilacak dengan utm_source, medium, campaign, dan lainnya.
Baru Pratinjau Cuplikan SERP
Pratinjau tampilan judul dan deskripsi Anda di Google, desktop dan seluler.
Baru Generator Robots.txt
Buat robots.txt yang valid dengan aturan allow/disallow dan baris sitemap.
Baru Kalkulator Persentase
Hitung persentase, kenaikan, penurunan, dan persentase terbalik secara instan.
Baru Generator Lorem Ipsum
Hasilkan teks pengisi berdasarkan paragraf, kalimat, kata, atau butir daftar.