{"id":20862,"date":"2021-04-26T13:50:20","date_gmt":"2021-04-26T06:50:20","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=20862"},"modified":"2022-12-09T15:34:47","modified_gmt":"2022-12-09T08:34:47","slug":"meta-tag-adalah","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/meta-tag-adalah\/","title":{"rendered":"Meta Tag: Pengertian dan Contohnya pada Website"},"content":{"rendered":"\n<p>Ketika Anda yang berselancar di mesin pencari seperti Google, maka pada hasil pencarian akan terlihat deskripsi singkat pada setiap link website yang tampil. Deskripsi yang menarik akan membuat calon pengunjung untuk masuk ke situs website tersebut. Search Engine mengambil informasi meta tag pada sebuah halaman website dan menampilkannya di list pencarian. Lalu <strong>apa itu meta tag?<\/strong> berikut ini penjelasan singkatnya.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">Pengertian Meta Tag<\/h2>\n\n\n\n<p>Tag &lt;meta&gt; mendefinisikan metadata tentang dokumen HTML. Metadata tidak akan ditampilkan di halaman, tetapi dapat diolah oleh mesin. Metadata digunakan oleh browser (bagaimana menampilkan konten atau memuat ulang halaman), mesin pencari (kata kunci), dan layanan web lainnya.<\/p>\n\n\n\n<p>Meta Tag juga merupakan tag HTML yang mendeskripsikan secara singkat, isi dari sebuah halaman website. Meta Tag memberikan informasi kepada search engine tentang deskripsi halaman website Anda. Beberapa tag penting untuk SEO, itulah mengapa banyak penulis cukup memperhatikan meta tag ini untuk optimasi situs web mereka agar mendapat peringkat yang baik di search engine.<\/p>\n\n\n\n<p>Meskipun bukan satu satunya faktor penentu peringkat di Search Engine, namun menggunakan meta tag yang tepat adalah cara terbaik untuk berkomunikasi dengan mesin pencari. Meta tag terdiri dari tiga jenis, yaitu&nbsp;meta title,&nbsp;meta description, dan&nbsp;meta keyword.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Meta Title<\/h2>\n\n\n\n<p>Meta title (disebut juga title tag) adalah elemen di bagian &#8220;head&#8221; dokumen HTML yang mendefinisikan judul setiap halaman situs web. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Fungsi Meta Title<\/strong><\/h3>\n\n\n\n<p>Meta title digunakan oleh browser web dan juga mesin pencari seperti Google untuk menampilkan halaman web dalam hasil pencarian (<a href=\"https:\/\/blog.rumahweb.com\/serp-adalah\/\" title=\"serp adalah\">SERP<\/a>). Pada browser, Anda akan menemukannya di bagian atas browser.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/title_meta_browser.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/title_meta_browser.jpg\" alt=\"contoh meta tag title\" class=\"wp-image-21113\" width=\"429\" height=\"77\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/title_meta_browser.jpg 542w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/title_meta_browser-300x54.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/title_meta_browser-370x66.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/title_meta_browser-270x48.jpg 270w\" sizes=\"auto, (max-width: 429px) 100vw, 429px\" \/><\/a><\/figure>\n\n\n\n<p>Sedangkan di mesin pencari, Anda akan menemukan meta title seperti pada gambar di bawah ini. Meta title merupakan elemen yang cukup penting bagi Google untuk menilai relevansi situs web untuk kueri penelusuran tertentu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_title.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_title.jpg\" alt=\"contoh meta tag title pada halaman pencarian\" class=\"wp-image-21104\" width=\"601\" height=\"104\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_title.jpg 857w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_title-300x52.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_title-768x134.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_title-370x64.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_title-270x47.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_title-570x99.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_title-740x129.jpg 740w\" sizes=\"auto, (max-width: 601px) 100vw, 601px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Contoh Code Meta Title<\/strong><\/h3>\n\n\n\n<p>Berikut ini code sample meta title pada sebuah website. Di dalam tag title, tuliskan secara singkat judul halaman website Anda.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;head&gt;&lt;title&gt;Contoh Judul&lt;\/title&gt;&lt;\/head&gt;<\/code><\/pre>\n\n\n\n<p>Namun apabila Anda menggunakan Builder atau CMS dalam membuat website, pada umumnya akan disediakan fitur untuk mengatur meta title secara lebih mudah.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Meta Title pada WordPress<\/strong><\/h3>\n\n\n\n<p>Bagi pengguna Content Management System seperti WordPress, Anda dapat menggunakan Plugin yang memudahkan dalam pengaturan SEO, termasuk dalam mengatur meta title. Plugin yang dapat digunakan misalnya All in One SEO, namun Anda juga bisa menggunakan Plugin lain sejenis yang memiliki fungsi yang sama.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/post_title_aioseo.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/post_title_aioseo-1024x134.jpg\" alt=\"contoh meta tag title pada wordpress\" class=\"wp-image-21143\" width=\"648\" height=\"85\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/post_title_aioseo-1024x134.jpg 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/post_title_aioseo-300x39.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/post_title_aioseo-768x100.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/post_title_aioseo-370x48.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/post_title_aioseo-270x35.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/post_title_aioseo-570x75.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/post_title_aioseo-740x97.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/post_title_aioseo.jpg 1391w\" sizes=\"auto, (max-width: 648px) 100vw, 648px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Meta Description<\/h2>\n\n\n\n<p>Meta Description adalah atribut HTML yang memberikan ringkasan singkat dari halaman web. Pada mesin pencari seperti Google, meta deskripsi akan ditampilkan dalam hasil pencarian. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Fungsi Meta Description<\/strong><\/h3>\n\n\n\n<p>Ketika calon pengunjung berselancar di mesin pencari seperti Google, Meta Description juga akan ditampilkan di hasil pencarian. Deskripsi yang menarik dapat mempengaruhi calon pengunjung untuk masuk ke halaman website Anda. Kalimat deskripsi meta ini tidak perlu terlalu panjang, karena Search Engine \/ Google biasanya memotong cuplikan menjadi kurang lebih 155\u2013160 karakter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_descriptions.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_descriptions.jpg\" alt=\"contoh meta description pada hasil pencarian\" class=\"wp-image-21105\" width=\"587\" height=\"109\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_descriptions.jpg 826w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_descriptions-300x56.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_descriptions-768x144.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_descriptions-370x69.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_descriptions-270x51.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_descriptions-570x107.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_descriptions-740x139.jpg 740w\" sizes=\"auto, (max-width: 587px) 100vw, 587px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Contoh Code Meta Description<\/strong><\/h3>\n\n\n\n<p>Berikut ini code sample meta description pada sebuah website. Pada bagian description, Anda bisa menuliskan deskripsi singkat tentang halaman website Anda.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;head&gt;&lt;meta name=\"description\" content=\"Ini adalah contoh meta descriptions. Akan sering muncul di hasil pencarian.\"&gt;&lt;\/head&gt;<\/code><\/pre>\n\n\n\n<p>Dan bila Anda menggunakan Builder atau CMS dalam membuat website, maka umumnya akan disediakan fitur untuk mengatur meta description ini.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Meta Description pada WordPress<\/strong><\/h3>\n\n\n\n<p>Plugin yang dapat digunakan di WordPress misalnya All in One SEO, terdapat fitur untuk insert Meta Description. Berikut ini contoh setting Meta Description pada Plugin tersebut:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_description_aioseo.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"153\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_description_aioseo-1024x153.jpg\" alt=\"contoh meta description pada settingan wordpress\" class=\"wp-image-21144\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_description_aioseo-1024x153.jpg 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_description_aioseo-300x45.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_description_aioseo-768x115.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_description_aioseo-370x55.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_description_aioseo-270x40.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_description_aioseo-570x85.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_description_aioseo-740x111.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/meta_description_aioseo.jpg 1389w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Meta Keywords<\/h2>\n\n\n\n<p>Meta Keywords adalah jenis Meta Tag dalam HTML halaman web yang mendeskripsikan konten situs web secara singkat dan ringkas. Umumnya ditulis dalam huruf kecil, dan dipisahkan dengan koma. Hal terpenting yang harus dipastikan adalah kata kunci (meta keywords) yang Anda pilih relevan dengan halaman yang bersangkutan.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Fungsi Meta Keywords<\/strong><\/h3>\n\n\n\n<p>Berfungsi untuk memberikan informasi beberapa kata kunci atau keywords yang relevan pada suatu halaman website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Contoh Code Meta Keywords<\/strong><\/h3>\n\n\n\n<p>Berikut ini sample code meta keywods. Pada bagian content, anda cukup menginputkan keywods yang relevan dengan artikel atau konten halaman website Anda. Beberapa keywords dapat diinput dengan dipisahkan tanda koma.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;meta name=\"keywords\" content=\"seo, panduan seo, search engine optimisation, search engine optimization\"&gt;<\/code><\/pre>\n\n\n\n<p>Seperti halnya Meta Title dan Meta Description, jika Anda menggunakan Builder atau CMS dalam membuat website, umumnya juga akan disediakan fitur untuk mengatur Meta Keywords secara lebih mudah.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Meta Keywords pada WordPress<\/strong><\/h3>\n\n\n\n<p>Seperti halnya Meta Description, pada WordPress yg menggunakan plugin All in One SEO juga terdapat fitur untuk insert Meta Keywods. Anda juga bisa menggunakan jenis plugin yang lain sesuai dengan keperluan.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/keywords_aioseo.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"67\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/keywords_aioseo-1024x67.jpg\" alt=\"contoh meta keyword pada wordpress\" class=\"wp-image-21145\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/keywords_aioseo-1024x67.jpg 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/keywords_aioseo-300x20.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/keywords_aioseo-768x50.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/keywords_aioseo-370x24.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/keywords_aioseo-270x18.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/keywords_aioseo-570x37.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/keywords_aioseo-740x48.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2021\/04\/keywords_aioseo.jpg 1396w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Demikian panduan terkait meta tag, engertian meta tag dan contoh penggunaannya pada website, semoga bermanfaat!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ketika Anda yang berselancar di mesin pencari seperti Google, maka pada hasil pencarian akan terlihat deskripsi singkat pada setiap link website yang tampil. Deskripsi yang menarik akan membuat calon pengunjung untuk masuk ke situs website tersebut. Search Engine mengambil informasi meta tag pada sebuah halaman website dan menampilkannya di list pencarian. Lalu apa itu meta [&hellip;]<\/p>\n","protected":false},"author":318,"featured_media":21150,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[1582,1580,1581],"class_list":{"0":"post-20862","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-seo","8":"tag-apa-itu-meta-tag","9":"tag-meta-tag","10":"tag-meta-tag-adalah"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/20862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/318"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=20862"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/20862\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/21150"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=20862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=20862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=20862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}