Saat pertama kali meluncurkan situs web atau blog baru, Anda mungkin ingin segera membagikannya dengan teman dan keluarga. Tetapi jika Anda tidak mengaturnya dengan benar, yang akan mereka lihat hanyalah tautan yang membosankan.
Bahkan jika pratinjau memuat gambar, itu mungkin bukan yang ingin Anda lihat. Tapi Anda bisa memperbaikinya.
Tag meta adalah tag HTML yang tidak menampilkan konten apa pun di halaman web Anda. Mereka tinggal di dalam tag di HTML Anda. Kapan mesin pencari dan layanan lain, seperti Facebook, membaca halaman Anda, mereka mendapatkan informasi yang ditargetkan dari tag meta.
Bagi banyak orang, Google ADALAH internet. Ini bisa dibilang penemuan paling penting sejak Internet itu sendiri. Dan meskipun mesin telusur telah banyak berubah sejak saat itu, prinsip dasarnya masih sama.
Tag meta adalah apa yang Anda butuhkan untuk mendapatkan media sosial dan pesan teks untuk memproses tautan Anda dengan benar. Saat Anda membagikan tautan melalui Facebook, misalnya, Facebook mengikuti tautan ke halaman tersebut. Ia kemudian membaca halaman dan mencoba untuk mencari tahu apa itu semua.
Yang terpenting, ia mencoba menemukan judul, deskripsi, dan gambar. Jika tidak dapat menemukannya, itu hanya akan menampilkan tautan sederhana tanpa embel-embel. Agar Facebook menampilkan judul, deskripsi, dan gambar tertentu, Anda harus menambahkan tag meta tertentu untuk memberi tahu apa yang harus dicari.
Jika situs media sosial seperti Facebook dan Twitter mendapatkan informasi yang mereka butuhkan dari situs Anda, mereka akan membuat kartu. Jika semuanya berjalan sesuai rencana, itu akan terlihat seperti yang Anda harapkan.
TERKAIT: Cara Membuat Bot Twitter, Instagram, dan Reddit Menggunakan Python
Jika Anda membangun situs web Anda dengan HTML biasa atau kerangka kerja front-end, menambahkan tag meta seharusnya mudah. Mereka berada di area yang sama dengan tag judul, gaya, dan skrip Anda, seperti pada contoh berikut:
Lee Nathan - Penulis Pengembangan Pribadi
...
Anda dapat melihat bahwa sudah ada beberapa tag meta. Ini bukan satu-satunya yang Anda perlukan agar situs web Anda muncul dengan benar di tautan, mereka hanya beberapa default tingkat rendah.
Mengubah tag meta di WordPress lebih terlibat. Instruksi lengkap akan mengambil seluruh panduan. Jadi sebagai gantinya, berikut adalah beberapa petunjuk untuk membantu Anda memulai:
- Jika Anda nyaman mengedit tema Anda, tag meta harus ditempatkan di header.php file tema Anda saat ini.
- Jika Anda tidak dapat mengakses tema Anda atau tidak ingin menanganinya, Anda dapat mengubah tag meta Anda dengan plugin seperti Manajemen Meta Tag Lanjutan.
Melihat penyedia hosting WordPress terbaik jika Anda tertarik untuk meluncurkan situs di platform.
Cara Membuat Kartu Facebook
Sekarang setelah Anda mengetahui cara mengakses tag meta Anda, Anda dapat mulai mengeditnya. Ini adalah tag minimum yang ingin dilihat Facebook:
Properti judul dan deskripsi memberi tahu Facebook teks apa yang akan ditampilkan. Properti URL dapat menautkan ke sub-halaman untuk promosi khusus atau pengujian A / B.
Properti gambar harus berupa alamat lengkap, tidak terkait dengan halaman indeks Anda /image.jpg. Ukuran gambar terbaik untuk digunakan adalah 1200x628, karena ukuran ini akan menjadi yang paling kompatibel di seluruh situs dan perangkat media sosial.
Cara Membuat Kartu Twitter
Kartu Twitter hampir sama dengan kartu Facebook, tetapi dengan meta tag yang berbeda. Seperti inilah tampilan tag meta Twitter:
Properti judul dan deskripsi sama dengan milik Facebook; properti image juga mengikuti aturan yang sama. Dan 1200x628 adalah ukuran yang bagus untuk memulai.
Perbedaan utamanya adalah properti kartu. Contoh ini menggunakan "summary_large_image" untuk membuat kartu yang terlihat hampir sama dengan kartu Facebook. Twitter memang memiliki opsi lain.
Cara Memastikan Pratinjau Anda Terlihat Benar
Anda dapat memposting tweet dan dengan cepat menghapusnya setengah lusin kali sampai Anda mendapatkan kartu Anda dengan benar. Anda juga dapat mengirim pesan Facebook ke diri Anda sendiri. Tapi metode itu agak kikuk. Untungnya, kedua layanan tersebut menyediakan alat yang berguna untuk memudahkan pemeriksaan kartu Anda.
Facebook memiliki debugger berbagi. Dan Twitter memiliki validator kartu. Kedua alat melakukan tugas yang sama untuk memungkinkan Anda melihat cara kerja tautan; mereka hanya menggunakan nama yang berbeda.
Aspek Lain yang Harus Anda Uji
Sekarang Anda telah mendapatkan tautan situs Anda agar terlihat bagus di dua jejaring sosial besar. Kemungkinannya adalah itu akan terlihat bagus di mana-mana, tetapi Anda harus memeriksa ulang apakah memang bagus. Misalnya, jika Anda memiliki informasi di bagian bawah atau atas gambar, itu mungkin terpotong di perangkat seluler.
Seluler
Sebelum melangkah lebih jauh, ada baiknya untuk memastikan tautan Anda masih terlihat bagus di seluler. Seperti yang disebutkan, gambar Anda bisa terpotong di layar yang lebih kecil. Contoh yang ditunjukkan sebelumnya memiliki gambar yang terlalu rendah, jadi Anda hanya bisa melihat setengah bagian atas kepala.
SMS dan Messenger
Ini adalah masalah sederhana mengirim pesan kepada diri Anda sendiri (atau pesan melalui layanan seperti WhatsApp) dengan tautan. Anda tidak perlu khawatir tentang alat validasi. Kemungkinannya adalah jika itu terlihat bagus di aplikasi media sosial, itu akan terlihat bagus di sini.
Jika Anda sedang mengerjakan situs pribadi Anda, Anda pasti ingin itu terlihat bagus di LinkedIn. Untung, LinkedIn juga menyediakan alat validasi disebut inspektur pos. Selain itu, Anda tidak perlu khawatir tentang lebih banyak tag meta karena LinkedIn menggunakan tag Facebook.
Apa yang Harus Dikerjakan Selanjutnya
Informasi yang kami bahas seharusnya cukup untuk membantu Anda memulai. Tetapi jika Anda ingin mempelajari lebih lanjut, lihat Panduan Facebook untuk tag atau Halaman Twitter di tag.
Web dipenuhi dengan alat untuk membantu siapa pun membuat gambar mereka sendiri yang terlihat profesional dan dapat dibagikan. Inilah favorit kami.
- Pemrograman
- HTML
- Beranda
- Alat Webmaster
Lee adalah pengembara penuh waktu dan seorang polimatik dengan banyak minat dan minat. Beberapa dari hasrat itu berkisar pada produktivitas, pengembangan pribadi, dan penulisan.
Berlangganan newsletter kami
Bergabunglah dengan buletin kami untuk mendapatkan tip teknologi, ulasan, ebook gratis, dan penawaran eksklusif!
Satu langkah lagi…!
Harap konfirmasi alamat email Anda di email yang baru saja kami kirimkan.