Pada artikel kali ini akan dibahas cara menambahkan meta tag dengan functions.php di WordPress. Langkah ini dapat dilakukan bila Anda merasa bahwa fitur konfigurasi meta tag dari plugin SEO yang digunakan dianggap kurang lengkap.
Terutama bagi pengguna plugin SEO gratisan macam WordPress SEO by Yoast, All in One SEO Pack, Rank Math SEO, SEOPress, WP SEO Structured Data Schema dan lain sebagainya, tetapi ingin merasakan versi premiumnya, maka konfigurasi meta tag lewat function.php bisa menjadi saah satu alternatif solusinya.
Cara Menambahkan Meta Tag di WordPress Menggunakan functions.php
Adapun langkah-langkah cara menambahkan meta tag ke WordPress lewat functions.php adalah sebagai berikut:
1. Temukan dan buka file functions.php
Untuk mengakses file functions.php, silahkan login ke dashboard WordPress terlebih dahulu.
Lalu pergi ke menu Appearance dan pilih opsi “Theme File Editor.”
Lalu buka file functions.php
2. Copy dan sesuaikan konfigurasi Tag Meta
Copy code di bawah ini pada file functions.php di website Anda, lalu sesuikan beberapa baris Meta Tag dengan content xxx-xxx.
function my_advanced_meta_tags() {
echo "<link rel='dns-prefetch' href='//s.w.org' />";
echo "<link rel='dns-prefetch' href='//fonts.googleapis.com' />";
echo "<link rel='dns-prefetch' href='//public-api.wordpress.com' />";
echo "<link rel='dns-prefetch' href='//secure.gravatar.com' />";
echo "<link rel='dns-prefetch' href='https://cdnjs.cloudflare.com' />";
echo "<link rel='dns-prefetch' href='https://www.google-analytics.com' />";
echo "<link rel='dns-prefetch' href='https://www.googletagmanager.com' />";
echo "<meta name='google-site-verification' content='xxx-xxx' />";
echo "<meta name='msvalidate.01' content='xxx-xxx' />";
echo "<meta name='yandex-verification' content='xxx-xxx' />";
echo "<meta name='p:domain_verify' content='xxx-xxx' />";
echo "<meta name='norton-safeweb-site-verification' content='xxx-xxx' />";
if (is_single()) { ?>
<?php
$postTags = get_the_tags();
$tagNames = array();
foreach($postTags as $tag) {
$tagNames[] = $tag->name;
}
?>
<meta name="keywords" content="<?php echo implode(",", $tagNames); ?>" />
<?php if(has_post_thumbnail()):
$url = wp_get_attachment_url( get_post_thumbnail_id() );
?>
<meta property="og:image:secure_url" content="<?php echo $url; ?>" />
<?php else:
$theme = wp_get_theme();
$screenshot_url = esc_url( $theme->get_screenshot() );
?>
<meta property="og:image:secure_url" content="<?php echo $screenshot_url; ?>" />
<?php endif; ?>
<?php if(has_post_thumbnail()):
$url = wp_get_attachment_url( get_post_thumbnail_id() );
?>
<meta property="twitter:image" content="<?php echo $url; ?>" />
<?php else:
$theme = wp_get_theme();
$screenshot_url = esc_url( $theme->get_screenshot() );
?>
<meta property="twitter:image" content="<?php echo $screenshot_url; ?>" />
<?php endif; ?>
<?php
}
}
add_action( 'wp_head', 'my_advanced_meta_tags', 2 );
Bila Anda enggan menggunakan plugin SEO untuk mengatur Meta Tag dasar, seperti Meta Description, Meta Title dan lainnya, Anda juga bisa tambahkan kode berikut ini ke functions.php tersebut :
function my_basic_meta_tags() {
global $post;
if ( is_singular() ) {
$des_post = strip_tags( $post->post_content );
$des_post = strip_shortcodes( $post->post_content );
$des_post = str_replace( array("\n", "\r", "\t"), ' ', $des_post );
$des_post = mb_substr( $des_post, 0, 300, 'utf8' );
echo '<meta name="description" content="' . $des_post . '" />' . "\n";
}
if ( is_home() ) {
echo '<meta name="description" content="' . get_bloginfo( "description" ) . '" />' . "\n";
}
if ( is_category() ) {
$des_cat = strip_tags(category_description());
echo '<meta name="description" content="' . $des_cat . '" />' . "\n";
}
}
add_action( 'wp_head', 'my_basic_meta_tags');3. Klik tombol Update File untuk menyimpan
Setelah sudah, silahkan simpan file functions.php yang baru saja di edit tadi dengan klik tombol Update FIle.
Untuk melihat hasilnya, cobalah buka salah satu postingan website lalu inspect element atau view source dengan Ctrl+U atau Cmd+U.
Alternatif Lain Menambahkan Meta Tag dengan functions.php di WordPress
Untuk website di WordPress yang tidak menggunakan Child Theme, maka mengedit atau menambahkan kode pada file functions.php seperti di atas sangat tidak dianjurkan.
Sebab bila Theme yang digunakan sewaktu-waktu dilakukan update, maka seluruh konfigurasi functions.php yang Anda buat sebelumnya akan terhapus secara otomatis. Tentu saja ini akan sangat merepotkan bila tidak melakukan backup pada kode functions.php yang sudah dikonfigurasi itu.
Nah, sebagai solusi alternatifnya, baiknya gunakan plugin ‘functions.php editor/customization’ untuk meletakkan Meta Tag atau kode lainnya yang ingin diletakkan di file functions.php.
Silahkan pilih salah satu plugin kustomisasi file functions.php di bawah ini:
- Code Snippets by Code Snippets Pro
- My Custom Functions