Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. HTML
Webdesign

Cara Memeriksa dan Menghasilkan Meta Tag untuk Website Anda

by
Difficulty:BeginnerLength:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by Lukman Nulhakim (you can also view the original English article)

Dalam tips singkat ini saya akan memperkenalkan kepada Anda fasilitas yang sederhana namun sangat berguna bernama Hey Meta. Jika Anda tertarik untuk melihat seperti apa tampilan profil website Anda, dan Anda ingin memastikan meta tag yang Anda gunakan benar, Hey Meta adalah yang Anda butuhkan. Mari Kita telusuri!

Dapatkan Meta Tag yang Tepat

Periksa Meta Tag Anda

Periksa efektivitas penyiapan tag meta website Anda saat ini dengan memasukkan URL pada input field yang tersedia. Anda akan ditampilkan preview sosial card (apa yang mungkin ditampilkan di jejaring sosial, shareing-apps, dll.) Dan judul, deskripsi, gambar featured image dari URL yang dimaksud.

hey meta input field
Masukkan URL di sini

Jika halaman website Anda tidak memiliki meta tag sama sekali untuk item ini, tidak ada yang akan ditampilkan.

Generate Meta Tag yang Benar

Jika halaman Anda tampak kurang detail, atau menunjukkan metadata yang salah (atau sub-optimal) Anda dapat menggunakan Hey Meta untuk menghasilkan tag yang benar untuk Anda. Masukkan informasi yang ingin Anda tampilkan di bidang yang ditampilkan:

enter meta title
Masukkan judul di sini

Hal yang sama dapat dilakukan untuk deskripsi website, URL, dan featured image. Tag yang dihasilkan akan ditampilkan pada preview, dan markup akan terlihat seperti ini:

Di sini Anda akan melihat tag meta HTML asli seperti <title>, tag Twitter, dan tag Open Graph seperti <meta property="og:title"> yang memungkinkan penggunaan sosial sharing dengan tepat. Tag ini kemudian dapat ditempatkan pada <head> dokumen HTML Anda.

Kesimpulan

Pastikan meta tag Anda menampilkan detail website Anda dengan benar!

Bacaan lebih lanjut

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.