Cara Memodifikasi Gambar WordPress Menggunakan Facebook Debugger

Facebook bisa menjadi tempat yang bagus untuk mulai berbagi postingan dan mengiklankan konten Anda. Namun, Anda mungkin memperhatikan bahwa beberapa tautan yang dibagikan tidak berisi gambar unggulan yang benar. Terkadang Anda mendapatkan gambar lama dari Facebook, atau bahkan tidak ada gambar sama sekali. Untungnya, alat yang disebut Shared Debugger memudahkan pemecahan masalah dan memperbaiki jenis masalah ini. Ini dapat menargetkan kesalahan tampilan tertentu atau masalah tag meta. Perangkat lunak ini memungkinkan Anda mengiklankan postingan Anda dengan gambar yang tepat di Facebook. Pada postingan kali ini, kami akan menjelaskan apa itu Facebook Debugger dan cara menggunakannya untuk memodifikasi gambar WordPress. Mari kita mulai!

Cara Kerja Perayap Facebook

Sebelum menggunakan debugger bersama, Anda perlu memahami cara Facebook merayapi konten. Setiap kali seseorang menggunakan tombol berbagi sosial atau menyalin dan menempelkan tautan ke halaman Anda, Facebook merayapi HTML situs web Anda. Kemudian menghasilkan gambar mini, judul, dan deskripsi berdasarkan informasi ini. Berikut adalah beberapa persyaratan umum yang harus diikuti situs Anda untuk memastikan proses ini berjalan lancar:

  • Gzip dan mengempiskan pengkodean di server
  • Mencantumkan properti grafik terbuka dalam 1MB HTML.
  • Batasi waktu pemuatan halaman hingga beberapa detik
  • Tambahkan string agen pengguna atau alamat IP perayap ke daftar putih situs Anda.
  • Pastikan kebijakan privasi Anda dapat dirayapi

Sekarang setelah Anda mengetahui lebih banyak tentang perayap Facebook dan cara kerjanya, mari kita lihat beberapa masalah yang mungkin Anda hadapi saat berbagi konten di platform ini.

Bagaimana Facebook mendapatkan informasi Anda

Setiap kali Anda berbagi konten dengan Facebook, Facebook menyimpan gambar tersebut di servernya dan Jaringan Pengiriman Konten (CDN). Jika Anda memperbarui situs, Anda mungkin masih melihat gambar lama di Facebook saat Anda mencoba membagikan situs Anda. Hal ini karena ia menyajikan informasi yang sudah di-cache daripada mengambil informasi baru. Hal yang sama berlaku untuk informasi tentang tautan Anda dan konten itu sendiri. Mereka membawa apa yang mereka sebut ‘tag meta grafik terbuka’. Menurut Facebook, protokol Open Graph mengubah halaman web menjadi objek yang kaya dalam grafik sosial. Pada dasarnya, ini adalah tag (kode) yang memberitahukan informasi Facebook tentang apa yang Anda bagikan. Meskipun Anda belum familiar dengan tag meta Open Graph, kemungkinan besar Anda sudah menggunakannya. Jika Anda telah menginstal plugin populer seperti Yoast SEO atau Social Warfare, plugin tersebut secara otomatis akan menambahkan tag meta di latar belakang. Mari kita ambil panduan pengoptimalan kecepatan situs web kami sebagai contoh. Jika Anda melihat kode sumber postingan, Anda dapat memeriksa data berikut terkait Open Graph. Catatan: Open Graph menggunakan berbagai properti seperti og:title dan og:image, yang merupakan properti yang sangat penting untuk tutorial ini. Ini adalah kode di situs kami yang dilihat Facebook untuk memutuskan apa yang harus dilakukan. Gambar unggulan, judul, dan deskripsi untuk ditampilkan. Setelah data ini di-cache, Anda perlu menggunakan alat debugger bersama untuk memperbarui detail postingan.

Cara Memodifikasi Gambar WordPress Menggunakan Shared Debugger Facebook

Setiap platform atau alat memiliki masalah atau kekurangan yang perlu diatasi. Alat Debugger Berbagi Facebook dibuat untuk membantu memecahkan masalah tag meta Open Graph dan masalah cache. Anda dapat menemukan debugger bersama di situs Meta untuk Pengembang. peralatan. Untuk merayapi postingan, masukkan URL dan klik Berikutnya. men-debug:
Tangkapan layar alat debugger bersama FacebookAlat Debugger Berbagi Facebook Kinsta baru-baru ini memperbarui gambar di artikel Pengoptimalan Kecepatan Situs Web kami. Saat Anda memasukkan debugger Facebook, pertama-tama ia akan mengambil informasi cache.
Gambar dan URL sebelumnya ditampilkan di debugger bersamaGambar dan URL lama ditampilkan di debugger bersama. Dalam hal ini, Facebook mendapatkan gambar lama sebelum memperbarui postingan. Anda juga dapat melihat bahwa og:image adalah nama file lama. Inilah yang sebenarnya dilihat orang ketika mereka membagikan postingan kita.

Langkah 1: Hapus cache WordPress untuk URL tersebut

Untuk memastikan Facebook mendapatkan informasi terkini tentang postingan Anda, Anda perlu menghapus cache di WordPress. Jika gambar lama masih disimpan dalam cache di situs Anda, debugger bersama tidak dapat membantu Anda memecahkan masalah karena hanya mengambil ulang informasi yang disimpan dalam cache. Dengan cache tingkat server Kinsta, setiap kali postingan diperbarui, cache untuk halaman atau postingan tersebut secara otomatis dihapus. Jika Anda menggunakan solusi caching lain atau plugin pihak ketiga, sebaiknya lihat dokumentasinya untuk mengetahui cara menghapus cache. Jika semuanya gagal, Anda selalu dapat menghapus cache di seluruh situs WordPress Anda. Namun, perlu diingat bahwa situs Anda mungkin perlu membangun kembali cache-nya, yang dapat memperlambat situs Anda. Jika Anda memutuskan membutuhkannya, buka MyKinsta dan buka: situs WordPress Anda Lalu klik peralatan. Klik disini. bersihkan cache:
Hapus cache di tab Alat MyKinsta.Hapus cache di tab Alat MyKinsta. Jika Anda masih mengalami masalah, gambar Anda mungkin disimpan dalam cache di CDN. Dalam hal ini, Anda mungkin perlu membersihkan cache CDN Anda.

Langkah 2: Kikis lagi di debugger bersama

Sekarang cache untuk postingan atau halaman tersebut telah dibersihkan, Anda perlu mengikisnya lagi di alat debugger Facebook. Untuk melakukan ini mengikis lagi tombol.
Mengikis lagi di alat debugger bersamaMengikis lagi alat debugger bersama dapat menghasilkan peringatan yang tidak selalu paling akurat. Misalnya, Anda akan melihat peringatan bahwa gambar Anda telah melebihi ukuran maksimum 8 MB dan server terlalu lambat untuk merespons. Faktanya, ukuran gambarnya hanya 160,63 KB dan halaman dimuat dalam waktu kurang dari 1 detik.
Facebook menunjukkan peringatan yang perlu diperbaikiPeringatan Facebook Jadi inilah yang kami lakukan mengikis lagi Tekan tombol untuk kedua kalinya. Ya, mungkin terdengar aneh. Namun, seringkali Anda harus menggaruk dua kali. Setelah itu, Anda akan melihat bahwa kami sekarang mendapatkan gambar unggulan baru menggunakan nama file baru dengan atribut og:image.
Gambar baru dari alat Debugger FacebookGambar baru di alat Debugger Facebook Penting untuk diperhatikan bahwa gambar di postingan Facebook yang telah dibagikan tidak akan diperbarui. Ini hanya memengaruhi postingan yang Anda atau orang lain bagikan setelah kejadian tersebut.

Tip Debugger Facebook Tambahan

Alat Debugger Bersama memungkinkan Anda memperbarui tidak hanya gambar usang, tetapi juga konten (teks) yang muncul di postingan Facebook Anda. Judul dan deskripsinya adalah tag meta Open Graph. Jadi, jika Anda perlu mengubah sebuah kata, perbarui kata tersebut di WordPress dan ikuti langkah yang sama seperti di atas.

Perbaiki peringatan gambar ‘Properti belum tersedia’

Selain itu, mengabaikan peringatan di atas tidak selalu berarti hal itu berguna. Ada ukuran yang direkomendasikan untuk gambar yang sebenarnya sebaiknya Anda gunakan. Jika tidak, gambar mungkin tidak ditampilkan sama sekali (lihat peringatan di bawah).
Debugger Facebook menunjukkan respons dengan gambar terlalu kecilDebugger Facebook – Gambar terlalu kecil. Properti ‘og:image’ yang disediakan belum dapat digunakan karena gambar baru diproses secara asinkron. Jika Anda ingin URL baru menyertakan gambar di bagian yang Anda bagikan, tentukan dimensinya menggunakan tag ‘og:image:width’ dan ‘og:image:height’. Peringatan ini terjadi karena gambar terlalu kecil. Facebook membutuhkan ukuran gambar minimal 200 x 200 piksel. Secara umum, semakin besar gambar Facebook Anda, semakin baik. Secara umum, 1.200 x 630 piksel tampaknya merupakan yang terbaik bagi kebanyakan orang. Anda dapat membuat gambar lebih besar dari ini, tapi Facebook akan memotongnya. Ingatlah rasio aspek ini saat menentukan ukuran gambar. Jika Anda menggunakan plugin seperti Yoast SEO, disarankan juga untuk mengatur gambar Anda secara manual. Gambar utama dalam tema WordPress Anda mungkin memiliki rasio aspek atau ukuran yang berbeda. Mungkin Anda bahkan tidak ingin menggunakan gambar unggulan! Dalam hal ini, plugin Yoast SEO memungkinkan Anda mengunggah gambar secara manual dengan ukuran berbeda khusus untuk Facebook. Cukup temukan pengaturan sosial Yoast SEO untuk postingan Anda dan tambahkan gambar Facebook baru.
Kotak Sosial Facebook SEO YoastYoast SEO Facebook Social Box Mengunggah gambar dengan ukuran yang benar akan mengisi meta tag Open Graph yang dicari Facebook. Anda juga dapat terus mengatur judul dan deskripsi secara manual jika diperlukan.

Tambahkan atribut fb:app_id

Anda mungkin juga melihat peringatan tentang hilangnya ID Aplikasi Facebook Anda. Penting untuk diperhatikan bahwa hal ini tidak mengganggu kemampuan Anda untuk berbagi postingan di Facebook dengan cara apa pun. Dalam kebanyakan kasus, hal ini dapat diabaikan begitu saja, tetapi ini akan membatasi kemampuan Anda untuk menggunakan data Facebook Insights.
Atribut wajib berikut tidak ada: fb:app_idJika Anda menginginkan data wawasan tambahan untuk properti yang hilang, Anda harus menambahkan ID Aplikasi Facebook ke situs Anda. Pertama, buat aplikasi Facebook. Kemudian salin ID aplikasi Facebook Anda dari dasbor aplikasi Anda. Setelah menyiapkan aplikasi Facebook langsung, Anda dapat menambahkan tag meta untuk aplikasi tersebut ke situs Anda. Yoast SEO dulu mendukung proses ini, tetapi baru-baru ini menghapus fitur ini. Alternatifnya, instal plugin Meta Tag Manager gratis:
Plugin Pengelola Tag MetaMeta Tag Manager Untuk menggunakan alat ini, buka: Pengaturan > Pengelola Meta Tag. selanjutnya jenis tag Sebagai ‘properti’ nilai aset Dengan ‘fb:app_id’:
Nilai Meta Tag Manager di dashboard WordPress AndaNilai Meta Tag Manager properti konten, tempelkan ID aplikasi Facebook Anda. Setelah memukulnya sekali Simpan perubahan Menghapus cache akan menambahkan informasi ini ke tag meta situs Anda. Sekarang Anda dapat mengikis URL itu lagi untuk melihat apakah masalahnya telah teratasi!

ringkasan

Saya harap Anda sekarang memahami lebih banyak tentang alat Facebook Share Debugger dan bagaimana Anda dapat menggunakannya untuk memecahkan masalah dan memperbaiki masalah gambar di situs WordPress Anda. Ini akan memastikan bahwa semua tautan yang dibagikan berisi gambar, judul, dan deskripsi yang benar. Setelah Anda menemukan gambar unggulan yang salah di debugger bersama, coba hapus semua lapisan cache di situs web dan lakukan scraping lagi. Gambar baru Anda kemudian akan ditampilkan dengan benar untuk dibagikan semua orang di Facebook. Anda sering kali dapat menghindari masalah dengan tautan Facebook dengan membersihkan cache situs Anda secara teratur. Dengan paket hosting Kinsta, cache halaman Anda secara otomatis dibersihkan setiap kali Anda memperbarui konten! Hemat waktu, uang, dan maksimalkan kinerja situs dengan integrasi tingkat perusahaan dengan harga $275+, disertakan dengan semua paket WordPress terkelola. Ini mencakup CDN berkinerja tinggi, perlindungan DDoS, mitigasi malware dan peretasan, edge caching, dan sistem CPU tercepat Google. Mulailah tanpa kontrak jangka panjang, bantuan migrasi, dan jaminan uang kembali 30 hari. Lihat paket kami atau hubungi perwakilan penjualan Anda untuk menemukan paket yang tepat untuk Anda.

Author photo
Publication date:
Author: Coderja

Leave a Reply

Your email address will not be published. Required fields are marked *