Cara Membuat Card Twitter di WordPress

Apakah Anda ingin menambahkan atau Membuat Kartu Twitter ke situs WordPress Anda? Twitter Cards memungkinkan Anda melampirkan multimedia ke tweet yang ditautkan ke konten Anda. Ini sangat mirip dengan membagikan Link di Facebook yang secara otomatis menampilkan pratinjau dengan judul, ringkasan, dan thumbnail dari konten halaman Anda. Pada artikel ini, saya akan menunjukkan cara Membuat Card twitter di WordPress.

Menambahkan Kartu Twitter ke situs WordPress

Bagaimana Cara Kerja Card Twitter?

Jika tweet Anda memiliki tautan ke situs yang mengaktifkan kartu twitter, ada opsi untuk melihat ringkasan. Setiap kali pengguna lain mengklik tweet, mereka akan melihat ringkasan ini seperti gambar di bawah. Anda dapat melihat contoh langsung dengan membuka halaman Twitter

Keuntungan terbesar memiliki Card twitter adalah meningkatkan jumlah orang yang mengikuti akun twitter Anda melalui atribusi konten. Seringkali orang men-tweet tautan Anda tanpa memberi Anda atribusi yang tepat.

Saya telah memperhatikan ini secara khusus dari beberapa kurator konten populer. Mereka akan men-tweet artikel saya tanpa melalui @achyar atau RT @achyar. Ini adalah hak mereka, tetapi saya / Anda sebagai penerbit kehilangan khususnya ketika orang lain me-retweet konten Anda dengan atribut orang lain.

Misalnya, @Saya me-retweet postingan dari @Anda tanpa atribusi, dan orang lain me-retweet @Saya. Kemudian pengguna yang melihat retweet tersebut lebih cenderung mengikuti @Saya dari pada @Anda.

Seringkali kurator konten melakukan ini untuk menjaga panjang tweet tetap pendek dan memastikan retweet dari tweet mereka sendiri. Dengan Card twitter, masalah ini terpecahkan karena Anda mendapatkan kredit ke situs Anda dari setiap tweet yang menyebutkan artikel Anda. Catatan: saya tidak memilih kurator konten. Ini adalah cacat batas 140 karakter, dan twitter membantu memperbaikinya dengan Card Twitter.

Misalnya ketika Annie men-tweet artikel Saya, dia tidak menyebut @Saya. Tetapi karena integrasi Card twitter Saya, Saya mendapat kredit dan eksposur penuh. Perhatikan bagaimana ia memiliki tombol ikuti satu klik juga.

Sekarang setelah Anda mengetahui manfaat Cadr twitter, mari kita lihat cara menerapkan di WordPress.

Cara Menambahkan Kartu Twitter di WordPress

Ada dua cara untuk Menambahkan kartu twitter di WordPress. Mari kita lihat keduanya.

Metode 1: Plugin Yoast SEO

Jika Anda menggunakan plugin WordPress SEO by Yoast , Anda beruntung. Yoast memiliki integrasi bawaan untuk kartu twitter, jadi menyalakannya hanya dengan beberapa klik.

Cukup buka halaman “Sosial” di halaman pengaturan Yoast SEO. Masukkan nama pengguna Twitter Anda dan simpan perubahan.

Setelah itu klik tab Twitter. Di bawah tab Twitter Anda perlu mencentang kotak untuk Tambahkan data meta kartu Twitter. Pilih jenis kartu default untuk dipilih. Anda dapat memilih untuk menampilkan ringkasan atau ringkasan dengan gambar besar.

Mengaktifkan kartu twitter

Hal berikutnya yang perlu Anda lakukan adalah pergi ke halaman Users > My Profile . Anda akan melihat bidang baru di bawah Info Kontak untuk nama pengguna twitter Anda. Masukkan nama pengguna twitter Anda di sana.

Jika Anda menjalankan situs multi-penulis, maka sarankan penulis Anda untuk melengkapi bagian ini di profil mereka. Dengan cara ini setiap penulis tertentu mendapatkan penghargaan atas karyanya juga. Lihat contoh di bawah ini:

Pratinjau kartu Twitter yang menampilkan pembuat konten atau penulis

Itu saja, Anda telah berhasil membuat tag meta Card Twitter ke situs WordPress Anda.

Metode ini sejauh ini merupakan metode termudah. Karena Saya menggunakan WordPress SEO by Yoast di semua situs web saya, saya menggunakan metode ini.

Baca juga: cara setting Yoast SEO

Metode 2: Buat Kode Keras sendiri

Metode ini memerlukan penambahan kode ke file tema atau tema anak Anda. Cukup buka file header.php dan tambahkan kode ini tepat sebelum </head>tag.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?php
#twitter cards hack
if(is_single() || is_page()) {
  $twitter_url    = get_permalink();
 $twitter_title  = get_the_title();
 $twitter_desc   = get_the_excerpt();
   $twitter_thumbs = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), full );
    $twitter_thumb  = $twitter_thumbs[0];
      if(!$twitter_thumb) {
      $twitter_thumb = 'http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75';
    }
  $twitter_name   = str_replace('@', '', get_the_author_meta('twitter'));
?>
<meta name="twitter:card" value="summary" />
<meta name="twitter:url" value="<?php echo $twitter_url; ?>" />
<meta name="twitter:title" value="<?php echo $twitter_title; ?>" />
<meta name="twitter:description" value="<?php echo $twitter_desc; ?>" />
<meta name="twitter:image" value="<?php echo $twitter_thumb; ?>" />
<meta name="twitter:site" value="@libdemvoice" />
<?
  if($twitter_name) {
?>
<meta name="twitter:creator" value="@<?php echo $twitter_name; ?>" />
<?
  }
}
?>

Sumber: Ryan Cullen @artesea

Jika Anda tidak tahu cara bekerja dengan PHP atau mengalami masalah dengan Metode 2, gunakan Metode 1.

Langkah Terakhir: Uji dan Validasi

Sebelum tautan dari situs WordPress Anda mulai menampilkan Card Twitter, Anda harus memeriksanya terlebih dahulu di validator Card Twitter.

Cukup buka halaman Validator Kartu di situs web pengembang Twitter. Masukkan URL posting apa pun dari situs WordPress Anda dan klik tombol kartu pratinjau.

Menguji pratinjau Kartu Twitter dengan Validator Kartu

Twitter akan menampilkan pratinjau Card Twitter Anda.

Pembaruan: Sebelumnya Anda harus mengajukan permohonan partisipasi dalam Card Twitter. Namun, Twitter telah menerapkan sistem yang secara otomatis memasukkan domain ke daftar putih saat Anda mengujinya dengan validator atau hanya membagikan URL di Twitter.

Baca juga: cara memindahkan Website ke domain baru .

Saya harap artikel ini membantu Anda menambahkan Card Twitter di WordPress.

Baca juga: plugin Twitter terbaik WordPress 2020

Tinggalkan Balasan