Meta Tag: Pengertian dan Contohnya pada Website

17 Jan 2024 Administrator

Ketika Anda yang berselancar di mesin pencari seperti Google, maka \\r\\npada hasil pencarian akan terlihat deskripsi singkat pada setiap link \\r\\nwebsite yang tampil. Deskripsi yang menarik akan membuat calon \\r\\npengunjung untuk masuk ke situs website tersebut. Search Engine \\r\\nmengambil informasi meta tag pada sebuah halaman website dan \\r\\nmenampilkannya di list pencarian. Lalu apa itu meta tag? berikut ini penjelasan singkatnya.

\\r\\n\\r\\n\\r\\n

\\r\\n Daftar Isi \\r\\n hide\\r\\n \\r\\n

\\r\\n

\\r\\n 1\\r\\n Pengertian Meta Tag\\r\\n \\r\\n

\\r\\n 2\\r\\n Meta Title\\r\\n \\r\\n

\\r\\n 2.1\\r\\n Fungsi Meta Title\\r\\n \\r\\n

\\r\\n 2.2\\r\\n Contoh Code Meta Title\\r\\n \\r\\n

\\r\\n 2.3\\r\\n Meta Title pada WordPress\\r\\n \\r\\n

\\r\\n 3\\r\\n Meta Description\\r\\n \\r\\n

\\r\\n 3.1\\r\\n Fungsi Meta Description\\r\\n \\r\\n

\\r\\n 3.2\\r\\n Contoh Code Meta Description\\r\\n \\r\\n

\\r\\n 3.3\\r\\n Meta Description pada WordPress\\r\\n \\r\\n

\\r\\n 4\\r\\n Meta Keywords\\r\\n \\r\\n

\\r\\n 4.1\\r\\n Fungsi Meta Keywords\\r\\n \\r\\n

\\r\\n 4.2\\r\\n Contoh Code Meta Keywords\\r\\n \\r\\n

\\r\\n 4.3\\r\\n Meta Keywords pada WordPress\\r\\n \\r\\n

\\r\\n

\\r\\n\\r\\n\\r\\n

Pengertian Meta Tag

\\r\\n\\r\\n\\r\\n\\r\\n

Tag <meta> mendefinisikan metadata tentang dokumen HTML. \\r\\nMetadata tidak akan ditampilkan di halaman, tetapi dapat diolah oleh \\r\\nmesin. Metadata digunakan oleh browser (bagaimana menampilkan konten \\r\\natau memuat ulang halaman), mesin pencari (kata kunci), dan layanan web \\r\\nlainnya.

\\r\\n\\r\\n\\r\\n\\r\\n

Meta Tag juga merupakan tag HTML yang mendeskripsikan secara singkat,\\r\\n isi dari sebuah halaman website. Meta Tag memberikan informasi kepada \\r\\nsearch engine tentang deskripsi halaman website Anda. Beberapa tag \\r\\npenting untuk SEO, itulah mengapa banyak penulis cukup memperhatikan \\r\\nmeta tag ini untuk optimasi situs web mereka agar mendapat peringkat \\r\\nyang baik di search engine.

\\r\\n\\r\\n\\r\\n\\r\\n

Meskipun bukan satu satunya faktor penentu peringkat di Search \\r\\nEngine, namun menggunakan meta tag yang tepat adalah cara terbaik untuk \\r\\nberkomunikasi dengan mesin pencari. Meta tag terdiri dari tiga jenis, \\r\\nyaitu meta title, meta description, dan meta keyword.

\\r\\n\\r\\n\\r\\n\\r\\n

Meta Title

\\r\\n\\r\\n\\r\\n\\r\\n

Meta title (disebut juga title tag) adalah elemen di bagian “head” \\r\\ndokumen HTML yang mendefinisikan judul setiap halaman situs web.

\\r\\n\\r\\n\\r\\n\\r\\n

Fungsi Meta Title

\\r\\n\\r\\n\\r\\n\\r\\n

Meta title digunakan oleh browser web dan juga mesin pencari seperti \\r\\nGoogle untuk menampilkan halaman web dalam hasil pencarian (SERP). Pada browser, Anda akan menemukannya di bagian atas browser.

\\r\\n\\r\\n\\r\\n\\r\\n

\\r\\n\\r\\n\\r\\n\\r\\n

Sedangkan di mesin pencari, Anda akan menemukan meta title seperti \\r\\npada gambar di bawah ini. Meta title merupakan elemen yang cukup penting\\r\\n bagi Google untuk menilai relevansi situs web untuk kueri penelusuran \\r\\ntertentu.

\\r\\n\\r\\n\\r\\n\\r\\n

Contoh Code Meta Title

\\r\\n\\r\\n\\r\\n\\r\\n

Berikut ini code sample meta title pada sebuah website. Di dalam tag title, tuliskan secara singkat judul halaman website Anda.

\\r\\n\\r\\n\\r\\n\\r\\n

<head><title>Contoh Judul</title></head>

\\r\\n\\r\\n\\r\\n\\r\\n

Namun apabila Anda menggunakan Builder atau CMS dalam membuat \\r\\nwebsite, pada umumnya akan disediakan fitur untuk mengatur meta title \\r\\nsecara lebih mudah.

\\r\\n\\r\\n\\r\\n\\r\\n

Meta Title pada WordPress

\\r\\n\\r\\n\\r\\n\\r\\n

Bagi pengguna Content Management System seperti WordPress, Anda dapat\\r\\n menggunakan Plugin yang memudahkan dalam pengaturan SEO, termasuk dalam\\r\\n mengatur meta title. Plugin yang dapat digunakan misalnya All in One \\r\\nSEO, namun Anda juga bisa menggunakan Plugin lain sejenis yang memiliki \\r\\nfungsi yang sama.

\\r\\n\\r\\n\\r\\n\\r\\n

Meta Description

\\r\\n\\r\\n\\r\\n\\r\\n

Meta Description adalah atribut HTML yang memberikan ringkasan \\r\\nsingkat dari halaman web. Pada mesin pencari seperti Google, meta \\r\\ndeskripsi akan ditampilkan dalam hasil pencarian.

\\r\\n\\r\\n\\r\\n\\r\\n

Fungsi Meta Description

\\r\\n\\r\\n\\r\\n\\r\\n

Ketika calon pengunjung berselancar di mesin pencari seperti Google, \\r\\nMeta Description juga akan ditampilkan di hasil pencarian. Deskripsi \\r\\nyang menarik dapat mempengaruhi calon pengunjung untuk masuk ke halaman \\r\\nwebsite Anda. Kalimat deskripsi meta ini tidak perlu terlalu panjang, \\r\\nkarena Search Engine / Google biasanya memotong cuplikan menjadi kurang \\r\\nlebih 155–160 karakter.

\\r\\n\\r\\n\\r\\n\\r\\n

Contoh Code Meta Description

\\r\\n\\r\\n\\r\\n\\r\\n

Berikut ini code sample meta description pada sebuah website. Pada \\r\\nbagian description, Anda bisa menuliskan deskripsi singkat tentang \\r\\nhalaman website Anda.

\\r\\n\\r\\n\\r\\n\\r\\n

<head><meta name=\\\"description\\\" content=\\\"Ini adalah contoh meta descriptions. Akan sering muncul di hasil pencarian.\\\"></head>

\\r\\n\\r\\n\\r\\n\\r\\n

Dan bila Anda menggunakan Builder atau CMS dalam membuat website, \\r\\nmaka umumnya akan disediakan fitur untuk mengatur meta description ini.

\\r\\n\\r\\n\\r\\n\\r\\n

Meta Description pada WordPress

\\r\\n\\r\\n\\r\\n\\r\\n

Plugin yang dapat digunakan di WordPress misalnya All in One SEO, \\r\\nterdapat fitur untuk insert Meta Description. Berikut ini contoh setting\\r\\n Meta Description pada Plugin tersebut:

\\r\\n\\r\\n\\r\\n\\r\\n

Meta Keywords

\\r\\n\\r\\n\\r\\n\\r\\n

Meta Keywords adalah jenis Meta Tag dalam HTML halaman web yang \\r\\nmendeskripsikan konten situs web secara singkat dan ringkas. Umumnya \\r\\nditulis dalam huruf kecil, dan dipisahkan dengan koma. Hal terpenting \\r\\nyang harus dipastikan adalah kata kunci (meta keywords) yang Anda pilih \\r\\nrelevan dengan halaman yang bersangkutan.

\\r\\n\\r\\n\\r\\n\\r\\n

Fungsi Meta Keywords

\\r\\n\\r\\n\\r\\n\\r\\n

Berfungsi untuk memberikan informasi beberapa kata kunci atau keywords yang relevan pada suatu halaman website.

\\r\\n\\r\\n\\r\\n\\r\\n

Contoh Code Meta Keywords

\\r\\n\\r\\n\\r\\n\\r\\n

Berikut ini sample code meta keywods. Pada bagian content, anda cukup\\r\\n menginputkan keywods yang relevan dengan artikel atau konten halaman \\r\\nwebsite Anda. Beberapa keywords dapat diinput dengan dipisahkan tanda \\r\\nkoma.

\\r\\n\\r\\n\\r\\n\\r\\n

<meta name=\\\"keywords\\\" content=\\\"seo, panduan seo, search engine optimisation, search engine optimization\\\">

\\r\\n\\r\\n\\r\\n\\r\\n

Seperti halnya Meta Title dan Meta Description, jika Anda menggunakan\\r\\n Builder atau CMS dalam membuat website, umumnya juga akan disediakan \\r\\nfitur untuk mengatur Meta Keywords secara lebih mudah.

\\r\\n\\r\\n\\r\\n\\r\\n

Meta Keywords pada WordPress

\\r\\n\\r\\n\\r\\n\\r\\n

Seperti halnya Meta Description, pada WordPress yg menggunakan plugin\\r\\n All in One SEO juga terdapat fitur untuk insert Meta Keywods. Anda juga\\r\\n bisa menggunakan jenis plugin yang lain sesuai dengan keperluan.

\\r\\n\\r\\n\\r\\n\\r\\n

Demikian panduan terkait meta tag, engertian meta tag dan contoh penggunaannya pada website, semoga bermanfaat!

Blog Details