Menambahkan meta tag penulis pada tema wordpress
Meta tag atau Metadata adalah data (informasi) tentang data. Elemen <meta>
menyediakan metadata tentang dokumen HTML atau XHTML yang berfungsi sebagai pemberi informasi metadata dari sebuah halaman web. Dalam dokumen HTML atau XHTML, elemen meta harus diletakan dibawah tag <head>
atau sebelum </head>
seperti yang dijelaskan di W3Schools.
Dalam tulisan ini, Saya akan membahas tentang cara menambahkan meta tag penulis pada tema wordpress. Meta tag penulis ini berfungsi untuk memberikan informasi nama penulis dari penulis atau orang yang membuat dan mempublikasikan tulisan pada halaman webnya. Biasanya nama penulis akan muncul apabila Anda membagikan tulisan atau artikel Anda ke Facebook. Contohnya bisa Anda lihat pada gambar di bawah ini:
Defaultnya, penulisan meta tag untuk author seperti ini:
<meta name="author" content="Irfan Gani R.">
Contoh code di atas sudah benar, tetapi kalau penulisanya seperti contoh di atas, tema wordpress yang kita gunakan tidak bisa membacanya dan hasilnya isi di dalam content=" "
kosong walaupun tadinya sudah kita isikan nama kita. Selain itu, apabila kita memiliki banyak user yang bertugas menulis artikel pada web atau blog wordpress kita tentunya hal tersebut tidak dinamis, hasilnya tidak sesuai dengan apa yang kita inginkan. Agar code di atas bekerja dengan baik dan isi pada content=" "
bersifat dinamis sesuai dengan nama penulis baik kita ataupun user lain, maka kita harus mengedit dan menambahkan sedikit code untuk penulisan meta tag tersebut. Berikut adalah caranya:
<?php if(is_singular()):?><!-- jika tulisan tunggal -->
<meta name="author" content="<?php the_author_meta('display_name',$post->post_author);?>">
<?php endif; ?>
letakan code tersebut ke dalam file header.php pada tema yang kalian gunakan, dan pastikan code tersebut di antara tag <head>
disini</head>
seperti pada contoh di bawah ini:
<!DOCTYPE html>
<html>
<head>
<?php if(is_singular()):?>
<meta name="author" content="<?php the_author_meta('display_name',$post->post_author);?>">
<?php endif; ?>
<?php wp_head(); ?>
</head>
<body>
.......
.....
......
</body>
</html>
Selanjutnya silahkan simpan perbuahan tersebut dan lihat hasilnya.
Cara melihat hasilnya kalian bisa menuju ke url ini https://developers.facebook.com/tools/debug/ dan masukan salah satu url halaman posting kalian.
terima kasih ya mas, untuk artikelnya sangat membatu saya sebagai pemula..
Sama-sama mas, semoga bermafaat. 🙂
Saya bikinnya seperti ini kang untuk meta.
Dapet trial error karena tidak mau pakai fitur meta dari Yoast…hihihihi
wah keren kang.. hehe punyaku kok ngga bisa ya haha.. aku aja masi pakebantuan plugin dari Yoast wkwk
untuk masalah seo kyaknya aku masih banyak ngga ngertinya kang haha.
ini tempatku kang.. nulisnya ya sama kyak yg di tutor ini haha
Saya kan image post ga pakai hosting di wp, pakai Google Photo jadi kalau pakai yoast ga kedetek image post-nya hhehehe jadi kepaksa deh mesti ngulik sendiri hehehe
oh gitu ya kang.. pernah kpikiran gitu sih, untuk imagenya pengen pakai google photo.. nah itu tapi nanti ngupload fotonya otomatis dari wp atau upload sendiri kang? atau ada pluginya?
Kita rubah dulu kode untuk nampilin image thumbnailnya mas untuk dapat menambil image pertama postingan, image kita upload di Google Photo baru ambil URL nya dan pasang manual di postingan. Lumayan buat ngirit space hehehe
Kalau saya ditulis langsung mas hehehehe
Iya kang, pernah nyoba sih.. tpi masalahnya pas coba diakses, isi didalem
content="irfan"
nya kosong walaupn sblumnya udah dituliskan. Apa cuma disisiku ya ngalami masalah kyak gitu. Haha