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

Diposting oleh Angga Permana 02.00

Cara Menonaktifkan Zoom di halaman web menggunakan Meta Tag Lengkap - Bagaimanakah 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)

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.

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

Buka Blogger dahboard klik disini

Dashboard Awal masuk Blogger - Hostze
Jika sudah masuk dashboard blog kamu klik Tema lalu klik edit HTML

Klik Menu Tema EDIT HTML - Hostze
Tepatkan Kode di tengah <head>....</head>

Masukan Kode di atas kode </head> - Hostze

Ganti kodenya jika sudah ada seblumnya - Hostze

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>

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

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".
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]”>
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 Spesialis Web Desain dari tahun 2013 sebagai Front End specialist, Desain Grafis dan system/network technician.

Hostze - Blogger Tips dan Trik