SEO
Meta Tags / Open Graph Generator
Menghasilkan meta tag HTML untuk SEO, Open Graph (Facebook), dan Twitter Card — beserta pratinjau kartu.
The meta tags in a page's <head> control how it appears in search results and in the preview card when it's shared on social media or messaging apps. This tool generates a full set of SEO, Open Graph, and Twitter Card tags along with a live preview of the card.
How to use it
- Fill in the page's title, description, URL, and image — the tags generate instantly, and a preview shows how the card will look on Facebook, X (Twitter), and similar services.
- Copy the finished HTML block and paste it into the page's <head>.
- Check the title and description length — values that are too long get truncated by the search engine or social platform.
Common uses
- Setting up Open Graph for a page so the link looks polished when shared on Telegram, Slack, or social media.
- Writing a title and meta description targeting a specific search query for a new page.
- Quickly sanity-checking a page's existing meta tags through the card preview before publishing.
Things to keep in mind
Open Graph and Twitter Card are separate standards; most platforms except X read og: tags directly, so duplicating the main fields under twitter: isn't always required, but it improves compatibility.
The og:image must be reachable at an absolute URL, not a relative path — otherwise the social platform's crawler won't be able to fetch it.
Artikel tentang alat ini: Meta tag: mana yang benar-benar memengaruhi pencarian dan media sosial
Pertanyaan yang sering diajukan
Mengapa saya perlu tag Open Graph dan Twitter Card terpisah jika keduanya melakukan hal yang sama?
Tag Open Graph (og:title, og:image, dll.) dibaca oleh Facebook, LinkedIn, dan sebagian besar platform lain, sedangkan Twitter memiliki set tag sendiri (twitter:card, twitter:title) — Twitter kembali ke tag Open Graph jika tag miliknya sendiri tidak ada, tetapi menambahkan keduanya menjamin pratinjau yang konsisten.
Ukuran apa yang seharusnya dimiliki og:image saya?
1200x630 piksel adalah ukuran yang direkomendasikan secara luas — ini ditampilkan dengan benar sebagai kartu pratinjau besar di sebagian besar platform tanpa terpotong secara janggal, dan tetap di bawah batas ukuran file umum.
Apakah menghasilkan tag ini mengirim konten saya ke server?
Tidak. Tag dihasilkan sepenuhnya dari apa yang Anda ketik, langsung di browser Anda — tidak ada yang diunggah ke mana pun.
Apa fungsi tag canonical URL?
Tag ini memberi tahu mesin pencari versi mana dari sebuah halaman yang menjadi versi utama ketika konten yang sama dapat diakses melalui beberapa alamat (dengan www dan tanpa, dengan parameter, dll.) — ini membantu mengumpulkan peringkat pada satu halaman alih-alih terpecah di antara duplikat.
Apa perbedaan antara meta robots noindex dan disallow di robots.txt?
noindex dalam meta tag mencegah konten halaman yang sudah dijelajahi untuk diindeks, sedangkan Disallow di robots.txt mencegah bot menjelajahi halaman tersebut sama sekali — itulah sebabnya noindex tidak akan bekerja pada halaman yang diblokir di robots.txt: mesin pencari tidak akan pernah melihat tag tersebut.