√ Apa Itu Html ? Inilah Pengertian Dan Fungsinya

Apa Itu HTML ? Inilah Pengertian dan Fungsinya - Apakah masih ada yang belum tahu pengertian perihal apa itu html, padahal kita sering menjumpainya setiap hari di internet. Sebenarnya yang kita lihat kini ini yaitu html namun sudah di intergrasikan kedalam bentuk yang sudah di tentukan atau istilah programmernya yaitu sudah di compiler atau di terjemahkan kedalam bentuk grafik. Nah, bagi yang belum tahu perihal html ini silahkan simak dibawah ini pengertian dan fungsi dari html, selain itu di blog ini aku juga akan menjelaskan fungsi-fungsi dari setiap instruksi html secara bertahap.

Apa Itu HTML ?

HyperText Markup Language (HTML) adalah sebuah bahasa standar pemrograman yang di gunakan untuk menciptakan sebuah halaman web yang terdiri dari beberapa instruksi singkat, yang sanggup menampilkan aneka macam gosip menyerupai teks, grafik, audio, dan video pada web browser. Sedangkan web browser atau penjelajah web yaitu jadwal atau aplikasi yang sanggup membaca bahasa html sehingga kita sanggup membaca dan melihat dengan gampang isi dari instruksi html tersebut. Beberapa web browser yang sanggup kita gunakan yaitu Google Chrome dan Mozilla Firefox, kedua browser ini sanggup kita gunakan untuk mencari aneka macam gosip di internet.

Versi HTML Hingga Saat Ini

Seiring berjalannya waktu, versi dari hiperteks atau markah ini terus berkembang sehingga memperlihatkan fasilitas dalam penggunaannya. Berikut perkembangan html dari awal hingga hingga dikala ini :

• Tahun 1989 : Tim Berners-Lee mengusulkan html berada di internet
• Tahun 1991 : Tim Berners-Lee mengenalkan html di internet
• Tahun 1993 : Dave Raggett menyusun HTML+
• Tahun 1995 : HTML 2.0
• Tahun 1997 : HTML 3.2
• Tahun 1999 : HTML 4.01
• Tahun 2000 : XHTML 1.0
• Tahun 2008 : Menyusun HTML5
• Tahun 2012 : Penggunaan Standard HTML5
• Tahun 2014 : HTML5
• Tahun 2016 : HTML 5.1

Apa Fungsi HTML ?

Tentu html ini mempunyai peranan penting dalam dunia internet, kita tidak sanggup melihat objek atau goresan pena yang tersusun rapih pada web browser kalau tidak memakai html ini, namun untuk mempunyai tampilan web yang baik kita memerlukan instruksi komplemen untuk desainer yaitu css. CSS ini yang sanggup mengatur letak dan warna dari objek html sehingga sanggup tersusun dengan baik. Lalu apa fungsi dari html tersebut ?

Pada dasarnya HTML berguna atau fungsi yang sama menyerupai teks pada umumnya, namun dalam dokumen ini sebuah teks atau goresan pena sanggup memuat intruksi tertentu yang ditandai dengan instruksi atau istilah lainnya yaitu Tag. Misalnya kita akan menulis karakter tebal BOLD maka cara penulisan dalam bentuk html menyerupai berikut <b> BOLD </b>. Tanda <b> di gunakan untuk memperlihatkan intruksi kepada pembaca instruksi html menyerupai web browser untuk menampilkan teks dalam bentuk tebal, sedangkan tanda </b> merupakan tanda epilog untuk menakhiri perintah teks tebal, jadi sehabis tanda epilog teks akan tampil menyerupai normal.

Kegunaan Lainnya :

• Mengintegrasikan goresan pena dan grafik
• Mengintegrasikan audio dan video
• Membuat hyperlink atau pranala
• Membuat form interaktif

Apa Saja Kode atau Tag HTML ?

Kode HTML sangatlah banyak, beberapa instruksi atau tag html yang usang atau tag html dari versi sebelumnya tidak di hapus melainkan tetap dipakai jadi kalau Anda memakai html versi usang anggap saja versi HTML 4 maka hasil compiler instruksi akan tetap terbaca namun beberapa instruksi lainnya mungkin sudah tidak mendukung dengan versi yang usang sehingga akan mengalami beberapa duduk perkara hingga Anda mengupdatenya atau memakai versi html terbaru. Berikut beberapa instruksi atau tag html yang umum di gunakan :

<a> tag html untuk menciptakan hyperlink

<b> tag html untuk mencetak karakter tebal

<i> tag html untuk mencetak karakter miring

<u> tag html untuk memperlihatkan garis bawah pada huruf

<title> tag html untuk memperlihatkan judul pada web browser

<img> tag html untuk menampilkan gambar

<br> tag html untuk menciptakan garis gres pada dokumen

<p> tag html untuk menciptakan paragraf pada dokumen

Baca Juga : Kumpulan Kode Tag HTML Lengkap

Itulah klarifikasi mengenai html beserta fungsinya, tentunya dengan memahami dan berguru mengenai instruksi html Anda akan sanggup menciptakan sebuah halaman web menyerupai yang Anda inginkan, oleh alasannya yaitu itu silahkan Anda berguru mengenai HTML ini baik di sini maupun di luar sana, aku akan membahas html ini secara terencana supaya Anda sanggup dengan gampang dan mengingat dari masing-masing instruksi yang akan aku jelaskan disini.

Sumber http://www.caramanual.com

√ Kumpulan Arahan Tag Html Lengkap Dengan Fungsinya

Kumpulan Kode Tag HTML Lengkap Dengan Fungsinya - Setelah sebelumnya kita mengetahui apa yang dimaksud dengan HTML, sekarang kita saatnya mengenal beberapa arahan tag yang ada pada HTML. Sesuai dengan perkembangannya versi html yang terbaru yaitu HTML5, disini juga aku sudah menawarkan tanda checklist pada versi HTML5 yang paling baru.

Baca Juga : Apa Itu HTML ? Inilah Pengertian dan Fungsinya

Jika Anda belum membaca atau mengerti mengenai pengertian html silahkan untuk membacanya terlebih dahulu, sehabis itu gres kita mengenal jenis-jenis arahan yang ada pada html. Sebuah halaman web page di susun dengan html sehingga terlihat lebih rapih, apalagi kalau di tambahkan dengan arahan CSS maka tampilan web akan lebih menarik lagi.

Dalam pembuatan halaman website tentu arahan HTML sangat kuat besar, walaupun Anda memakai CMS Wordpress yang sebagian besar di dominasi dengan script PHP tetap saja web browser akan menerjemahkannya atau membacanya kedalam bentuk arahan HTML. Kaprikornus kiprah arahan html di dalam sebuah website sangatlah penting.

Baca Juga : Contoh Sederhana Penerapan Kode HTML

Nah, untuk Anda yang ingin sanggup menciptakan sebuah halaman website yang sederhana Anda sanggup mencar ilmu mengenal arahan HTML disini, aku akan update artikel ini dan menjelaskan setiap arahan tag pada html. Untuk sementara Anda sanggup melihat dan mempelajari fungsi dasar dari masing-masing arahan html sesuai dengan huruf dibawah ini :

Kumpulan Kode Tag HTML dan Fungsinya
Tag	HTML5	Deskripsi
<! --...-->		Mendefinisikan komentar
<!DOCTYPE>		Mendefinisikan jenis dokumen
<a>		Mendefinisikan hyperlink
<abbr>		Mendefinisikan sebuah singkatan atau akronim
<acronym>		Tidak didukung di HTML5. Gunakan <abbr> sebagai gantinya. Mendefinisikan akronim
<address>		Mendefinisikan gosip kontak untuk penulis/pemilik dokumen
<applet>		Tidak didukung di HTML5. Gunakan <embed> atau <object> gantinya. Mendefinisikan sebuah applet tertanam
<area>		Mendefinisikan sebuah area inside sebuah image-map
<article>	✓	Mendefinisikan sebuah artikel
<aside>	✓	Mendefinisikan konten selain dari konten halaman
<audio>	✓	Mendefinisikan konten suara
<b>		Mendefinisikan teks tebal
<base>		Menentukan basis URL/target untuk semua URL relatif dalam dokumen
<basefont>		Tidak didukung di HTML5. Gunakan CSS sebagai gantinya. Menentukan warna default, ukuran, dan font untuk semua teks dalam dokumen
<bdi>	✓	Isolat/memisahkan bab dari teks yang mungkin diformat dalam arah yang berbeda dari teks lain di luar itu
<bdo>		Mengganti arah teks ketika ini
<big>		Tidak didukung di HTML5. Gunakan CSS sebagai gantinya. Mendefinisikan teks besar
<blockquote>		Mendefinisikan bab yang dikutip dari sumber lain
<body>		Mendefinisikan badan dokumen
<br>		Mendefinisikan satu baris tunggal
<button>		Mendefinisikan sebuah tombol diklik
<canvas>	✓	Digunakan untuk menggambar grafik, dengan cepat, melalui scripting (biasanya JavaScript)
<caption>		Mendefinisikan sebuah caption tabel
<center>		Tidak didukung di HTML5. Gunakan CSS sebagai gantinya. Mendefinisikan teks berada ditengah
<cite>		Mendefinisikan judul karya
<code>		Mendefinisikan sebuah bab dari arahan komputer
<col>		Menentukan sifat kolom untuk setiap kolom dalam <colgroup> elemen
<colgroup>		Menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk memformat
<datalist>	✓	Menentukan daftar pilihan yang telah ditentukan untuk kontrol input
<dd>		Mendefinisikan deskripsi/nilai istilah dalam daftar deskripsi
<del>		Mendefinisikan teks yang telah dihapus dari dokumen
<details>	✓	Mendefinisikan rincian komplemen bahwa pengguna sanggup melihat atau menyembunyikan
<dfn>		Merupakan pola mendefinisikan istilah
<dialog>	✓	Mendefinisikan sebuah kotak obrolan atau jendela
<dir>		Tidak didukung di HTML5. Gunakan <ul> sebagai gantinya. Mendefinisikan daftar direktori
<div>		Mendefinisikan sebuah bab dalam sebuah dokumen
<dl>		Mendefinisikan daftar deskripsi
<dt>		Mendefinisikan istilah/nama dalam daftar deskripsi
<em>		Mendefinisikan menekankan teks
<embed>	✓	Mendefinisikan sebuah wadah untuk aplikasi eksternal (non-HTML)
<fieldset>		Grup terkait unsur-unsur dalam bentuk
<figcaption>	✓	Mendefinisikan sebuah caption untuk <figure> elemen
<figure>	✓	Menentukan konten mandiri
<font>		Tidak didukung di HTML5. Gunakan CSS sebagai gantinya. Mendefinisikan font, warna, dan ukuran untuk teks
<footer>	✓	Mendefinisikan footer untuk dokumen atau bagian
<form>		Mendefinisikan sebuah form HTML untuk input pengguna
<frame>		Tidak didukung di HTML5. Mendefinisikan sebuah jendela (frame) dalam sebuah frameset
<frameset>		Tidak didukung di HTML5. Mendefinisikan satu set frame
<h1 - h6>		Mendefinisikan judul HTML
<head>		Mendefinisikan gosip wacana dokumen
<header>	✓	Mendefinisikan sebuah header untuk dokumen atau bagian
<hr>		Mendefinisikan perubahan tematik dalam konten
<html>		Mendefinisikan root dari suatu dokumen HTML
<i>		Mendefinisikan teks miring
<iframe>		Mendefinisikan sebuah frame inline
<img>		Mendefinisikan gambar
<input>		Mendefinisikan kontrol input
<ins>		Mendefinisikan teks yang telah dimasukkan ke dalam dokumen
<kbd>		Mendefinisikan input keyboard
<keygen>	✓	Mendefinisikan sebuah bidang pasangan kunci Generator (untuk forms)
<label>		Mendefinisikan label untuk sebuah <input> elemen
<legend>		Mendefinisikan sebuah caption untuk <fieldset> elemen
<li>		Mendefinisikan sebuah daftar item
<link>		Mendefinisikan hubungan antara dokumen dan sumber daya eksternal (kebanyakan dipakai untuk link ke style sheet)
<main>	✓	Menentukan konten utama dari dokumen
<map>		Mendefinisikan peta gambar klien
<mark>	✓	Mendefinisikan ditandai/teks yang disorot
<menu>		Mendefinisikan daftar/menu perintah
<menuitem>	✓	Mendefinisikan item perintah/menu bahwa pengguna sanggup memanggil dari sajian popup
<meta>		Mendefinisikan metadata wacana dokumen HTML
<meter>	✓	Mendefinisikan pengukuran skalar dalam kisaran dikenal (gauge)
<nav>	✓	Mendefinisikan navigasi link
<noframes>		Tidak didukung di HTML5. Mendefinisikan sebuah konten alternatif untuk pengguna yang tidak mendukung frame
<noscript>		Mendefinisikan sebuah konten alternatif untuk pengguna yang tidak mendukung script klien
<object>		Mendefinisikan sebuah objek tertanam
<ol>		Mendefinisikan sebuah daftar ordered
<optgroup>		Mendefinisikan sekelompok opsi terkait dalam daftar drop-down
<option>		Mendefinisikan pilihan dalam daftar drop-down
<output>	✓	Mendefinisikan hasil perhitungan
<p>		Mendefinisikan sebuah paragraf
<param>		Mendefinisikan sebuah parameter untuk objek
<pre>		Mendefinisikan teks terformat
<progress>	✓	Merupakan kemajuan tugas
<q>		Mendefinisikan sebuah kutipan singkat
<rp>	✓	Mendefinisikan apa yang harus ditampilkan di browser yang tidak mendukung klarifikasi ruby
<rt>	✓	Mendefinisikan sebuah penjelasan/pengucapan karakter (untuk tipografi Asia Timur)
<ruby>	✓	Mendefinisikan sebuah klarifikasi ruby (untuk tipografi Asia Timur)
<s>		Mendefinisikan teks yang tidak lagi benar
<samp>		Mendefinisikan pola output dari jadwal komputer
<script>		Mendefinisikan sebuah script klien
<section>	✓	Mendefinisikan sebuah bab dalam sebuah dokumen
<select>		Mendefinisikan sebuah daftar drop-down
<small>		Mendefinisikan teks kecil
<source>	✓	Mendefinisikan sumber beberapa media untuk elemen media (<video> dan <audio>)
<span>		Mendefinisikan sebuah bab dalam sebuah dokumen
<strike>		Tidak didukung di HTML5. Gunakan <del> atau <s> sebagai gantinya. Mendefinisikan teks dicoret
<strong>		Mendefinisikan teks penting
<style>		Mendefinisikan gosip style untuk dokumen
<sub>		Mendefinisikan teks subscript
<summary>	✓	Mendefinisikan sebuah judul terlihat untuk <details> elemen
<sup>		Mendefinisikan teks superscripted
<table>		Mendefinisikan tabel
<tbody>		Grup isi badan dalam sebuah tabel
<td>		Mendefinisikan sebuah sel dalam tabel
<textarea>		Mendefinisikan sebuah input control multiline (area teks)
<tfoot>		Grup isi footer dalam sebuah tabel
<th>		Mendefinisikan sebuah header cell dalam sebuah tabel
<thead>		Grup isi header dalam sebuah tabel
<time>	✓	Mendefinisikan tanggal/waktu
<title>		Mendefinisikan judul untuk dokumen
<tr>		Mendefinisikan baris dalam sebuah tabel
<track>	✓	Mendefinisikan trek teks untuk elemen media (<video> dan <audio>)
<tt>		Tidak didukung di HTML5. Gunakan CSS sebagai gantinya. Mendefinisikan teletype text
<u>		Mendefinisikan teks dengan garis bawah
<ul>		Mendefinisikan sebuah daftar unordered
<var>		Mendefinisikan variabel
<video>		Mendefinisikan sebuah video atau film
<wbr>		Mendefinisikan sebuah kemungkinan line-break

Catatan :
Tanda ✓ (checklist) menunjukan bahwa itu yaitu arahan HTML5 terbaru

Semoga kumpulan arahan tag html lengkap dengan fungsinya sanggup Anda pelajari secara sedikit demi sedikit sehingga Anda akan gampang dalam memahami arahan html. Sehingga kita sanggup dengan gampang memahami arti dari setiap arahan html yang ada pada template blogger yang sedang kita gunakan. Dan berharap dengan mempelajari arahan html ini kita sanggup menciptakan halaman web yang sederhana dan sanggup berkembang secara terus-menerus.
Sumber http://www.caramanual.com

√ Teladan Sederhana Penerapan Aba-Aba Html

Contoh Sederhana Penerapan Kode HTML - Setelah kemarin kita mempelajari mengenai pengertian html dan aneka macam macam instruksi html, sekarang saatnya kita coba untuk menerapkannya. Pada umumnya instruksi html sangat gampang dipakai dan dipahami oleh siapa saja asalkan ia mau belajar, tapi terkadang kita sebagai orang awam yang gres mengenal internet dan blog masih merasa galau bagaimana kita menerapkan kode-kode html untuk menciptakan atau menampilkan suatu objek dengan memakai instruksi html.

Baca Juga : Pengertian HTML dan Fungsinya

Kode-kode html sangatlah banyak dan disini aku akan menawarkan pola sederhana menerapkan kode-kode html yang sudah aku bagikan sebelumnya. Kode html sangatlah kompleks tida sanggup kita menyesuaikan sendiri dengan kemauan kita beda halnya menyerupai instruksi css yang sanggup kita gunakan sesuai dengan ke inginan kita, tapi perlu Anda ketahui bahwa script atau instruksi html dan css sangatlah berafiliasi bersahabat keduanya sanggup saling melengkapi satu sama lain.

Baca Juga : Kumpulan Kode Tag HTML Lengkap

Nah, dalam penerapan instruksi html ini sangatlah gampang kita pelajari tapi ingat Anda harus benar-benar berguru dan mencoba untuk mempraktekannya. Dari gambar di atas kita sanggup lihat bahwa kadang masih ada saja yang menerapkan instruksi html ini terbalik sehingga instruksi tersebut error dan tidak akan berfungsi padahal hanya persoalan sepele, yup dalam bahasa pemrogramman salah satu titik saja akan menjadikan error secara keseluruhan jadi perhatikanlah setiap instruksi yang Anda tulis.

Contoh bila kita ingin menulis abjad teks miring, tebal, dan bergaris bawah memakai instruksi html :
<i>Tulisan ini miring</i> jadinya Tulisan ini miring
<b>Tulisan ini tebal</b> jadinya Tulisan ini tebal
<u>Tulisan ini bergaris bawah</u> jadinya Tulisan ini bergaris bawah
<s>Tulisan ini dicoret</s> jadinya Tulisan ini dicoret

Pertanyaan Umum :
Dari mana kita tahu instruksi html <i> <b> <u> <s> dan instruksi html lainnya ?
Anda sanggup membaca artikel kumpulan instruksi tag html lengkap yang ada di blog ini.

Apa arti dari <i> <b> <u> <s> ?
Anda sanggup membacanya kembali artikel mengenai kumpulan instruksi tag html yang ada di blog ini, tetapi bila ingin tahu instruksi di atas akan aku jelaskan disini :
<i> atau sanggup disebut dengan italic yang berfungsi untuk menciptakan teks miring.
<b> atau sanggup disebut dengan bold yang berfungsi untuk menciptakan teks tebal.
<u> atau sanggup disebut dengan under line yang berfungsi untuk menciptakan teks bergaris bawah.
<s> atau sanggup disebut dengan strike yang berfungsi untuk menciptakan teks dicoret.

Lalu apa bedanya dengan </i> </b> </u> </s> ?
Tanda / atau garis miring atau disebut dengan (slash) merupaka instruksi atau tanda epilog pada setiap instruksi pembuka html, jadi bila Anda menulis <i> maka Anda harus menutupnya dengan instruksi </i> dan tanda slash harus berada di depannya, untuk lebih terang sanggup lihat juga pada gambar diatas.

Dimana aku sanggup mencoba menerapkan instruksi html ini ?
Ada banyak situs yang sanggup Anda gunakan untuk menerapkan instruksi html, salah satunya pada blogger ketika Anda akan menulis artikel cobalah mengubah Compose menjadi HTML dan sebaliknya, tapi bila tidak mau ribet Anda sanggup mencobanya disini https://jsfiddle.net/kreasikan/j8wvfew6/3/

Nah, supaya dengan mempelajari cara penerapan instruksi html diatas Anda tidak salah dalam memakai tag html khususnya ketika Anda lupa menutup instruksi tag html sehingga script yang Anda buat tidak berjalan lancar, oleh sebab itu ketika Anda sedang melaksanakan coding atau sedang mencoba pemrogramman html atau lainnya perlu hati-hati dan ketelitian yang tanjam.
Sumber http://www.caramanual.com

√ Apa Itu Tag Meta ? Inilah Pengertian Dan Fungsinya

Apa Itu Tag Meta ? Inilah Pengertian dan Fungsinya - Blogger niscaya sudah tidak absurd lagi dengan meta tag ini, alasannya ialah kita sering menjumpainya pada template blog yang kita gunakan. Tapi, apakah kalian sudah tahu pengertian dari meta tag dan apa fungsi dari meta tag tersebut ? Nah, kali ini aku akan menjelaskan salah satu bab dari tag HTML yaitu tag meta.

Baca Juga : Apa Itu HTML ? Inilah Pengertian dan Fungsinya

Saya harap Anda telah mengetahui apa yang dimaksud dengan HTML alasannya ialah Tag Meta merupakan bab dari HTML, jadi untuk lebih memahaminya Anda harus tahu yang dimaksud dengan HTML tersebut. HTML tidak hanya mempunyai tag meta saja, masih banyak tag lainnya yang perlu kita ketahui oleh alasannya ialah itu Anda sanggup mengetahui kumpulan instruksi tag html dengan membaca konten dibawah ini.

Baca Juga : Kumpulan Kode Tag HTML Lengkap Dengan Fungsinya

Setelah paham dan mengerti apa itu html dan apa saja yang termasuk tag html, sekarang kita coba pelajari salah satu tag html yaitu tag meta yang sudah kita sering dengar di kalangan webmaster. Untuk mengetahui klarifikasi dan fungsi dari tag meta silahkan simak dibawah ini.

Apa Itu Tag Meta ?

Meta ialah salah satu bab dari Tag HTML yang berfungsi memperlihatkan warta metadata dari sebuah halaman web, elemen meta ini tidak akan tampil pada halaman tetapi akan terbaca oleh bot mesin telusur. Tag meta ini selalu ada didalam elemen <head> dan mempunyai nama atau nilai tertentu.

Apa Fungsi Tag Meta ?

Meta tag biasanya dipakai untuk memilih deskripsi halaman, kata kunci, penulis dokumen, dan metadata lainnya. Tag meta sanggup dibaca oleh aneka macam macam browser untuk memilih bagaimana suatu halaman tersebut di tampilkan pada mesin pencarian. Dengan tag meta kita juga sanggup menolak mesin pencarian untuk menampilkan suatu halaman atau dokumen yang ada pada web kita.

Bagaimana Contoh Tag Meta ?

Berikut ialah referensi meta tag sederhana yang sering kita jumpai pada aneka macam template web.

<head> <meta charset='UTF-8'> <meta name='description' content='Blogger Tutorial'/> <meta name='keywords' content='HTML,CSS,JavaScript'/> <meta name='author' content='Kreasikan Group'/> </head>

Catatan :

• Tag meta selalu berada di dalam elemen <head>...</head>
• Tag meta harus mempunyai nama atau nilai
• Attribute content harus mendefinisikan attribute name

Definisi Dari Attribute Name

Contoh 1 : Mendefinisikan deskripsi dari sebuah halaman web.

<meta name='description' content='Blogger Tutorial'/>

Contoh 2 : Mendefinisikan kata kunci untuk mesin pencarian/browser.

<meta name='keywords' content='HTML,CSS,JavaScript'/>

Contoh 3 : Mendefinisikan penulis dokumen dari sebuah halaman web.

<meta name='author' content='Kreasikan Group'/>

Contoh 4 : Mendefinisikan reload halaman dokumen setiap 60 detik.

<meta http-equiv='refresh' content='60'/>

Itulah beberapa klarifikasi mengenai attribute name yang ada pada tag meta, agar Anda sanggup lebih memahami apa yang dimaksud dengan tag meta dan sanggup mempelajarinya untuk keperluan pelengkap suatu blog atau halaman web pada umumnya.

Sumber http://www.caramanual.com

√ Tag Meta Yang Dipahami Oleh Google

Tag Meta Yang Dipahami Oleh Google - Meta tag yaitu cara terbaik bagi para webmaster untuk memperlihatkan isu pada mesin telusur. Sebelumnya saya juga pernah menjelaskan dengan rinci pengertian mengenai tag meta yang merupakan bab dari isyarat html. Untuk sanggup memahami lebih lanjut mengenai tag meta Anda sanggup membaca artikel sebelumnya dibawah ini.

Baca Juga : Pengertian dan Fungsi Tag Meta

Setelah paham dengan definisi dari tag meta kini kita coba pahami lebih dalam mengenai tag meta tersebut. Meta tag tidak akan tampil pada halaman web tetapi meta tag sanggup di baca oleh mesin telusur khususnya robots yang sudah di jadwal untuk merayapi setiap halam web, dan meta tag tersebut yang akan memperlihatkan isu kepada robots tersebut. Oleh alasannya yaitu itu penting sekali kita memahami tag meta ini, biar komunikasi dengan robots sanggup berjalan lancar dan sesuai dengan impian kita.

Google sebagai salah satu mesin pencarian terbesar sampai ketika ini akan kita jadikan sebagai contoh utama, beberapa tag meta yang dipahami google akan dengan gampang membantu kita dalam memperlihatkan isu mengenai halaman web atau blog kepada mesin telusur. Namun, bila Anda memasang beberapa tag meta yang tidak dipahami mesin telusur Google maka akan mengabaikan meta tag yang tidak dikenalinya.

Tag Meta Yang Dipahami Oleh Google
<meta name='description' content='Deskripsi dari halaman web.'/>	Tag ini berfungsi untuk memperlihatkan deskripsi singkat sebuah halaman web. Biasanya deskripsi dari tag ini muncul pada hasil penelusuran.
<title>Judul Halaman Web</title>	Secara teknis tag ini bukanlah termasuk dalam tag meta, namun biasanya tag ini dipakai bersama tag 'description', yang berfungsi untuk memperlihatkan judul laman pada browser yang Anda gunakan.
<meta name='robots' content='..., ...'/> <meta name='googlebot' content='..., ...'/>	Tag ini mengontrol sikap perayapan dan pengindeksan sebuah halaman web pada mesin telusur. Tag meta robots berlaku untuk semua jenis mesin telusur, sedangkan googlebot hanya berlaku untuk mesin telusur Google saja. Nilai standarnya yaitu "index,follow" atau sama dengan "all" dan tidak perlu ditetapkan. Google memahami nilai dibawah ini (untuk memakai banyak nilai, pisahkan dengan koma) : - noindex : artinya mencegah laman untuk diindeks - nofollow : artinya mencegah Googlebot untuk mengikuti tautan pada laman tersebut - none : artinya setara dengan noindex, nofollow - nosnippet : artinya mencegah kutipan/cuplikan muncul dalam hasil penelusuran - noodp : artinya mencegah penggunaan deskripsi alternatif dari ODP/DMOZ - noarchive : mencegah Googlebot untuk menampilkan tautan yang tersimpan  dalam cache untuk suatu laman - noimageindex : artinya mencegah gambar dari suatu laman muncul pada hasil penelusuran Google - unavailable_after:[date] : artinya Anda sanggup mengatur waktu untuk menghentikan perayapan dan pengindeksan suatu laman
<meta name='google' content='nositelinkssearchbox'/>	Saat pengguna menelusuri situs Anda pada mesin penelusuran Google, mungkin situs Anda menampilkan kotak telusur khusus untuk situs Anda dan tautan langsung ke laman web Anda. Tag meta ini memberi tahu Google untuk tidak menampilkan kotak telusur dan tautan langsung ke situs web Anda.
<meta name='google' content='notranslate'/>	Saat Google mengetahui bahwa laman konten tidak dalam bahasa yang mungkin ingin dibaca oleh pengguna, Google sering memperlihatkan tautan terjemahan dalam hasil penelusuran. Secara umum, hal ini memungkinkan kita mempunyai konten yang unik dan sanggup menarik pengguna lebih banyak lagi. Namun, mungkin akan terjadi situasi ketika hal ini tidak diinginkan. Tag meta ini berfungsi untuk menginformasikan kepada Google kita tidak ingin memperlihatkan terjemahan untuk laman tersebut.
<meta name='google-site-verification' content='...'/>	Anda sanggup memakai tag ini untuk memverifikasi kepemilikan situs pada Search Console. Pastikan bahwa tag meta ini mempunyai nilai atribut "name" dan "content" harus sama persis yang diberikan kepada Anda termasuk abjad besar dan abjad kecil pada nilai tersebut.
<meta http-equiv='Content-Type' content='...; charset=...' /> <meta charset='...'/>	Tag meta ini mendefinisikan jenis konten dan kumpulan karakter laman. Pastikan bahwa Anda mengurung atau menutup nilai dari setiap atribut dengan tanda petik, bila tidak maka atribut charset sanggup ditafsirkan dengan tidak benar. Sebaiknya Anda menggunakan Unicode/UTF-8 bila memungkinkan.
<meta http-equiv='refresh' content='...;url=...'/>	Tag meta ini mengantarkan pengguna ke URL gres sehabis beberapa waktu tertentu, dan terkadang dipakai sebagai bentuk pengalihan sederhana. Namun, hal ini tidak didukung oleh semua jenis browser dan sanggup membingungkan pengguna.

Baca Juga : Cara Setting Tag Robots.txt Khusus Pada Blogger

Itulah beberapa tag meta yang dipahami oleh Google, tag meta tersebut bukanlah daftar langsung dari meta tag yang tersedia, Anda sanggup memakai meta tag lain selain yang ada pada daftar diatas bila memang itu penting untuk situs Anda. Ingat bahwa Google akan mengabaikan tag meta yang tidak dikenalinya.
Sumber http://www.caramanual.com

√ Kumpulan Tag Conditional Blogger Dan Fungsinya

Kumpulan Tag Conditional Blogger dan Fungsinya - Kode tag kondisional ini mempunyai fungsi untuk menampilkan dan menyembunyikan widget tertentu yang ada pada blogger. Misalnya, Anda ingin menampilkan widget popular post di homepage blog tetapi ketika berada di halaman postingan widget popular post tidak ditampilkan atau disembunyikan. Hal ini sanggup Anda lakukan dengan cara menambahkan isyarat tag conditional pada kepingan popular post atau widget lainnya.

Dalam dunia pemrogramman ada banyak jenis tag conditional, namun disini saya akan menjelaskan beberapa kumpulan tag conditional untuk template blogger isyarat tag kondisional ini sangat membantu untuk mengatur beberapa elemen yang nantinya akan ditampilkan atau disembunyikan, oleh lantaran itu bagi Anda yang ingin menciptakan template blog sendiri atau yang suka edit template blog wajib mengetahui fungsi dasar dari tag conditional blogger ini.

Fungsi Tag Conditional

Tag Kondisional atau Conditional Tag ialah tag yang dipakai untuk mengatur elemen-elemen tertentu yang berfungsi untuk menampilkan atau menyembunyikan elemen pada kondisi tertentu.

Cara Membaca Tag Conditional

Kode tag kondisional selalu diawali dengan tag <b:if> dan ditutup dengan tag </b:if>. Setiap isyarat tag <b:if> mempunyai atribut cond, dimana atribut cond ini mempunyai banyak sekali jenis nilai yang berfungsi untuk mengambarkan suatu kondisi. Kita ambil salah satu teladan tag conditional yang paling umum digunakan.

<b:if cond='data:blog.url == data:blog.homepageUrl'>OBJEK</b:if>

Dari teladan diatas kita lihat bahwa atribut cond mempunyai nilai data:blog.url == data:blog.homepageUrl yang mengambarkan kondisi yang diinginkan.

Kode data:blog.url adalah pernyataan untuk mewakili keadaan sebuah halaman URL, sedangkan kode data:blog.homepageUrl adalah perwakilan dari halaman homepage blog Anda. Kita ambil teladan kembali contohnya Anda mempunyai blog dengan alamat URL https://www.caramanual.com, maka kode data:blog.homepageUrl dapat diartikan sebagai https://www.caramanual.com.

Menampilkan Elemen Tertentu Menggunakan Tag Conditional

Kita ambil teladan dari isyarat diatas, contohnya saya ingin menampilkan sebuah objek hanya di halaman beranda atau homepage blog saja dan akan hilang atau tidak tampil pada halaman lainnya. Maka isyarat tag conditional yang dipakai ialah menyerupai dibawah ini.

<b:if cond='data:blog.url == data:blog.homepageUrl'>OBJEK</b:if>

Menyembunyikan Elemen Tertentu Menggunakan Tag Conditional

Kebalikan dari cara sebelumnya, contohnya saya ingin menghilangkan atau menyembunyikan sebuah objek pada halaman beranda atau homepage blog dan akan muncul atau tampil pada halaman lainnya. Maka isyarat tag conditional yang dipakai ialah menyerupai dibawah ini.

<b:if cond='data:blog.url != data:blog.homepageUrl'>OBJEK</b:if>

Perhatikan baik-baik kedua teladan diatas hanya mempunyai perbedaan antara == dan !=. Dimana arti dari == ialah sama dengan atau menyetujui kondisi. Sedangkan != ialah tidak sama dengan atau tidak menyetujui kondisi. Cukup gampang bukan, untuk menampilkan atau menyembunyikan suatu elemen pada blog Anda hanya perlu mengetahui kondisi tag dan memakai kedua pembanding diatas untuk mengatur keadaan atau kondisi.

Cara Menerapkan Tag Conditional

Ada dua cara penerapan isyarat tag conditional, yang pertama yaitu dengan menerapkannya secara eksklusif pada target atau objek tertentu, yang kedua yaitu dengan menerapkannya secara tidak eksklusif dengan memanfaatkan kemampuan CSS.

Penerapan Kondisi Secara Langsung

Penerapan tag conditional secara eksklusif ini sangat mudah, Anda cukup mengapit sebuah objek atau target dengan tag conditional, contohnya menyerupai dibawah ini.

<b:if cond='data:blog.url == data:blog.homepageUrl'> OBJEK </b:if>

Artinya:
Jika keadaan halaman ketika ini sama dengan URL halaman homepage, maka OBJEK akan ditampilkan atau difungsikan.

Penerapan Kondisi Secara Tidak Langsung

Penerapan tag conditional secara tidak eksklusif sanggup dilakukan dengan cara mengapitkannya pada isyarat CSS selektor objek yang menjadi sasarannya. Untuk menghilangkan objek sasaran, kita gunakan deklarasi display:none pada kepingan CSS menyerupai dibawah ini.

<b:if cond='data:blog.url != data:blog.homepageUrl'>  <style type='text/css'>  #obyek{display:none}  </style>  </b:if>  ...  <div id='obyek'>OBJEK</div>

Artinya:
Seluruh elemen yang mempunyai ID obyek akan disembunyikan atau tidak akan ditampilkan apabila keadaan halaman ketika ini tidak sama dengan URL halaman homepage.

Perlu Anda Ketahui:
- Dalam isyarat HTML untuk memanggil isyarat css selektor memakai atribut id atau class.
- Dalam isyarat CSS id ditandai dengan tanda pagar atau (hastag) sedangkan class ditandai dengan titik (dot).

Baca juga: Kumpulan Kode Tag HTML Lengkap Dengan Fungsinya

Kumpulan Tag Conditional Blogger

Berikut beberapa isyarat tag kondisional yang sanggup Anda gunakan untuk menampilkan atau menyebunyikan sebuah objek tertentu.

Tag Conditional Halaman Homepage

Halaman homepage ialah halaman murni yang tidak mempunyai cabang atau folder, contohnya menyerupai ini.

https://www.caramanual.com

Tag conditionalnya menyerupai ini:

<b:if cond='data:blog.url == data:blog.homepageUrl'> KODE OBJEK </b:if>

Tag Conditional Halaman Item

Halaman item ialah tipe halaman yang akan selalu berakhir pada nama berkas atau folder, contohnya menyerupai ini.

aciknadzirah.blogspot.com/search?q=pengertian-blog-blogger-blogging-dan

Tag conditionalnya menyerupai ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'> KODE OBJEK </b:if>

Tag Conditional Halaman Arsip

Ciri khusus pada halaman arsip ialah halaman homepage yang diikuti oleh cabang URL tahun, bulan, dan tanggal, namun tidak hingga kepada nama berkas halaman item, ciri khusunya yaitu pada simpulan URL mempunyai cabang archive.html, contonya Seperti ini.

https://www.caramanual.com/2018_01_01_archive.html

Tag conditionalnya menyerupai ini:

<b:if cond='data:blog.pageType == &quot;archive&quot;'> KODE OBJEK </b:if>

Tag Conditional Halaman Statis

Halaman statis ialah jenis halaman Istimewa dari blogger yang berakhir pada nama berkas dan tidak akan masuk dalam daftar arsip blog, contohnya menyerupai ini.

https://www.caramanual.com/p/about.html

Tag conditionalnya menyerupai ini:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> KODE OBJEK </b:if>

Tag Conditional Halaman Indeks

Halaman indeks ialah semua jenis halaman yang bukan halaman item.

https://www.caramanual.com
https://www.caramanual.com/p/about.html
aciknadzirah.blogspot.com/search?q=pengertian-blog-blogger-blogging-dan

Tag conditionalnya menyerupai ini:

<b:if cond='data:blog.pageType == &quot;index&quot;'> KODE OBJEK </b:if>

Tag Conditional Halaman Label

Halaman label ialah tipe halaman hasil sortir dari label item atau postingan, halaman ini diawali dengan cabang atau folder search/label/ kemudian diakhiri dengan nama label, contohnya menyerupai ini.

https://www.caramanual.com/search/label/Blogger

Tag conditionalnya menyerupai ini:

<b:if cond='data:blog.searchLabel'> KODE OBJEK </b:if>

Tag Conditional Halaman Label Tertentu

Sama saja dengan halaman label, hanya saja ini lebih spesifik pada nama label tertentu, contohnya menyerupai ini.

https://www.caramanual.com/search/label/Blogger

Tag conditionalnya menyerupai ini:

<b:if cond='data:blog.searchLabel == &quot;Blogger&quot;'> KODE OBJEK </b:if>

Tag Conditional Halaman Pencarian

Halaman pencarian ialah tipe halaman hasil dari pencarian atau penelusuran didalam blog Anda, halaman pencarian diawali dengan search/?q= dan diakhiri oleh kata kunci pencarian, contohnya menyerupai ini.

https://www.caramanual.com/search/?q=Blogger

Tag conditionalnya menyerupai ini:

<b:if cond='data:blog.searchQuery'> KODE OBJEK </b:if>

Tag Conditional Halaman Pencarian Tertentu

Sama saja dengan halaman pencarian, hanya saha ini lebih spesifik pada kata kunci pencarian tertentu, contohnya menyerupai ini.

https://www.caramanual.com/search/?q=Blogger

Tag conditionalnya menyerupai ini:

<b:if cond='data:blog.searchQuery == &quot;Blogger&quot;'> KODE OBJEK </b:if>

Tag Conditional Halaman Tertentu (Custom)

Anda sanggup membedakan halaman tertentu dengan halaman pada umumnya yang ada di blog Anda dengan memakai tag conditional.

Tag conditionalnya menyerupai ini:

<b:if cond='data:blog.url == &quot;URL HALAMAN&quot;'> KODE OBJEK </b:if>

Tag Conditional Halaman Kesalahan (Error Page)

Halaman kesalahan atau error page ialah halaman yang tidak ditemukan pada blog Anda, halaman ini ditandai dengan isyarat error 404 not found. Halaman ini disebabkan oleh penulisan URL yang salah atau bisa disebabkan lantaran item atau postingan yang Anda buat sudah dihapus.

Tag conditionalnya menyerupai ini:

<b:if cond='data:blog.pageType == &quot;error_page&quot;'> KODE OBJEK </b:if>

Itulah kumpulan tag conditional blogger dan fungsinya, isyarat tag kondisional diatas sanggup Anda susuaikan dengan kebutuhan Anda, kalau mempunyai pertanyaan atau masukkan silahkan menghubungi kami melalui halaman kontak atau dengan menunjukkan komentar dibawah ini.
Sumber http://www.caramanual.com

√ Meta Tag Seo Friendly Valid Html5 2019 Untuk Blogger

Meta Tag SEO Friendly Valid HTML5 2019 untuk Blog - Banyak dari para blogger yang belum mengetahui perihal meta tag SEO, terutama bagi para pemula yang gres terjun ke dunia blogger yang ingin mempelajari perihal SEO dan ingin blognya cepat di indeks di mesin penelusuran.

Meta Tag SEO ialah barisan isyarat yang berfungsi untuk mengoptimasi suatu blog dan artikel kita biar mempunyai identitas dan deskripsi yang jelas, yang bertujuan biar blog atau artikel kita gampang ditelusuri  oleh mesin penelusuran atau robot penelusuran ibarat google, Yandex, bing, maupun mesin penelusuran lainnya, sehingga blog atau artikel kita sanggup bersaing di peringkat teratas mesin penelusuran.

Meta Tag SEO Friendly ini berfungsi biar data-data yang di dalam artikel kita lebih gampang dikenali dan biar blog lebih cepat terindeks di dalam mesin penelusuran, contohnya biar cepat terindeks pada mesin pencari google, bing webmaster, yandex dan tentunya menciptakan blog kita menjadi 100% SEO.

Meta tag ini juga aku menerapkannya di blog saya, meta tag di bawah ini aku susun sedemikian rupa biar terlihat lebih rapi, gampang dipahami dan gampang untuk di edit, yang di dalamnya terdapat meta deskripsi, meta tag color, meta keyword, meta title, author, facebook, twitter dan lainnya.

Adanya pembatalan Google Plus ini pula menciptakan sedikit perubahan pada meta tag seo ini. Untuk lebih jelasnya bagaimana cara memasangnya silahkan perhatikan tutorial cara memasang meta tag ini.

Cara Memasang Meta Tag SEO Friendly Valid HTML5 2019 untuk Blogger

1. Buka blog anda > Tema > Pilih Edit HTML

2. Cari isyarat dan letakkan isyarat ini sempurna berada di bawah <head>  atau &lt;head&gt;

<!-- [ Meta Tag SEO ] --> <meta charset='utf-8'/> <meta content='width=device-width, initial-scale=1' name='viewport'/> <meta content='blogger' name='generator'/> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <link href='https://www.blogger.com/openid-server.g' rel='openid.server'/> <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> <link expr:href='data:blog.url' rel='canonical'/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/></title> <b:else/> <b:if cond='data:blog.pageType != &quot;error_page&quot;'> <title><data:blog.pageName/> - <data:blog.title/></title> </b:if></b:if> <b:if cond='data:blog.pageType == &quot;error_page&quot;'> <title>Page Not Found - <data:blog.title/></title> </b:if> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <meta content='noindex' name='robots'/> </b:if> <b:if cond='data:blog.searchLabel'> <meta content='noindex,nofollow' name='robots'/> </b:if> <b:if cond='data:blog.isMobile'> <meta content='noindex,nofollow' name='robots'/> </b:if> <b:if cond='data:blog.pageType != &quot;error_page&quot;'> <meta expr:content='data:blog.metaDescription' name='description'/> <script type='application/ld+json'>{ &quot;@context&quot;: &quot;https://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script> <b:if cond='data:blog.homepageUrl != data:blog.url'> <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/> </b:if></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='DESKRIPSI/KATA-KUNCI' name='keywords'/></b:if> <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/> <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/> <link expr:href='&quot;https://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:blog.postImageThumbnailUrl'> <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/> </b:if></b:if> <link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/> <link href='/favicon.ico' rel='icon' type='image/x-icon'/> <link href='https://www.blogger.com/profile/ID-PROFIL-BLOGGER' rel='publisher'/> <link href='https://www.blogger.com/profile/ID-PROFIL-BLOGGER' rel='author'/> <link href='https://www.blogger.com/profile/ID-PROFIL-BLOGGER' rel='me'/> <meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/> <meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/> <meta content='KODE-VALIDASI-YANDEX-WEBMASTER' name='yandex-verification'/> <meta content='Indonesia' name='geo.placename'/> <meta content='NAMA-ADMIN' name='Author'/> <meta content='general' name='rating'/> <meta content='id' name='geo.country'/> <!-- Meta Tag Theme Color --> <meta content='#000000' name='msapplication-navbutton-color'/> <meta content='#000000' name='apple-mobile-web-app-status-bar-style'/> <meta content='#000000' name='theme-color'/> <!-- [ Social Media Meta Tag ] --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <meta expr:content='data:blog.pageName' property='og:title'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <meta content='article' property='og:type'/> </b:if> <meta expr:content='data:blog.title' property='og:site_name'/> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta expr:content='data:blog.metaDescription' name='description'/> <meta expr:content='data:blog.title' property='og:title'/> <meta content='website' property='og:type'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' property='og:description'/> <b:else/> <meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <meta expr:content='data:blog.metaDescription' property='og:description'/> </b:if> <b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' property='og:image'/> <b:else/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/> </b:if> </b:if> <meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/> <meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/> <meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/> <meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/> <meta content='en_US' property='og:locale'/> <meta content='en_GB' property='og:locale:alternate'/> <meta content='id_ID' property='og:locale:alternate'/> <meta content='summary' name='twitter:card'/> <meta expr:content='data:blog.pageTitle' name='twitter:title'/> <meta content='USER-TWITTER' name='twitter:site'/> <meta content='USER-TWITTER' name='twitter:creator'/> <meta content='summary_large_image' name='twitter:card'/> <link href='//ajax.googleapis.com' rel='dns-prefetch'/> <link href='//www.google-analytics.com' rel='dns-prefetch'/> <link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/> <link href='//www.googletagservices.com' rel='dns-prefetch'/> <link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/> <link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/> <link href='//adservice.google.ca' rel='dns-prefetch'/> <link href='//adservice.google.com' rel='dns-prefetch'/> <link href='//resources.blogblog.com' rel='dns-prefetch'/> <link href='//fonts.googleapis.com' rel='dns-prefetch'/> <link href='//1.bp.blogspot.com' rel='dns-prefetch'/> <link href='//2.bp.blogspot.com' rel='dns-prefetch'/> <link href='//3.bp.blogspot.com' rel='dns-prefetch'/> <link href='//4.bp.blogspot.com' rel='dns-prefetch'/> <link href='//disqus.com' rel='dns-prefetch'/> <link href='//github.com' rel='dns-prefetch'/> <link href='//cdn.rawgit.com' rel='dns-prefetch'/> <link href='//fontawesome.com' rel='dns-prefetch'/> <link href='//www.sharethis.com' rel='dns-prefetch'/> <link href='//cdn.jsdelivr.net' rel='dns-prefetch'/>

3. Selanjutnya Pilih Simpan Tema

Keterangan Meta tag:

Nilai	Keterangan
DESKRIPSI/KATA-KUNCI	Isi dengan deskripsi atau kata kunci blog anda
ID-PROFIL-BLOGGER	Isi dengan ID profil blogger
KODE-VALIDASI-GOOGLE-WEBMASTER	Isi dengan isyarat validasi Google di Search Console
KODE-VALIDASI-BING-WEBMASTER	Diisi dengan isyarat validasi Bing Webmaster
NAMA-ADMIN	Isi dengan nama penulis
id dan Indonesia	Isi dengan isyarat negara lokasi dimana blog teman dipublikasikan atau diposting
PROFIL-FACEBOOK	Isi dengan link profil Facebook sobat*
FAN-PAGE-FACEBOOK	Isi dengan link Fans Page Facebook*
KODE-APLIKASI-FACEBOOK	Isi dengan isyarat Aplikasi Facebook*
KODE-ADMIN-FACEBOOK	Isi dengan isyarat profil Facebook*
USER-TWITTER	Isi dengan nama user Twitter anda*

* = Dapat dihapus atau dibiarkan saja bila tidak digunakan

Keterangan Meta Tag Theme Color:

Nilai	Keterangan
#00000	Diisi dengan warna template atau warna harapan anda (ini berefek pada penggunaan smartphone, akan merubah warna tampilan System Ui anda

Jika ada yang belum paham kegunaan dari DNS-Prefetch pada Meta Tag SEO yaitu berfungsi untuk memaksimalkan loading blog biar dalam memuat tautan blog tidak mengganggu loading blog kita.

Demikian tutorial dari analisyuki.com perihal cara memasang Meta Tag SEO Friendly Valid HTML5 2019 untuk Blogger untuk blog serta kegunaannya, semoga sanggup bermanfaat bagi kita semua, Selamat Blogging, Terimakasih.

Sumber http://www.analisyuki.com/