Cara blogging modern, menyertakan gambar dan video ke dalam konten tulisan


Banyak blogger memiliki konten tulisan yang bagus dan mesin penelusur hanya dapat membaca text, sehingga alasan tulisan masih menjadi hal yang utama 'di mata' mesin telusur masih cukup masuk akal. Hingga di era setelah tahun 2016 yang lalu algoritma berubah.

Konten gambar memiliki kans tinggi dan sumbangsih yang signifikan untuk menaikan rating konten blogger kita di mata mesin penelusur. 

Konten Gambar: Cara setting tag pada gambar pada posingan blogger

Pada postingan tulisan insert satu gambar dan gambar harus ikut mempresentasikan isi tulisan bukan hanya sekedar ilustrasi. setelah gambar di pilih dan muncul pada postingan, klik satu kali hingga keluar menu di pojok kiri bawah klik roda bergerigi untuk menampilkan menu:
  1. Alt tag
  2. Title tag
  3. Size
Isi Alt tag dengan penjelasan gambar dan isi title tag dengan judul gambar. Adapun Size adalah pilihan dimensi ukuran gambar seberapa besar nanti akan ditampilkan. Sebaiknya jika menggunakan template yang responsif pilih yang paling bawah (yang paling besar) hal ini untuk menghindarkan tidak terbacanya  thumbnail gambar pada homepage, popularposts dan Reated Posts. Perhatikan gambar:
pengaturan tag gambar blogger
Demikian cara setting konten gambar pada postingan blogger. Saya tidak tahu menyebutnya apa: Apakah konten  tulisan konten bergambar atau konten gambar saja secara terpisah. Namun cara ini signifikan dapat menaikan trafik. Kalian bisa share postingan di Pinterest supaya konten bergambar kalian cepat terindex oleh Google.

Konten video: Cara memasang konten video yang responsif pada halaman blogger

Video juga memiliki kecenderungan sama dengan konten gambar, sangat berpotensi menaikan trafik dan memiliki kesan yang baik di mata mesin penelusur. untuk memasukan video dari Youtube misalnya Ada dua cara menempatkan video ke dalam template agar tampak responsif:
  1. Menggunakan Javascript
  2. Menggunakan CSS + iFrame
Untuk hal diatas kami telah memposting artikelnya dengan judul:
DUA CARA AGAR VIDEO YOUTUBE TAMPIL RESPONSIF PADA HALAMAN BLOGGER

Namun jika Kalian ingin memasang video kalian sendiri yang telah tersimpan di dalam dokumen video di laptop atau di dalam hape kalian dapat melakukan langkah berikut:
  1. Masuk ke pengaturan blogger
  2. Pilih tema/theme
  3. klik menu untuk menemukan edit HTML
Jika telah masuk ke dalam hlaman editor HTML cari kode </head> dan letakan kode berikut tepat di atasnya:
<style>
.resvideo { position: relative; max-width: 100%; margin: 20px auto; padding-bottom: 56%; padding-top: 30px; overflow: hidden; height: auto; } .resvideo iframe, .videoresp object, .videoresp embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}</style>

Ini terutama berlaku untuk template terbaru Blogger.

Langkah berikutnya memasukan atau mengupload video dari dalam komputer ke postingan blog. Di atas toolbar pilih ikon video: setelah selesai mengupload masuk ke mode HTML, pada halaman postingan opsi HTML format video akan terlihat sebagai berikut:

</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><object class="BLOG_video_class" contentid="0740250477543ee5" height="266" id="BLOG_video-0740250477543ee5" width="320"></object></div><br /><div><br /></div>
Itu akan membuat tampilan dimensi video tidak responsif alias terlalu kecil, karena width (lebar) telah di tetapkan sebagai 320, sedangkan height  (tinggi) telah ditetapkan sebagai 266.

Jadi sebaiknya kalian merobah kode tersebut menjadi sebagai berikut:
</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><object class="BLOG_video_class" contentid="video hebat saya" height="315"  id="BLOG_video-0740250477543ee5" width="560" ></object></div><br /><div><br /></div>
Yakni angka tinggi: 266 dirobah menjadi 315, sedangkan angka lebar 320 di robah menjadi 560

Hasilnya seperti contoh video berikut:

Sekali lagi cara di atas bukan untuk video yang di embed dari Youtube, ini adalah video kita milik sendiri yang kita upload ke dalam Blogger. Karena jika kalian tidak mengambil langkah di atas maka postingan konten video boleh jadi tidak responsif.

Pencarian video juga terus meningkat dari waktu ke waktu bahkan mengalahkan pencarian gambar, namun tidak seperti gambar pada konten video tidak tersedia tool untuk menyisipkan Alt tag dan Tag titlenya. Sehingga masih misteri bagaimana mesin telusur menemukan konten konten video blogger yang berterbaran di internet.

Namun jika kita perhatikan script video di atas yang mengandung potongan ID: 
contentid="0740250477543ee5"

Bisa jadi mesin telusur mengenalinya melalui kode berbentuk angka tersebut. Jadi pada video di atas saya merobahnya menjadi: contenid="video hebat saya" dengan harapan mesin telusur membaca tag uniknya...

Ikuti terus trik, tips, teknik hack dan kabar terupdate dari blog ini! Share:


Posting Komentar

Silahkan berkomentar sesuai dengan topik kita ya...

Lebih baru Lebih lama

Formulir Kontak