Apa itu Tag Meta Sosial? Cara Mengontrol Tampilan Konten Anda di Media Sosial Dibagikan

Diterbitkan: 2022-04-02

Pernahkah Anda menempelkan tautan ke Facebook atau Twitter untuk menemukan bahwa gambar terkait tidak ada hubungannya dengan konten halaman itu, atau bahwa deskripsi kiriman berbunyi seperti SEO Mad Lib?

Anda berpikir dua kali untuk membagikannya, bukan?

Ada cara bagi pemasar untuk mengontrol cara konten mereka ditampilkan saat muncul di jejaring sosial termasuk Facebook, LinkedIn, dan Twitter. Anda mengontrol konten media sosial yang dihasilkan halaman Anda melalui tag meta sosial .

Misalnya, jika seseorang menyalin tautan ke halaman indeks blog Tim Ferriss di pembaruan status Facebook mereka:

tajuk blog tim ferriss
Halaman indeks blog Tim Ferriss, pembawa acara podcast dan penulis “The 4-Hour Workweek”: http://tim.blog/

Ini terlihat seperti ini:

contoh markup Grafik Terbuka yang buruk
Ketika URL http://tim.blog/ ditempelkan ke pembaruan status Facebook, hasilnya adalah konten yang kurang berkilau.

Apa yang Anda lihat di sini memiliki ruang untuk perbaikan. Anda ingin memaksa pemirsa untuk mengklik, bukan? Masalahnya di sini adalah bahwa gambar, judul, dan deskripsi belum dibuat untuk mendapatkan klik. Orang mungkin mengabaikan atau membuang postingan ini alih-alih membagikannya.

Untungnya, judul, deskripsi, dan gambar yang secara otomatis muncul ketika pengguna membagikan tautan di banyak jejaring sosial, semuanya dapat ditentukan oleh penerbit konten. Saat Anda mengoptimalkan konten Anda agar terlihat bagus di media sosial, kemungkinan besar Anda akan mendapatkan klik.

Optimalisasi berbagi sosial adalah salah satu taktik yang kami prioritaskan dengan layanan SMM kami.

Mengapa? Nah, bukankah Anda lebih cenderung mengeklik pos jika umpan Anda terlihat seperti ini?

contoh konten media sosial yang dipalsukan
Dalam versi konten media sosial untuk blog Tim Ferriss ini, gambar diatur untuk mengisi ruang yang tersedia dan judul sekarang menyertakan pernyataan manfaat untuk memaksa pemirsa mengeklik.

Baca terus untuk mempelajari cara menyesuaikan judul, deskripsi, dan gambar halaman Anda menggunakan tag meta sosial. Lompat ke bagian ini dengan tautan di bawah atau baca terus untuk panduan Anda tentang konten media sosial yang dioptimalkan:

  • Tips Pro untuk Membuat Tag Meta Sosial
  • Menggunakan WordPress? Tag Meta Sosial di Plugin WordPress
  • Buka Tag Grafik
  • Markup Kartu Twitter
  • Skema untuk Berbagi di LinkedIn, Google+, dan Pinterest

Tips Pro untuk Membuat Tag Meta Sosial

Maksud menggunakan tag meta sosial adalah untuk mengontrol cara konten Anda ditampilkan di umpan daripada membiarkan Facebook, Twitter, dan platform sosial lainnya menghasilkan judul, deskripsi, dan gambar untuk Anda.

  • Sesuaikan atau daur ulang ide judul yang tidak terpakai dengan menggunakannya sebagai headline di konten media sosial.
  • Anda mungkin ingin menguji versi gambar yang berbeda. Gunakan tag Grafik Terbuka dan tag Kartu Twitter sebagai tempat pengujian pemasaran media sosial.
  • Tweak gambar dan konten berdasarkan jaringan. Pamerkan gambar dan teks yang akan menarik minat unik pemirsa berbeda di setiap jaringan.
  • Meskipun Twitter dikatakan default ke tag Open Graph jika tidak ada markup Kartu Twitter di halaman, menurut pengalaman kami, Anda mendapatkan hasil yang lebih terkontrol jika Anda menyertakan kedua jenis markup media sosial di halaman.

Menggunakan WordPress? Tag Meta Sosial di Plugin WordPress

Jika Anda menggunakan WordPress, beberapa plugin memungkinkan penerapan tag meta sosial tanpa harus menulis satu baris kode pun.

Beberapa opsi meliputi:

  • WPSSO untuk markup sosial di seluruh situs sosial utama
  • Kartu Twitter JM untuk berbagai jenis Kartu Twitter
  • WordPress SEO oleh Yoast untuk Facebook Open Graph tag dan Twitter Cards

Plugin WordPress untuk tag meta sosial adalah cara cepat dan mudah untuk mengaitkan tajuk utama, deskripsi, dan gambar khusus dengan posting dan halaman web WordPress Anda berdasarkan halaman demi halaman.

UI plugin WordPress SEO Yoast
Facebook Buka bidang input data Grafik di plugin Yoast SEO WordPress. Jika Anda mengklik tab burung Twitter, Anda akan melihat bidang yang sama untuk menyesuaikan markup Kartu Twitter.

Jika Anda menggunakan perangkat lunak yang berbeda untuk mengoperasikan situs Anda, markup sosial untuk Facebook Open Graph, Twitter Cards, dan jejaring sosial utama lainnya ada di bawah.

Buka Tag Grafik

Protokol Open Graph adalah standar Facebook untuk menerapkan tag meta sosial. Itu juga telah diakui oleh semua platform sosial utama, termasuk LinkedIn dan Twitter. Ini berarti bahwa Twitter, LinkedIn, dan jaringan lain sering menarik judul, deskripsi, dan gambar yang ditunjukkan dalam tag Grafik Terbuka.

Tag Open Graph yang penting adalah:

Buka tag Grafik Deskripsi tag
og:judul judul atau judul alternatif halaman yang ditampilkan sebagai tajuk utama
og:url URL halaman
og:deskripsi deskripsi halaman, di mana Facebook menampilkan paling banyak 300 karakter
og:gambar URL gambar unik, dimensi yang disarankan 1200x630 piksel
og: ketik artikel (jika tidak default ke "situs web")

Agar saham Facebook yang berasal dari halaman web Anda diformat dengan judul (judul), deskripsi, dan gambar yang Anda pilih, seperti ini:

contoh konten media sosial grafik terbuka yang bagus

… beginilah tampilan tag meta sosial dalam kode HTML:

<meta property=”og:title” content=”Daftar Periksa SEO yang Selalu Terkini dari Bruce Clay Inc.” />

<meta property=”og:url” content=”https://www.bruceclay.com/blog/seo-checklist/” />

<meta property=”og:description” content=”Baru mulai mengoptimalkan situs web? Berikut adalah daftar periksa SEO yang telah teruji waktu untuk tetap tersedia selama proyek Anda.” />

<meta property=”og:image” content=”https://www.bruceclay.com/blog/wp-content/uploads/2016/08/SEO-Checklist.jpg” />

<meta property="og:type" content="artikel" />

Untuk memastikan tag Grafik Terbuka Anda telah dikonfigurasi dengan benar, gunakan Debugger Berbagi Facebook untuk melihat laporan kesalahan dan melihat pratinjau bagaimana URL bersama akan muncul saat diposting ke Facebook.

Kiat pro : Jika Anda memperbarui tag OG halaman, gunakan Debugger Berbagi untuk memaksa Facebook melakukan pengikisan baru pada URL, yang akan menyebabkan Facebook menarik data tag meta sosial baru. Jika tidak, itu mungkin menarik dari cache alih-alih menampilkan konten Anda yang diperbarui.

Markup Kartu Twitter

Twitter Cards memungkinkan Anda melampirkan foto atau video ke Tweet dengan beberapa baris kode. Ada beberapa jenis Kartu Twitter tetapi Kartu Ringkasan dan Kartu Ringkasan Foto yang paling umum digunakan.

Tag markup dasar untuk Twitter adalah:

Tag Kartu Twitter Deskripsi tag
twitter:kartu Jenis kartu (daftar lengkap jenis kartu di sini)
twitter: judul Judul atau judul alternatif halaman yang dilihat sebagai tajuk utama
twitter:url URL halaman
twitter:deskripsi Deskripsi singkat dalam kurang dari 200 karakter
twitter: gambar URL gambar unik, dimensi minimum yang disarankan 440×220 piksel

Jadi untuk mendapatkan ini:

contoh konten berbagi sosial kartu twitter yang bagus

… tag meta sosial Kartu Twitter akan terlihat seperti ini:

<meta name=”twitter:card” content=”summary_large_image” />

<meta name=”twitter:title” content=” Daftar Periksa SEO yang Selalu Terkini dari @BruceClayInc” />

<meta name=”twitter:url” content=”http://www.bruceclay.com/blog/seo-checklist/” />

<meta name=”twitter:description” content=”Baru mulai mengoptimalkan situs web? Berikut adalah daftar periksa SEO yang telah teruji waktu untuk tetap tersedia selama proyek Anda.” />

<meta name=”twitter:image” content=”http://www.bruceclay.com/blog/wp-content/uploads/2016/08/SEO-Checklist.jpg” />

Ingin melihat seperti apa tampilan halaman Anda saat ditempelkan ke tweet? Masukkan URL ke validator Kartu Twitter untuk melihat pratinjau dan pastikan Anda telah mengonfigurasi markup sosial Kartu Twitter dengan benar.

Kiat pro : Jika Anda memperbarui tag Kartu Twitter halaman, gunakan validator Kartu Twitter untuk memaksa Twitter melakukan pengikisan baru pada URL, yang akan menyebabkan Twitter menarik data tag meta sosial baru. Jika tidak, itu mungkin menarik dari cache alih-alih tag Anda yang diperbarui.

Skema untuk Berbagi di LinkedIn dan Pinterest

Seperti disebutkan, tag Open Graph dibaca oleh Facebook, LinkedIn dan Twitter. Sebagian besar jejaring sosial mengenali dan mendukung Open Graph sebagai standar default dalam hal markup sosial. Tetapi ada solusi lain untuk Pinterest dan LinkedIn yaitu markup skema.

Untuk menggunakan markup skema untuk menyesuaikan judul, deskripsi, dan gambar yang terkait dengan LinkedIn atau Pinterest Anda, tag meta sosial terlihat seperti ini:

<html itemscope itemtype="https://schema.org/Article">

<meta itemprop=”name” content=”Judul Posting Blog”>

<meta itemprop=”description” content=”Ini adalah deskripsi postingan blog”>

<meta itemprop=”image” content=”https://www.domain.com/image.jpg”>

Sekali lagi, markup skema ini akan dimasukkan ke dalam kode HTML yang terkait dengan posting Anda tepat sebelum tag kepala penutup, </head>.

Anda dapat memvalidasi markup skema menggunakan Alat Pengujian Data Terstruktur Google.

Baca selengkapnya tentang menggunakan skema dan markup terstruktur untuk meningkatkan cara konten Anda ditampilkan di panduan SEO teknis dan markup skema kami.

Promosi Media Sosial dengan Meta Tags

Mulailah memikirkan konten media sosial Anda seperti iklan sosial. Markup sosial yang strategis untuk distribusi yang lebih baik adalah segalanya dalam lanskap digital yang dinamis saat ini.

Kunci untuk memaksimalkan distribusi sosial Anda adalah dengan mengontrol cara konten Anda ditampilkan di feed daripada membiarkan Facebook, Twitter, dan platform sosial lainnya menarik konten dari halaman untuk Anda. Dengan mengoptimalkan tag meta yang mengontrol konten media sosial, Anda dapat membuat pesan tentang posting blog Anda yang ditujukan untuk audiens berbeda yang Anda miliki di setiap jejaring sosial.

Sama seperti tag judul halaman dan tag deskripsi meta membantu meningkatkan peringkat mesin pencari organik, tag meta sosial adalah elemen dalam HTML Anda yang meningkatkan eksposur sosial, meningkatkan lalu lintas media sosial dan meningkatkan rasio klik-tayang.

Untuk bantuan tambahan dalam menyusun tag meta yang lebih informatif, pastikan untuk membaca saran kami tentang cara menggunakan kata kunci dalam SEO.