SEO cara membuat meta tag

SEO cara membuat meta tag

 

Assalamu’alaikum.

Beredar isu bahwa search engine terutama Google saat ini tidak begitu mementingkan meta tag ini. Tetapi setelah saya membaca beberapa sumber, saya tidak mendapatkan bukti nyata dari isu tersebut. kenapa saya bisa katakan hal tersebut. Ya terang saja. Jika mereka memahami apa sebenarnya fungsi dari meta tag pastilah mereka tidak mengatakan hal tersebut. Meta tag bukan cuma untuk SEO atau hal yang berhubungan search engine lainnya, Namun memiliki fungsi yang sangat luas bagi website itu sendiri. Berikut ini penjelasannya.

  1.    APA ITU META TAG?

Meta adalah elemen atau tag dalam bahasa pemrograman HTML atau XHTML yang berfungsi sebagai pemberi informasi meta data dari sebuah halaman web. Elemen meta ini harus diletakkan pada bagian “head” dalam HTML tersebut. Tag meta ini dapat dipakai juga untuk menyatakan deskripsi/keterangan dari suatu halaman web dan untuk menjelaskan mengenai kata kunci (keyword) yang terkait serta untuk meta data lain tanpa “head”. Secara umum, terdapat beberapa macam meta tag dengan fungsi yang berbeda. Beberapa fungsi tersebut misalnya meta title, keywords dan description.

  2.    CONTOH META TAG

Pada umumnya, meta tag memiliki 3 elemen penting untuk memberikan informasi sebuah website. Ketiga tersebut adalah:

<title>Title Website Anda</title>

<meta content=’Description Website Anda’ name=’description’/>

<meta content=’keyword Website Anda’ name=’keywords’/>

  3.    SUSUNAN META TAG

Sesuai dengan perkembangannya Ada beberapa tambahan meta tag elemen yang bertambah dan berkurang. Berikut ini penjelasan dari elemen-elemen meta.

  4.   META TITLE

Meta tag Title ini berfungsi untuk memberikan informasi title atau judul sebuah website.

<title>Title Website Anda</title>

  5.   META DESCRIPTION

Meta description berfungsi untuk memberikan informasi description/deskripsi website.

<meta content=’Description Website Anda’ name=’description’/>

  6.   META KEYWORD

Meta keyword berfungsi untuk memberikan informasi keyword/kata kunci website.

<meta content=’keyword Website Anda’ name=’keywords’/>

contoh pembuatan

<meta content='ZMA, elektro, komputer, SEO, ZMA elektro komputer, Teknologi, Terbaru, Teknologi terbaru, Informasi, Teknologi, Informasi teknologi' name='keywords'/>

  7.   META MOBILE/RESPONSIVE

Meta Tag ini berfungsi untuk menyesuaikan atau responsive tampilan website jika di akses melalui perangkat apa saja. Destop, mobile, android. Contoh:

<meta content=’width=device-width, initial-scale=1′ name=’viewport’/>

  8.   META TYPE CMS

Meta Type cms atau software website ini berfungsi untuk memberitahukan CMS website apa yang anda pakai dalam website tersebut. Contoh jika kita menggunakan blogger. Biasanya, jika kita menggunakan sebuah CMS pada website maka meta tag ini akan di tambah secara otomatis. Namun jika kita menyusun sendiri HTML atau apa saja dalam membuat website, maka meta tag ini harus kita tambahkan sendiri.

<meta content='blogger' name='generator'/>

  9.   META GOOGLE VERTIFIKASI

Meta tag ini berfungsi untuk memvertifikasi situs website di Google Webmaster atau Google Search Console. Contoh:

<meta content=’12345678900000’ name=’google-site-verification’/>

  10.                     META BING VERTIFIKASI

Meta tag ini berfungsi untuk memvertifikasi situs website di Bing. Contoh:

<meta content=’12345678900000’ name=’msvalidate.01’/>

  11.                     META GEO

Meta Geo berfungsi untuk menentukan lokasi. Biasanya akan di isi berdasarkan lokasi negara. Contoh:

<meta content=’Indonesia’ name=’geo.placename’/> atau <meta content=”id” name=”geo.country” />

  12.                     META AUTHOR

Meta Tag ini berfungsi untuk memberikan informasi Author atau penulis situs website.

<meta content='Zakky rakhmad' name='author' />

<link href='http://zakky67.blogspot.co.id/feeds/posts/default' rel='alternate'title='ZMA

Elektro Komputer - Atom' type='application/atom+xml'/>

<link href='http://zakky67.blogspot.co.id/feeds/posts/default?alt=rss' rel='alternate'title='ZMA Elektro Komputer - RSS' type='application/rss+xml'/>

  13.                      META BAHASA / HREFLANG

Meta tag ini berfungsi untuk menentukan sebuah laman dengan berbahasa berbeda di sesuaikan dengan user atau visitory. Biasanya, meta tag ini harus memiliki tautan timbal balik atau tautan meta tag yang saling berkaitan antara satu laman dengan laman lainnya yang berbeda bahasa. Contoh:

<link rel=”alternate” href=”http://zakky67.blogspot.co.id/” hreflang=”en-us” />
<link rel=”alternate” href=”http://zakky67.blogspot.co.id/id/” hreflang=”id-ID” />

Ø SOCIAL MEDIA META TAG

Seiring perkembangan dunia internet saat ini, Meta tag pun berkembang dan di sesuaikan berdasarkan kebutuhan. Jika meta tag diatas di peruntukkan kebayakan bagi search engine, Maka di bawah ini diperuntukkan bagi social media. Jika seseorang berbagi link atau artikel di social media, maka informasi website akan terlihat jelas.

  14.                     Title

<meta content='ZMA Elektro Komputer' property='og:title'/>

  15.                     Type

<meta content=’website’ property=’og:type’/>

  16.                     Favicon

<meta content='http://zakky67.blogspot.co.id/' property='og:url'/>

  17.                     Deskripsi

<meta content=’Deskripsi situs website anda’ property=’og:description’/>

  18.                     Site Name

<meta content='ZMA Elektro Komputer' property='og:site_name'/>

  19.                     Facebook App Id

<meta content='1087564474660146' property='fb:app_id'/>

  20.                     Facebook Admin

<meta content='100002198108638' property='fb:admins'/>

  21.                     Lokasi

<meta content='id_ID' property='og:locale'/>

  22.                     Sosmed Hreflang

<meta content='en_GB' property='og:locale:alternate'/>

<meta content='id_ID' property='og:locale:alternate'/>

  23.                     Twitter

<meta content='summary' name='twitter:card'/>

<meta content='Zakky rakhmad' name='twitter:title'/>

<meta content='@zakky_rakhmad' name='twitter:site'/>

<meta content='@zakky_rakhmad' name='twitter:creator'/>

 <meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>

      <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>

      <meta expr:content='data:post.title' name='twitter:title'/>

      <meta expr:content='data:blog.metaDescription' name='twitter:description'/>

       <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image:src' />

  24.                     LINK ELEMEN

Dalam meta elemen, anda harus melengkapi beberapa rel=link untuk memberitahukan beberapa hal. Berikut ini contohnya dan akan kita bahas secara lengkap di postingan berikutnya.

<link href='http://zakky67.blogspot.co.id/' rel='canonical'/>

<link href='/favicon.ico' rel='icon' type='image/x-icon'/>

<link href='https://plus.google.com/u/0/+zakkyrakhmad/posts' rel='publisher'/>

<link href='https://plus.google.com/u/0/+zakkyrakhmad/about' rel='author'/>

<link href='https://plus.google.com/u/0/+zakkyrakhmad/' rel='me'/>

Nah, itulah beberapa meta tag umum dan tambahan seiring perkembangan internet yang banyak di gunakan. Semoga artikel kali ini bermanfa’at untuk kita semua saya zakky salam blogger minang.

wassalam.

Share this

Share on FacebookPlus on Google+