Cara Embed Video Youtube pada Website WordPress

Cara Embed Video Youtube HTML & WordPress – YouTube adalah platform yang populer untuk membagikan video dan sering dijadikan sumber konten oleh banyak website. Memasukkan video YouTube ke dalam website Anda bisa meningkatkan interaksi pengunjung dan menambah nilai pada konten Anda. Artikel ini akan membahas cara embed video YouTube ke website secara umum dan khususnya ke dalam post di WordPress.

Embed Video YouTube HTML

Langkah 1: Pilih Video yang Ingin Di-embed

Kunjungi YouTube dan pilih video yang ingin Anda tampilkan di website Anda. Pastikan video tersebut sesuai dengan konten yang Anda sajikan dan dapat dibagikan secara publik.

Langkah 2: Dapatkan Kode Embed dari YouTube

  1. Klik pada video yang dipilih.
  2. Di bawah video, klik tombol Bagikan yang ditandai dengan ikon panah.
  3. Pilih opsi Embed dari menu yang muncul.
  4. YouTube akan menampilkan sebuah kotak dengan kode HTML yang bisa Anda gunakan.

Langkah 3: Salin Kode Embed

Kopi kode HTML yang disediakan oleh YouTube. Kode ini sudah siap digunakan dan tidak memerlukan modifikasi tambahan kecuali Anda ingin mengubah ukuran frame atau pengaturan lain.

Langkah 4: Tempelkan Kode ke Website Anda

Buka editor HTML dari halaman web di mana video akan ditampilkan. Tempatkan kode HTML yang telah disalin ke lokasi yang diinginkan dalam kode halaman Anda. Jika menggunakan platform manajemen konten seperti WordPress, Anda mungkin perlu menambahkan blok ‘HTML Kustom’ atau ‘Embed’.

Langkah 5: Pratinjau dan Sesuaikan

Simpan dan pratinjau halaman untuk memastikan video tampil dengan benar. Anda dapat kembali ke kode HTML untuk melakukan penyesuaian ukuran atau atribut lain jika diperlukan.

Langkah 6: Publikasikan Halaman

Setelah puas dengan tampilan video, publikasikan atau perbarui halaman web Anda. Pengunjung sekarang dapat melihat video YouTube langsung di website Anda.

Embed Video YouTube di Post WordPress

Menggunakan Block Editor (Gutenberg)

  1. Buka Post Editor: Masuk ke dashboard WordPress, buka atau buat post baru.
  2. Tambahkan Block YouTube: Klik tombol “+”, cari dan tambahkan block ‘YouTube’.
  3. Masukkan URL Video: Tempelkan URL video YouTube yang ingin Anda embed.
  4. Sesuaikan Pengaturan: Atur ukuran dan opsi lain dari sidebar editor.
  5. Publikasikan atau Update Post Anda: Selesaikan dan publikasikan perubahan Anda.

Menggunakan Editor Klasik

  1. Buka Post Editor: Masuk ke dashboard dan buka atau buat post.
  2. Beralih ke Tampilan Teks: Ubah dari ‘Visual’ ke ‘Text’.
  3. Tempelkan Kode Embed: Masukkan kode embed yang disalin dari YouTube.
  4. Pratinjau dan Sesuaikan: Cek tampilan video, lakukan penyesuaian jika perlu.
  5. Publikasikan atau Update Post Anda: Pastikan semua perubahan telah teraplikasi dan publikasikan.

Optimasi SEO Video Embed Youtube dengan Schema Markup

Schema Markup atau Structured Data adalah sebuah bentuk mikrodata yang ditambahkan ke halaman web untuk membantu mesin pencari memahami konten halaman dengan lebih baik. Dengan menggunakan Schema Markup, developer dapat memberitahu mesin pencari tentang konteks konten secara lebih spesifik, seperti artikel, video, review produk, dan banyak lagi.

Contoh Schema Markup Video Youtube

<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "VideoObject",
        "name": "Judul Video YouTube Anda",
        "description": "Deskripsi dari video yang Anda embed.",
        "thumbnailUrl": [
            "https://img.youtube.com/vi/aBcDeFgHijk/hqdefault.jpg"
        ],
        "uploadDate": "Tanggal Upload Video",
        "duration": "PT1M33S",
        "publisher": {
            "@type": "Organization",
            "name": "Nama Channel YouTube",
            "logo": {
                "@type": "ImageObject",
                "url": "https://example.com/logo.jpg",
                "width": 600,
                "height": 60
            }
        },
        "contentUrl": "https://www.youtube.com/watch?v=aBcDeFgHijk",
        "embedUrl": "https://www.youtube.com/embed/aBcDeFgHijk"
    }
    </script>

Kode diatas dapat Anda tambahkan di dalam Post bersamaan dengan video youtube yang Anda Embed.