Meta Description Custom Field WordPress

May 20, 2026 By: Dwi Yanti

PERBEDAAN META TITLE, H1, META DESCRIPTION, DAN EXPERT DI EDITOR WORDPRESS
-----

 Solusi: Buat Meta Description Custom Field + Kembalikan Excerpt ke Fungsi Semula

Baik, saya akan berikan kode lengkapnya. Anda ingin:
1. ✅ Meta description CUSTOM (seperti meta title)
2. ✅ Excerpt kembali ke fungsi semula (untuk tampilan di blog, bukan untuk meta)

Berikut kode lengkap yang harus Anda TAMBAHKAN di `functions.php`:

---

 KODE LENGKAP (Copy Paste di functions.php)

```php
// =============================================
// META TITLE & META DESCRIPTION CUSTOM FIELDS
// =============================================

/
 * 1. ADD META BOXES UNTUK POST & PAGE
 */
function add_custom_seo_metaboxes() {
    $screens = ['post', 'page'];
    foreach ($screens as $screen) {
        // Meta Title Box
        add_meta_box(
            'custom_meta_title_box',
            '🎯 SEO Meta Title',
            'custom_meta_title_callback',
            $screen,
            'normal',
            'high'
        );
        
        // Meta Description Box
        add_meta_box(
            'custom_meta_desc_box',
            '📝 SEO Meta Description',
            'custom_meta_desc_callback',
            $screen,
            'normal',
            'high'
        );
    }
}
add_action('add_meta_boxes', 'add_custom_seo_metaboxes');

/
 * 2. META TITLE CALLBACK (di editor)
 */
function custom_meta_title_callback($post) {
    wp_nonce_field('custom_seo_nonce', 'custom_seo_nonce_field');
    
    $meta_title = get_post_meta($post->ID, '_custom_meta_title', true);
    $use_auto_title = get_post_meta($post->ID, '_use_auto_title', true);
    
    ?>
    <style>
        .seo-meta-box { margin: 10px 0; }
        .seo-meta-box input[type="text"],
        .seo-meta-box textarea { width: 100%; padding: 8px 12px; border: 1px solid ddd; border-radius: 4px; }
        .seo-meta-box input:focus, .seo-meta-box textarea:focus { border-color: 2271b1; outline: none; }
        .seo-counter { font-size: 12px; margin-top: 5px; color: 666; }
        .seo-preview { background: f0f6fc; padding: 12px; border-radius: 4px; margin-top: 10px; border-left: 4px solid 2271b1; }
        .seo-preview-title { font-size: 18px; color: 1a0dab; margin-bottom: 5px; }
        .seo-preview-url { color: 006621; font-size: 13px; margin-bottom: 3px; }
        .seo-preview-desc { color: 545454; font-size: 13px; }
        .seo-toggle { background: f5f5f5; padding: 10px; border-radius: 4px; margin-bottom: 15px; }
    </style>
    
    <div class="seo-meta-box">
        <div class="seo-toggle">
            <label>
                <input type="checkbox" name="use_auto_title" value="1" <?php checked($use_auto_title, '1'); ?>>
                Gunakan judul postingan sebagai Meta Title (otomatis)
            </label>
            <p style="margin: 5px 0 0 25px; font-size: 12px; color: 666;">💡 Centang jika ingin menggunakan judul biasa</p>
        </div>
        
        <div id="custom-title-field" style="<?php echo ($use_auto_title == '1') ? 'opacity:0.5;' : ''; ?>">
            <label style="font-weight: 600;">Custom Meta Title:</label>
            <input type="text" name="custom_meta_title" id="custom_meta_title" 
                   value="<?php echo esc_attr($meta_title); ?>" 
                   placeholder="Contoh: 5 Cara Merawat Wajah Berminyak | Tips Skincare"
                   style="margin-top: 5px;"
                   <?php echo ($use_auto_title == '1') ? 'disabled' : ''; ?>>
            <div class="seo-counter" id="title-counter">0 karakter (ideal: 50-60 karakter)</div>
        </div>
        
        <div class="seo-preview">
            <div class="seo-preview-title" id="preview-title">
                <?php echo !empty($meta_title) ? esc_html($meta_title) : get_the_title(); ?>
            </div>
            <div class="seo-preview-url"><?php echo home_url('/'); ?></div>
            <div class="seo-preview-desc">Preview di hasil pencarian Google</div>
        </div>
    </div>
    
    <script>
    jQuery(document).ready(function($) {
        var titleInput = $('custom_meta_title');
        var titleCounter = $('title-counter');
        var previewTitle = $('preview-title');
        
        function updateTitleCounter() {
            var length = titleInput.val().length;
            titleCounter.html(length + ' karakter (ideal: 50-60 karakter)');
            
            if (length > 70) {
                titleCounter.css('color', 'd63638');
            } else if (length >= 50 && length <= 60) {
                titleCounter.css('color', '00a32a');
            } else {
                titleCounter.css('color', '666');
            }
            
            if (titleInput.val()) {
                previewTitle.text(titleInput.val());
            } else {
                previewTitle.text($('title').val());
            }
        }
        
        $('input[name="use_auto_title"]').on('change', function() {
            if ($(this).is(':checked')) {
                $('custom-title-field').css('opacity', '0.5');
                titleInput.prop('disabled', true);
                previewTitle.text($('title').val());
            } else {
                $('custom-title-field').css('opacity', '1');
                titleInput.prop('disabled', false);
                updateTitleCounter();
            }
        });
        
        titleInput.on('input', updateTitleCounter);
        $('title').on('input', function() {
            if (!titleInput.val() && !$('input[name="use_auto_title"]').is(':checked')) {
                previewTitle.text($(this).val());
            }
        });
        
        updateTitleCounter();
    });
    </script>
    <?php
}

/
 * 3. META DESCRIPTION CALLBACK (di editor)
 */
function custom_meta_desc_callback($post) {
    $meta_desc = get_post_meta($post->ID, '_custom_meta_description', true);
    $use_excerpt = get_post_meta($post->ID, '_use_excerpt_as_metadesc', true);
    
    ?>
    <div class="seo-meta-box">
        <div class="seo-toggle">
            <label>
                <input type="checkbox" name="use_excerpt_as_metadesc" value="1" <?php checked($use_excerpt, '1'); ?>>
                Gunakan Excerpt sebagai Meta Description
            </label>
            <p style="margin: 5px 0 0 25px; font-size: 12px; color: 666;">
                💡 Rekomendasi: <strong>Buat custom</strong> untuk hasil SEO maksimal
            </p>
        </div>
        
        <div id="custom-desc-field" style="margin-top: 15px; <?php echo ($use_excerpt == '1') ? 'opacity:0.5;' : ''; ?>">
            <label style="font-weight: 600;">Custom Meta Description (khusus SEO):</label>
            <textarea name="custom_meta_description" id="custom_meta_description" 
                      rows="3" style="margin-top: 5px;"
                      placeholder="Contoh: Temukan 5 cara ampuh merawat wajah berminyak dengan bahan alami. Panduan lengkap skincare untuk kulit sehat bebas minyak berlebih."
                      <?php echo ($use_excerpt == '1') ? 'disabled' : ''; ?>><?php echo esc_textarea($meta_desc); ?></textarea>
            <div class="seo-counter" id="desc-counter">
                <span id="desc-chars">0</span> karakter | 
                <span id="desc-status" style="font-weight: 500;"></span>
            </div>
        </div>
        
        <div class="seo-preview">
            <div class="seo-preview-title"><?php echo get_the_title(); ?></div>
            <div class="seo-preview-url"><?php echo home_url('/'); ?></div>
            <div class="seo-preview-desc" id="preview-desc">
                <?php 
                if (!empty($meta_desc)) {
                    echo esc_html(wp_trim_words($meta_desc, 25));
                } else {
                    echo 'Meta description akan tampil di sini...';
                }
                ?>
            </div>
        </div>
        
        <div style="background: fff9e6; padding: 10px; margin-top: 10px; border-left: 4px solid f0b429; font-size: 12px;">
            <strong>💡 Tips SEO Meta Description:</strong>
            <ul style="margin: 5px 0 0 20px;">
                <li>Panjang ideal: <strong>150-160 karakter</strong></li>
                <li>Masukkan keyword utama di awal</li>
                <li>Gunakan Call to Action: "Pelajari", "Dapatkan", "Temukan"</li>
                <li>Buat unik untuk setiap halaman</li>
            </ul>
        </div>
    </div>
    
    <script>
    jQuery(document).ready(function($) {
        var descTextarea = $('custom_meta_description');
        var descChars = $('desc-chars');
        var descStatus = $('desc-status');
        var previewDesc = $('preview-desc');
        
        function updateDescCounter() {
            var text = descTextarea.val();
            var length = text.length;
            descChars.text(length);
            
            if (length < 120) {
                descStatus.html('❌ Terlalu pendek (min 120)').css('color', 'd63638');
            } else if (length >= 120 && length <= 160) {
                descStatus.html('✅ Ideal untuk SEO!').css('color', '00a32a');
            } else if (length > 160 && length <= 200) {
                descStatus.html('⚠️ Agak panjang, bisa dipotong Google').css('color', 'f0b429');
            } else if (length > 200) {
                descStatus.html('❌ Terlalu panjang! Akan dipotong').css('color', 'd63638');
            }
            
            // Update preview
            if (text.length > 0) {
                var previewText = text.length > 160 ? text.substring(0, 157) + '...' : text;
                previewDesc.text(previewText);
            } else if ($('input[name="use_excerpt_as_metadesc"]').is(':checked')) {
                previewDesc.html('<em>Menggunakan excerpt...</em>');
            } else {
                previewDesc.html('<em style="color:999;">Belum diisi</em>');
            }
        }
        
        $('input[name="use_excerpt_as_metadesc"]').on('change', function() {
            if ($(this).is(':checked')) {
                $('custom-desc-field').css('opacity', '0.5');
                descTextarea.prop('disabled', true);
                previewDesc.html('<em>Menggunakan excerpt...</em>');
            } else {
                $('custom-desc-field').css('opacity', '1');
                descTextarea.prop('disabled', false);
                updateDescCounter();
            }
        });
        
        descTextarea.on('input', updateDescCounter);
        updateDescCounter();
    });
    </script>
    <?php
}

/
 * 4. SAVE CUSTOM SEO FIELDS
 */
function save_custom_seo_fields($post_id) {
    if (!isset($_POST['custom_seo_nonce_field']) || 
        !wp_verify_nonce($_POST['custom_seo_nonce_field'], 'custom_seo_nonce')) {
        return;
    }
    
    if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
        return;
    }
    
    if (!current_user_can('edit_post', $post_id)) {
        return;
    }
    
    // Save Meta Title
    $use_auto_title = isset($_POST['use_auto_title']) ? '1' : '0';
    update_post_meta($post_id, '_use_auto_title', $use_auto_title);
    
    if (isset($_POST['custom_meta_title']) && $use_auto_title != '1') {
        update_post_meta($post_id, '_custom_meta_title', sanitize_text_field($_POST['custom_meta_title']));
    } else {
        delete_post_meta($post_id, '_custom_meta_title');
    }
    
    // Save Meta Description
    $use_excerpt = isset($_POST['use_excerpt_as_metadesc']) ? '1' : '0';
    update_post_meta($post_id, '_use_excerpt_as_metadesc', $use_excerpt);
    
    if (isset($_POST['custom_meta_description']) && $use_excerpt != '1') {
        update_post_meta($post_id, '_custom_meta_description', sanitize_textarea_field($_POST['custom_meta_description']));
    } else {
        delete_post_meta($post_id, '_custom_meta_description');
    }
}
add_action('save_post', 'save_custom_seo_fields');

/
 * 5. FUNGSI UNTUK MENDAPATKAN META TITLE (update dari fungsi lama)
 */
function get_optimized_meta_title() {
    global $post;
    
    if (is_single() || is_page()) {
        $custom_title = get_post_meta($post->ID, '_custom_meta_title', true);
        $use_auto = get_post_meta($post->ID, '_use_auto_title', true);
        
        if ($use_auto != '1' && !empty($custom_title)) {
            return $custom_title;
        }
        return get_the_title() . ' | ' . get_bloginfo('name');
    }
    
    if (is_front_page() || is_home()) {
        $title = get_bloginfo('name');
        $tagline = get_bloginfo('description');
        return !empty($tagline) ? $title . ' | ' . $tagline : $title;
    }
    
    if (is_category()) {
        return single_cat_title('', false) . ' | ' . get_bloginfo('name');
    }
    
    if (is_tag()) {
        return single_tag_title('', false) . ' | ' . get_bloginfo('name');
    }
    
    if (is_author()) {
        return get_the_author() . ' | ' . get_bloginfo('name');
    }
    
    if (is_search()) {
        return 'Hasil pencarian: ' . get_search_query() . ' | ' . get_bloginfo('name');
    }
    
    if (is_404()) {
        return 'Halaman Tidak Ditemukan | ' . get_bloginfo('name');
    }
    
    return get_bloginfo('name');
}

/
 * 6. FUNGSI UNTUK MENDAPATKAN META DESCRIPTION (UPDATE)
 */
function get_optimized_meta_description() {
    global $post;
    
    if (is_single() || is_page()) {
        $use_excerpt = get_post_meta($post->ID, '_use_excerpt_as_metadesc', true);
        $custom_desc = get_post_meta($post->ID, '_custom_meta_description', true);
        
        // Priority: Custom Meta Description > Excerpt (if selected) > Auto from content
        if ($use_excerpt == '1') {
            // Gunakan excerpt (tapi excerpt tetap untuk display, ini hanya untuk meta)
            if (has_excerpt()) {
                return wp_trim_words(get_the_excerpt(), 25);
            }
        } elseif (!empty($custom_desc)) {
            return $custom_desc;
        }
        
        // Fallback: ambil dari konten
        $content = get_the_content();
        $content = strip_shortcodes($content);
        $content = wp_strip_all_tags($content);
        return wp_trim_words($content, 25, '...');
    }
    
    if (is_front_page() || is_home()) {
        $desc = get_bloginfo('description');
        return !empty($desc) ? $desc : 'Website ' . get_bloginfo('name') . ' - ' . get_bloginfo('description');
    }
    
    if (is_category()) {
        $desc = strip_tags(category_description());
        return !empty($desc) ? $desc : 'Kategori ' . single_cat_title('', false) . ' - ' . get_bloginfo('name');
    }
    
    if (is_tag()) {
        return 'Artikel dengan tag ' . single_tag_title('', false) . ' - ' . get_bloginfo('name');
    }
    
    if (is_author()) {
        return 'Artikel oleh ' . get_the_author() . ' - ' . get_bloginfo('name');
    }
    
    return get_bloginfo('description');
}

/
 * 7. MODIFIKASI FUNGSI tambah_meta_tags_dinamis() YANG SUDAH ADA
 * 
 * NOTE: Anda harus MANUAL mengedit fungsi tambah_meta_tags_dinamis() yang sudah ada
 * 
 * CARI baris:
 * $judul = get_the_title(); // Improved title format
 * 
 * GANTI dengan:
 * $judul = get_optimized_meta_title();
 * 
 * CARI baris:
 * $deskripsi = has_excerpt() ? get_the_excerpt() : wp_trim_words(get_the_content(), 30);
 * 
 * GANTI dengan:
 * $deskripsi = get_optimized_meta_description();
 */

// Optional: Tampilkan notifikasi admin bahwa perlu update manual
function seo_fields_admin_notice() {
    $screen = get_current_screen();
    if ($screen->base == 'themes' && $screen->id == 'theme-editor') {
        ?>
        <div class="notice notice-warning">
            <p>⚠️ <strong>SEO Custom Fields telah ditambahkan!</strong> Jangan lupa untuk mengedit fungsi <code>tambah_meta_tags_dinamis()</code> di file functions.php Anda:</p>
            <ol>
                <li>Cari baris: <code>$judul = get_the_title();</code> → Ganti dengan <code>$judul = get_optimized_meta_title();</code></li>
                <li>Cari baris: <code>$deskripsi = has_excerpt() ? get_the_excerpt() : wp_trim_words(get_the_content(), 30);</code> → Ganti dengan <code>$deskripsi = get_optimized_meta_description();</code></li>
            </ol>
        </div>
        <?php
    }
}
add_action('admin_notices', 'seo_fields_admin_notice');

// END SEO CUSTOM FIELDS
```

---

 CARA TARUH KODE DI FUNCTIONS.PHP

Posisi yang tepat: Taruh kode di atas SETELAH fungsi `tambah_meta_tags_dinamis()` dan SEBELUM kode lainnya.

```php
// ... KODE FUNGSI tambah_meta_tags_dinamis() ANDA ...
add_action('wp_head', 'tambah_meta_tags_dinamis', 1);
// END Meta Tag Function

// =====================================================
// TARUH KODE BARU DI SINI (COPY PASTE SEMUA KODE DI ATAS)
// =====================================================

// Agar Page ada Excerpt Meta Deskripsi
add_post_type_support('page', 'excerpt');
// END Page Excerpt

// ... LANJUTAN KODE FUNGSI.PHP ANDA YANG LAIN ...
```

---

 LANGKAH MODIFIKASI MANUAL (PENTING!)

Anda harus mengedit fungsi `tambah_meta_tags_dinamis()` yang sudah ada:

Cari baris ini (sekitar baris 12-15):
```php
if (is_single() || is_page()) {
    $judul = get_the_title(); // Improved title format
    $deskripsi = has_excerpt() ? get_the_excerpt() : wp_trim_words(get_the_content(), 30);
```

Ganti menjadi:
```php
if (is_single() || is_page()) {
    $judul = get_optimized_meta_title();
    $deskripsi = get_optimized_meta_description();
```

---

 HASIL AKHIR

Setelah menambahkan kode:

1. ✅ Meta Title CUSTOM - Bisa diisi manual di editor
2. ✅ Meta Description CUSTOM - Bisa diisi manual di editor  
3. ✅ Excerpt KEMBALI ke fungsi semula - Untuk tampilan blog/archive
4. ✅ Preview Google SERP - Lihat tampilan di hasil pencarian
5. ✅ SEO Tips & Character Counter - Membantu optimasi

Excerpt sekarang kembali ke fungsi aslinya: untuk tampilan di homepage, archive, dan blogroll. Tidak lagi dipaksa untuk meta description.

---

 TESTING

Setelah implementasi:
1. Edit salah satu post/page
2. Scroll ke bawah, lihat 2 box baru: "SEO Meta Title" dan "SEO Meta Description"
3. Isi custom meta title & description
4. Simpan, lalu lihat source code halaman (Ctrl+U), cari `<title>` dan `<meta name="description">`

Apakah ada yang perlu dijelaskan lebih detail?
---
Q: // Agar Page ada Excerpt Meta Deskripsi
add_post_type_support('page', 'excerpt');
// END Page Excerpt dan iniif (is_single() || is_page()) {
        $judul = get_the_title(); // Improved title format
        $deskripsi = has_excerpt() ? get_the_excerpt() : wp_trim_words(get_the_content(), 30);
        $url = get_permalink(); bagaimana? di hapus atau di rubah?

A:  Jawaban: JANGAN DIHAPUS, TAPI DI MODIFIKASI

Saya akan jelaskan perubahan yang perlu dilakukan:

1. Kode `add_post_type_support('page', 'excerpt');`
TETAP PERTAHANKAN, jangan dihapus!

Kode ini berguna untuk:
- Menampilkan excerpt di halaman (page) pada archive/blogroll
- Excerpt tetap dipakai untuk tampilan internal website
- TAPI tidak lagi dipaksa untuk meta description (karena kita pakai custom)

2. Kode di dalam fungsi `tambah_meta_tags_dinamis()`
RUBah seperti di bawah ini:

```php
// ============ SEBELUM (kode lama Anda) ============
if (is_single() || is_page()) {
    $judul = get_the_title(); // Improved title format
    $deskripsi = has_excerpt() ? get_the_excerpt() : wp_trim_words(get_the_content(), 30);
    $url = get_permalink();
    // ... kode lainnya
}

// ============ SESUDAH (kode baru) ============
if (is_single() || is_page()) {
    // Gunakan fungsi baru untuk meta title
    $judul = get_optimized_meta_title();
    
    // Gunakan fungsi baru untuk meta description (prioritas: custom > excerpt > auto)
    $deskripsi = get_optimized_meta_description();
    
    $url = get_permalink();
    // ... kode lainnya tetap sama
}
```

---

 PENJELASAN PERUBAHAN

| Kode | Aksi | Alasan |
|------|------|--------|
| `add_post_type_support('page', 'excerpt');` | TETAP | Excerpt tetap dipakai untuk tampilan di homepage/archive |
| `$judul = get_the_title();` | GANTI | Sekarang pakai `get_optimized_meta_title()` untuk ambil custom meta title |
| `$deskripsi = has_excerpt() ? get_the_excerpt() : ...` | GANTI | Sekarang pakai `get_optimized_meta_description()` untuk ambil custom meta desc |

---

 KODE LENGKAP MODIFIKASI FUNGSI ANDA

Ini penampakan fungsi `tambah_meta_tags_dinamis()` Anda SETELAH dimodifikasi:

```php
function tambah_meta_tags_dinamis()
{
    global $post;

    // Default values
    $judul = get_bloginfo('name');
    $deskripsi = get_bloginfo('description');
    $url = home_url('/');
    $canonical_url = $url;
    $gambar = 'https://dwiyanti.com/wp-content/themes/lifestyle/assets/images/DwiYanti.jpeg';

    // If in Single Post/Page (INI YANG DIUBAH)
    if (is_single() || is_page()) {
        // ========== BARU ==========
        $judul = get_optimized_meta_title();           // Ambil custom meta title
        $deskripsi = get_optimized_meta_description(); // Ambil custom meta description
        // =========================
        
        $url = get_permalink();

        // Prioritize featured image, then first content image, then default
        if (has_post_thumbnail()) {
            $gambar = get_the_post_thumbnail_url(null, 'large');
        } else {
            $first_img = '';
            ob_start();
            ob_end_clean();
            $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
            $first_img = isset($matches[1][0]) ? $matches[1][0] : $gambar;
            $gambar = $first_img;
        }
    }
    // If in Homepage
    elseif (is_front_page() || is_home()) {
        $judul = get_bloginfo('name');
        $deskripsi = get_bloginfo('description');
        $canonical_url = home_url('/');
        $gambar = get_theme_mod('custom_logo')
            ? wp_get_attachment_image_url(get_theme_mod('custom_logo'), 'full')
            : $gambar;
    }
    
    // Output Meta Tags (SISANYA TETAP SAMA)
    echo '<title>' . esc_html($judul) . '</title>';
    echo '<meta name="description" content="' . esc_attr(wp_strip_all_tags($deskripsi)) . '" />';
    // ... dan seterusnya, semua kode di bawah tetap sama
}
```

---

 KESIMPULAN SINGKAT

| Pertanyaan | Jawaban |
|------------|---------|
| `add_post_type_support('page', 'excerpt');` dihapus? | ❌ TIDAK, tetap pertahankan |
| `$judul = get_the_title();` dihapus? | ✅ YA, ganti dengan `$judul = get_optimized_meta_title();` |
| `$deskripsi = has_excerpt()...` dihapus? | ✅ YA, ganti dengan `$deskripsi = get_optimized_meta_description();` |

Intinya: Excerpt tetap ada untuk tampilan website, tapi untuk meta description kita pakai custom field yang baru dibuat.

Apakah sudah jelas? Saya siap membantu jika ada yang masih kurang dipahami.
----

 Penjelasan Detail: Perbedaan H1, Meta Title, dan Meta Description

Anda benar sekali! Saya akan jelaskan secara DETAIL karena ini penting untuk SEO.

---

1. PERBEDAAN H1 vs META TITLE (Title Tag)

| Elemen | Lokasi | Fungsi | Boleh Sama dengan H1? |
|--------|--------|--------|----------------------|
| H1 | Di dalam halaman (body) | Memberi tahu pembaca judul artikel | - |
| Meta Title | Di `<head>` (tab browser) | Memberi tahu Google judul untuk SERP | TIDAK DISARANKAN |

Kenapa tidak boleh sama persis?

```html
<!-- ❌ SALAH: H1 dan Meta Title sama persis -->
<h1>5 Cara Merawat Wajah Berminyak</h1>
<title>5 Cara Merawat Wajah Berminyak</title>

<!-- ✅ BENAR: Berbeda tapi tetap relevan -->
<h1>5 Cara Merawat Wajah Berminyak</h1>
<title>5 Cara Merawat Wajah Berminyak | Tips Skincare Ampuh 2026</title>
```

Alasan SEO:
1. Meta Title bisa lebih panjang (50-60 karakter) dan bisa ditambah brand name, tahun, atau CTA
2. H1 lebih pendek, fokus pada user yang sudah di halaman
3. Google menganggap ini kesempatan double keyword (bisa ranking untuk 2 variasi keyword)

Contoh ideal untuk website Anda:

```
H1: 5 Cara Merawat Wajah Berminyak
Meta Title: 5 Cara Merawat Wajah Berminyak | Skincare Routine untuk Kulit Sehat

ATAU

H1: Review Samsung Galaxy S25 Ultra
Meta Title: Review Samsung Galaxy S25 Ultra: Kamera 200MP, Baterai Tahan Lama
```

---

 2. PENJELASAN `$deskripsi = get_optimized_meta_description();`

Fungsi ini mengambil meta description dengan prioritas:

```php
function get_optimized_meta_description() {
    // Prioritas 1: Custom Meta Description (yang Anda isi di editor)
    if (!empty($custom_desc)) {
        return $custom_desc;
    }
    
    // Prioritas 2: Excerpt (jika user memilih opsi "gunakan excerpt")
    if ($use_excerpt == '1' && has_excerpt()) {
        return get_the_excerpt();
    }
    
    // Prioritas 3: Auto-generate dari konten (fallback)
    return wp_trim_words(get_the_content(), 25);
}
```

Ini BUKAN mengambil H1 atau Title!

`get_optimized_meta_description()` → untuk meta description (150-160 karakter, tampil di Google)

`get_optimized_meta_title()` → untuk meta title (50-60 karakter, tampil di tab browser)

---

 3. PERBANDINGAN LENGKAP SEO ELEMENTS

```html
<!DOCTYPE html>
<html>
<head>
    <!-- META TITLE (di tab browser, hasil pencarian Google) -->
    <title>5 Cara Merawat Wajah Berminyak | DwiYanti.com</title>
    
    <!-- META DESCRIPTION (snippet di Google) -->
    <meta name="description" content="Temukan 5 cara ampuh merawat wajah berminyak dengan bahan alami. Skincare routine pagi & malam untuk kulit sehat bebas minyak.">
</head>
<body>
    <!-- H1 (judul utama di halaman) -->
    <h1>5 Cara Merawat Wajah Berminyak</h1>
    
    <!-- Konten artikel -->
    <p>...</p>
</body>
</html>
```

Visual di Google Search:

```
┌─────────────────────────────────────────────────────────────┐
│ 5 Cara Merawat Wajah Berminyak | DwiYanti.com               │ ← META TITLE
│ https://dwiyanti.com/cara-merawat-wajah-berminyak/          │
│ Temukan 5 cara ampuh merawat wajah berminyak dengan bahan   │ ← META DESCRIPTION
│ alami. Skincare routine pagi & malam untuk kulit sehat...   │
└─────────────────────────────────────────────────────────────┘
```

Visual di Halaman Website:

```
┌─────────────────────────────────────────────────────────────┐
│                                                            │
│    5 Cara Merawat Wajah Berminyak  ← H1                    │
│                                                            │
│    Ditulis oleh Dwi Yanti | 10 Januari 2026               │
│                                                            │
│    [isi artikel...]                                        │
│                                                            │
└─────────────────────────────────────────────────────────────┘
```

---

 4. REKOMENDASI UNTUK WEBSITE ANDA

Boleh Sama? TIDAK, lebih baik berbeda:

| Skenario | H1 | Meta Title | Keterangan |
|----------|-----|------------|-------------|
| Terlalu Sama | Cara Merawat Wajah | Cara Merawat Wajah | ❌ Buang-buang kesempatan |
| Ideal | Cara Merawat Wajah | Cara Merawat Wajah Berminyak | ✅ Tambah keyword varian |
| Lebih Baik | Cara Merawat Wajah | Cara Merawat Wajah | + Tips Skincare 2026 | ✅ Tambah info tambahan |
| Optimal | Cara Merawat Wajah | Cara Merawat Wajah: 5 Langkah Mudah | ✅ Tambah CTA/angka |

Contoh untuk artikel properti Anda:

```php
// Halaman Properti dijual
H1: Rumah Minimalis Dijual di Pemalang
Meta Title: Rumah Minimalis Dijual di Pemalang | Harga Mulai 500jt | SHM

// Artikel blog
H1: 10 Rekomendasi Skincare untuk Remaja
Meta Title: 10 Rekomendasi Skincare untuk Remaja | Dari BPOM & Halal
```

---

 5. APAKAH KODE SAYA SUDAH BENAR?

Ya, kode yang saya berikan sudah benar! Karena:

1. Meta Title diambil dari custom field (bisa diisi berbeda dengan H1)
2. Meta Description diambil dari custom field (bisa diisi sendiri)
3. H1 tetap menggunakan judul postingan (tidak berubah)
4. Excerpt tetap untuk tampilan blog (tidak berubah)

Struktur akhir:

| Elemen | Sumber | Bisa diedit? |
|--------|--------|--------------|
| H1 | Judul Post/Page | Ya, di field judul |
| Meta Title | Custom Field SEO | Ya, di box "SEO Meta Title" |
| Meta Description | Custom Field SEO | Ya, di box "SEO Meta Description" |
| Excerpt | Field excerpt | Ya, di box excerpt (biasa) |

---

 6. KESIMPULAN

- `get_optimized_meta_title()` → Mengambil custom meta title (BUKAN H1)
- `get_optimized_meta_description()` → Mengambil custom meta description (BUKAN excerpt untuk display)
- Tidak ada konflik antara H1 dan Meta Title karena berasal dari 2 tempat berbeda
- Excerpt tetap berfungsi normal untuk tampilan di homepage/archive

---

Q: Kode ini untuk apa: $judul = get_bloginfo('name');
    $deskripsi = get_bloginfo('description');
    $url = home_url('/');

A:  Penjelasan Bagian Ini

Kode tersebut adalah DEFAULT VALUES untuk halaman yang BUKAN single post/page (seperti homepage, archive, category, dll).

```php
$judul = get_bloginfo('name');           // Nama website: "DwiYanti"
$deskripsi = get_bloginfo('description'); // Tagline website: "Blog Lifestyle & Properti"
$url = home_url('/');                     // URL homepage: "https://dwiyanti.com"
```

---

 KAPAN KODE INI DIGUNAKAN?

Kode ini akan dipakai jika kondisi BUKAN single post/page:

| Jenis Halaman | Pakai default values? |
|---------------|----------------------|
| Homepage / Front Page | ✅ YA |
| Category Archive | ✅ YA |
| Tag Archive | ✅ YA |
| Author Archive | ✅ YA |
| Date Archive | ✅ YA |
| Search Results | ✅ YA |
| 404 Page | ✅ YA |

---

 APAKAH PERLU DIUBAH?

TIDAK PERLU diubah untuk meta title & description custom, karena:

1. Fungsi `get_optimized_meta_title()` dan `get_optimized_meta_description()` yang kita buat sebelumnya hanya untuk single post/page.

2. Untuk homepage dan archive, Anda BISA juga membuat custom, tapi tidak wajib. Biarkan menggunakan default dari `get_bloginfo()`.

---

 TAPI, ANDA BISA JUGA OPTIMASI HOMEPAGE

Jika ingin homepage juga punya meta title & description custom, tambahkan kode ini:

```php
// Di dalam fungsi tambah_meta_tags_dinamis(), cari bagian:
elseif (is_front_page() || is_home()) {
    $judul = get_bloginfo('name');
    $deskripsi = get_bloginfo('description');
    // ... kode lainnya
}

// Ganti menjadi:
elseif (is_front_page() || is_home()) {
    // Cek apakah ada custom untuk homepage
    $home_meta_title = get_option('home_meta_title');
    $home_meta_desc = get_option('home_meta_description');
    
    $judul = !empty($home_meta_title) ? $home_meta_title : get_bloginfo('name');
    $deskripsi = !empty($home_meta_desc) ? $home_meta_desc : get_bloginfo('description');
    // ... kode lainnya tetap sama
}
```

Lalu tambahkan menu setting di admin panel untuk mengisi meta title & description homepage.

---

 KESIMPULAN UNTUK ANDA

| Kode | Aksi | Keterangan |
|------|------|-------------|
| `$judul = get_bloginfo('name');` | BIARKAN | Sudah bagus untuk default homepage/archive |
| `$deskripsi = get_bloginfo('description');` | BIARKAN | Sudah bagus untuk default |
| `$url = home_url('/');` | BIARKAN | Ini untuk canonical URL |

Yang perlu diubah hanya bagian `if (is_single() || is_page())` seperti yang sudah dijelaskan sebelumnya.

Apakah sudah jelas?

Apakah sudah jelas?
Label: Uncategorized By: Dwi Yanti on May 20, 2026