Cara Menonaktifkan Zoom di halaman web menggunakan Meta Tag (meta viewport) Lengkap

Cara Menonaktifkan Zoom di halaman web menggunakan Meta Tag LengkapBagaimanakah agar tampilan web atau blog jika berada di smartphone tidak bisa di zoom out atau zoom in? Apakah bisa dengan pengaturan pada CSS? Jika ingin membuat tampilan web dimana jika diakses via layar kecil atau smartphone menjadi fixed. cuman bisa di scroll naik turun saja, dan tidak bisa dizoom,

Cara Menonaktifkan Zoom di halaman web menggunakan Meta Tag (meta viewport) Lengkap - hostze.net
Cara Menonaktifkan Zoom di halaman web menggunakan Meta Tag (meta viewport)

Jika Kamu memiliki pertanyaan seperti di atas, ini lah jawabannya, kamu bisa menggunakan meta tag (meta viewport) namanya, dimana kamu tidak akan bisa meng zoom pada tampilan layar di smartphone anda bagaimana caranya simak tips berikut ini.

Apa itu Meta Tag

Meta Tag adalah elemen tag dalam bahasa pemrograman HTML atau XHTML yang berfungsi sebagai pemberi informasi metadata dari sebuah halaman web atau blog. Dan Elemen meta ini harus diletakkan pada bagian “head” dalam HTML tersebut. Secara umum, terdapat macam - macam meta tag dengan macam-macam fungsinya. Seperti meta keywords, robots, dan description.

Baca Juga

Baru! Cara Agar Website Kita Cepat Terindeks di Situs Mesin Pencarian
Cara Ampuh Merubah Permanen link Postingan di Blogspot Setelah di Publikasikan
Cara Melihat Trending Topik di Google Trends Lengkap
Pengertian Backlink dan Manfaatnya

Langkah-langkah Cara Menonaktifkan Zoom di halaman web menggunakan Meta Tag (meta viewport) Lengkap

  1. Buka Blogger dahboard klik disini
    Dashboard Awal masuk Blogger - Hostze
  2. Jika sudah masuk dashboard blog kamu klik Tema lalu klik edit HTML
    Klik Menu Tema EDIT HTML - Hostze

  3. Tepatkan Kode di tengah <head>....</head>
    Masukan Kode di atas kode </head> - Hostze
    Ganti kodenya jika sudah ada seblumnya - Hostze

  4. Kodenya Meta Tag (meta viewport):
    <html>
    <title>Menonaktifkan Zoom di halaman web menggunakan Meta Tag (meta viewport) - hostze.net</title>
    <head>
      <meta content=’width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0′ name=’viewport’ />
    </head>
    <body>
      <b><font color=”blue”>Menonaktifkan Zoom di halaman web menggunakan Meta Tag (meta viewport) - hostze.net</font></b>
    </body>
    </html>
    

  5. Selesai.

Fungsi Meta Tag

Fungsi dari meta tag itu sendiri unutk memberikan informasi tentang berbagai aspek dari halaman web atau blogspot, baik dari nama penulis, bahasa yang digunakan, judul dan kata kunci dari  sebuah halaman web.

Terdapat 3 Jenis-jenis elemen Pada Meta 

  1. Keywords
    Keywords adalah jenis meta yang berfungsi menjelaskan isi dari halaman web melalui beberapa kata atau frasa. Seiring perkembangan zaman, jumlah penggunaan keywords telah dibatasi. Seperti Google yang menganggap "spam" penggunaan keywords dengan jumlah di atas 7 kata.
    Sebagai contoh yang sederhana, di bawah ini ditampilkan perintah meta:
    untuk menjelaskan bahwa halaman yang bersangkutan berkaitan dengan kata kunci “Hostze” dan “Tips and Trick".
  2. Robots
    Robots adalah salah satu jenis meta yang memiliki fungsi mengontrol perilaku perayapan dan pengindeksan mesin telusur. Tag meta robots berlaku untuk semua mesin telusur (search engine), untuk tag meta "googlebot" hanya untuk google saja. Nilai standar bagi tag meta robots adalah "index,follow" (sama dengan "all") dan tidak perlu ditetapkan. Ada beberapa nilai untuk meta tag robots yaitu :
    Dikutip dari tag meta yang dipahami oleh google
    Contoh penulisan tag meta robots : <meta name=“googlebot” content=“[DIRECTIVE]”>
  3. Description
    Description adalah salah satu jenis meta yang memiliki fungsi memberikan garis besar isi halaman web. Cara menggunakan ini berbeda dengan keywords yaitu menggunakan kalimat bukan kata.
    Contoh penulisan meta tag description : "Kumpulan tutorial blogger lengkap untuk pemula, cara membuat blog keren, cara mendesain blog agar menarik, tips dan trik blogspot, Blog Seo".
    Contoh tersebut untuk menjelaskan garis besar konten yang ada dalam suatu halaman HTML.
Penjelasan Jenis Element di atas di kutip dari "wikipedia" kamu bisa coba untuk belajar dan memahami bagaimana setiap masing-masing jenis meta element tersebut dapat bekerja.

Kesimpulan

Meta tag dalam sebuah web sangatlah penting, karena dengan menggunakan meta tag dengan benar akan meningkatkan SEO pada Web anda, Pahamilah dasar-dasar dari meta dan tag itu sendiri dan cara penggunaanya.

Catatan

Pahamilah cara kerja meta robot, jangan asal merubah karena jika kamu salah dalam penggunaan meta index pada meta robot, maka situs kamu tidak akan terindex oleh robot pencarian google.

Demikianlah artikel yang berjudul tentang Cara Menonaktifkan Zoom di halaman web menggunakan Meta Tag Lengkap semoga bermanfaat.
Angga Permana
Angga Permana Spesialis Web Desain dari tahun 2013 sebagai Front End specialist, Desain Grafis dan system/network technician.