Optimasi SEO Dengan Mengubah Script iFrame - Deny Listianto

July 2, 2018

Optimasi SEO Dengan Mengubah Script iFrame

Optimasi SEO

Optimasi SEO blog ada bayak cara, salah satunya untuk meningkatkan score SEO blog kita adalah mengubah script iFrame.

Iframe adalah tag HTML yang digunakan untuk menampilkan webpage lain dalam sebuah bingkai pada sebuah halaman tertentu. Sehingga browser memuat dua halaman sekaligus, ini dapat memperlambat kecepatan loading blog yang dapat berpengaruh ke SEO blog.

Selain itu kode iFrame memang tidak dianjurkan untuk blog yang masih menggunakan HTML5 atau HTML non-AMP. Karena dampaknya akan sangat buruk bagi SEO. Biasanya kode iframe ini diperoleh dari embed video Youtube atau script iframe fanpage Facebook, dan script video Vimeo, kode chatbox, script iklan dan lainnya.

Untuk itu kita perlu meng-Optimasinya, perhatikan tutorial berikut ini untuk cara meng-Optimasinya.

Tutorial Cara Optimasi SEO Mengubah Script iFrame Menjadi SEO Friendly


Pada Umumnya Kode HTML Iframe seperti dibawah ini :

<iframe src="https://www.youtube.com/embed/..." title="Deny iFrame" width="100%" height="350" style="border:none;"></iframe>

Agar Iframe tersebut Menjadi SEO Friendly, Maka Kita Harus Sedikit Mengedit Kode HTML nya.

  • Ganti Kode <iframe menjadi <object.
  • Ganti Kode src menjadi data.
  • Ganti Kode </iframe> menjadi </object>.

Sehingga hasilnya Kurang Lebih seperti ini :

<object data="https://www.youtube.com/embed/..." title="Deny iFrame" width="100%" height="350" style="border:none;"></object>

Contoh penggunaan script pada iFrame video dari Youtube:

<iframe width="100%" height="315" src="https://www.youtube.com/embed/vjgMqNGNIBQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Saya ubah menjadi seperti dibawah ini.

<object width="100%" height="315" data="https://www.youtube.com/embed/vjgMqNGNIBQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></object>

Sehingga tampilanya seperti dibawah ini.



Cara Ini Hanya Berguna Pada Blog yang mempunyai Struktur HTML berbentuk HTML5

Namun, Jika Blog Anda Mempunyai Struktur HTML Berbentuk XHTML, anda harus merubahnya menjadi HTML5 dengan cara Berikut :

Login ke akun Blogger > Tema > Edit HTML > Carilah kode seperti berikut ini :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection'  xmlns='http://www.w3.org/1999/xhtml'  xmlns:b='http://www.google.com/2005/gml/b'  xmlns:data='http://www.google.com/2005/gml/data'  xmlns:expr='http://www.google.com/2005/gml/expr'>

Lalu ganti kode di atas menjadi :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>

Kemudian cari kode berikut ini :

</html>

Biasanya kode </html> Terletak di akhir kode template.

Lalu ganti kode tersebut dengan :

</HTML>

Demikian Tutorial Cara Optimasi SEO Mengubah Script iFrame Menjadi SEO Friendly, Selamat mencoba dan Semoga Berhasil...
Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Notifications

Disqus Logo