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.

cara mudah iklan adsense tidak muncul

Cara Mudah Supaya Iklan Adsense Tidak Muncul Pada Halaman  Privacy Policy, Disclaimer, About My Dan Juga Contact

Assalamu’alaikum.

Pada artikel sebelumnya kita telah membahas tentang bagai mana cara memasangiklan pada halaman postingan blog, tetapi apa bila kita sudah memasang iklan pada halaman secara otomatis iklan akan tampil pada halaman-halaman yang di larang oleh google yaitu sesuai dengan judul di atas. Maka oleh karena itu supaya google tidak menciduk kita sebaiknya kita perbaiki dulu supaya iklan tidak tampil pada halaman yang di larang google. Oleh karena itu mari kita lang sungsaja.

   1.      Yang pertama silahkan anda copykan scrip html tag di bawah ini.

 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
 <---iklan hasil parse disini--->
 </b:if>


   2.      Setelah anda copy kode tersebut kemudian anda masuk ke blog ada, klik template dan kemudian masuk ke edit html. 

   3.      Di tampilan html langkah selanjutnya anda cari kode iklan anda yang di pasang dalam template tersebut.

   4. Setelah ketemu kode iklan nya anda paste kan kode html yang sudah anda copy di atas dengan catatan iklan adsense anda di apit oleh kode html tersebut, untuk lebih jelasnya lihat gambar di bawah ini.


   5.      Lakukan cara seperti diatas pada setiap iklan yang anda tempelkan pada website atau blog tersebut.

   6.      Setelah iklan anda selesai di edit, terus simpan template (save). 

Sekarang anda sudah berhasil untuk tidak menampilkan iklan adsense di halaman Privacy policy, disclaimer, contact. Biar anda percaya silahkan anda coba cek halaman web atau blog sobat di halaman statis tersebut.

Kalau di blog anda memiliki iklan di dalam postingan lebih dari satu makan ulangi saja cara yang di atas. semoga artikel singkat ini bermanfa’at untuk kita semua saya zakky salam bloger minang.
wassalam.



Cara mudah membuat iklan berada di dalam postingan

Cara mudah membuat iklan berada di dalam postingan

Assalamu’alaikum.
Membuat iklan yang berada di dalam postingan itu sangat lah penting karena menempatkan iklan di tempat yang strategis akan menigkatkan harga perklik iklan tersebut dan juga akan meningkatkan klik pada iklan yang ada pada blog. dan cara ini sangat lah cocok untuk menigkatkan penghasilan di blog. Jadi bagi yang sudah penasaran mari kita lang sung saja.

  1.  masuk pada akun google adsense setelah itu klik pada bagian My ads dan setelah itu klik pada bagian ad Unit dan disini kita akan mencoba pada iklan yang besarnya 300X250 dan pilih bagian dapatkan kode perhatikan gambar dibawah.
   

  2.  Setelah mengklik bagian dapatkan kode sekarang akan terbuka jendela baru seperti gambar dibawah, nah searang kopy semua scrip yang ada pada tanda kotak hitam perhatikan gambar dibawah.


setelah itu kunjungi halaman web ini blogcrowds karena scrip tadi belum berbentuk HTML maka terlebih dahulu kita akan memparse terlebih dahulu scirp tersebut menjadi HTML baru kita bisa memasang kode tersebut.

  3. Setelah anda masuk pada halaman parsenya maka pastekan kode tadi di dalam kolom parse tersebut seperti gambar di bawah ini.

setelah itu tekan tombol parse maka akan ada jendela hasil parse tadi seperti gambar di bawah ini.

Maka sekarang copykan seluruh scrip yang telah di parse tedi, nah sekarang kita masuk pada blog user panel.

  4.  Setelah masuk pada blog user panel disini kita pilih bagian tema lalu edit HTML seperti pada gambar di bawah ini.
 

  5. Setelah itu klik pada kolom HTML dan tekan CTRL + F untuk mempermudah pencarian kode HTML yang kita tuju, setelah itu ketik kode berikut data:post.body kalau blog anda memiliki data:post.body lebih dari satu maka cari data:post.body yang di bawahnya scrip seperti ini.
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> tetapi kalu anda susah untuk menentukannya bisa dengan cara manual yaitu coba satu persatu data:post.body tersebut.

  6. Setelah kita menemukan data:post.body tersebut maka pastekan scrip iklan yang telah di parse tadi tetapi sebelum di paste copykan terlebih dahulu scrip ini <div style='text-align:center'> pas di atas data:post.body dan juga scrip penutup ini </div> juga di atas data:post.body dan setelah itu baru kita akan memasang scrip iklan tadi di antara scrip <div style='text-align:center'> dan </div> cara kali ini adalah cara untuk menempatkan iklan di atas postingan dan juga bagian bawah postingan perhatikan gambar berikut. sebagai contoh penempatan iklan klik disini

  7. Setelah itu kita simpan tema lalu cek di halaman postingan blog apakah iklan sudah tampil atau belum kalau belum mungkin data:post.body tersebut tidak bisa di pasang kode iklan coba dengan data:post.body yang lain dan salah satu dari yang ada tersebut pasti ada yang bisa di pasang kode iklan.

Tetapi dengan cara ini kita secara otomatis akan melanggar kebijakan google yaitu tidak boleh menempatkan iklan di dalam halaman privacy policy, disclaimer, about my dan juga contact, lalu bagaimana ini nanti bisa bisa kita kena banet?, jangan takut klik disini untuk menonaktifkan iklan di dalam halaman tersebut.

note: ukuran pada iklan dan posisi iklan bisa ditukar sesuai kebutuhan anda masing-maisng. dan bagi anda yang belum di terima oleh google adsense maka bisa baca di sini.


semoga artikel kali ini bermanfa’at saya zakky salam bloger minang wassalam.

Fungsi setiap menu pada blog yang sering digunakan

Fungsi setiap menu pada blog

Assalamu’alaikum.
Selamat pagi, siang, sore dan malam teman-teman semua dimanapun teman-teman berada walaupun diujung dunia sekalipun saya akan tetap mendo’akan semoga pada hari ini kita selalu diberi perlindungan oleh sang maha pencipta dari semua kegiatan yang ita lakuka dan setiap kegiatan yang akan kita lakukan jangan lupa untuk membaca Bismillahirrahmanirrahim.

Pada sebelumnya kita sudah membaha tentang apa yang harus dipersiapkan sebelum ngeblog dan apabila kita telah melengkapi semua persiapan tersebut sekarang kita tinggal memulainya, tetapi sebelum kita memulai untuk menulis sebaiknya kita harus mengenal menu-menu yang ada pada blog tersebut.

Menu-Menu Posting Blog berguna untuk membuat Artikel yang akan kita publish menjadi lebih menarik untuk ditampilkan sehingga membuat pengunjung blog akan terasa nyaman dengan melihat tampilan artikel yang sudah kita buat dengan memaksimalkan fungsi menu-menu posting pada blog buatlah artikel Anda sebagus mungkin mulai dari bahasa susunan kalimat dan tata letak gambar atau video bila ingin menambahkanya diartikel. Nah untuk itu mari kita langsung saja fungsi setiap menu dalam blog yang sering digunakan orang. Kita akan mengurutkannya seperti pada gambar dibawah ini.

 1.   Cospose dan HTML
Cospose adalah user interface berbasis WYSIWYG atau What You See is What You Get yang artinya apa yang kamu lihat itu yang kamu dapatkan. istilah lainya mode preview. Jadi apa yang kita ketikan pada halaman itu juga yang kita dapatkan pada hasilnya nanti.

HTML adalah User Interface berbasis script. Mode ini adalah kebalikan nya dari Cospose tadi disini kita memerlukan bahasa kode untuk menjalankannya. Misalnya kita memeerlukan tulisan miring atau bergaris bawah maka kita memerlukan kode tertentu untuk menulisnya.

 2.   Menu format huruf
Menu ini sama perisi kegunaannya pada MS atau microsoft word seperti memperbesar huruf, menentukan font atau jenis tulisan pada postingan, mempertebal huruf, membuat posisi miring pada huruf, garis bawah, warna furuf dan juga warna latar huruf.

 3.   Undo dan Redo
Undo dan redo ini sama halnya dengan undo dan repeat pada MS atau microsoft word cara menggunakan fitur ini yang lebih mudah adalah tekan aja tombol ctrl + Z untuk undo dan ctrl + Y untuk redo/repeat. kegunaan dari firtur ini adalah untk mengembalikan sesuatu apabila terhapus atau hilang.

 4.   Entri atau Judul Postingan
Kegunaan dari fitur ini adalah untuk memberi judul pada postingan yang aka kita pos intat buatlah judul postingan semenarik mungkin.

 5.   Menu Link, Gambar, Video, Spesial Characeters, Aligt, Bullet And Numbering
Link  berguna untuk menghubungkan sebuah kata pada artikel lain misalnya baca juga atau klik disini. untuk caranya bisa klik disini.

Gambar berguna untuk memasukan gambar padapostingan kita. usahakan gambar yang kita masukan memiliki kaitan dengan postingen yang kita buat.

Video berguna untuk memasukan video ke postingan kita video bisa langsung dari yooutube atau juga bisa dari galeri kita.

Spesial Characeters memiliki fungsi yang sama dengan symbols pada microsoft word yaitu memberikan simbol-simbol tertentu yang terkait dengan postingan kita dan pada blog menu ini juga bisa menampilkan emotikon.

Alight adalah untuk mengatur posisi dari postingan kita dan pengaturan posisi ini samahalnya dengna pengaturan posisi pada microsoft word daya rata kiri, rata kanan, rata tengah dan rata kiri kanan.

Bullet and numbering adalah untuk memberikan tanda atau angka urutan pada postingan fitur ini sangat berguna apabila postingan kita mengandung tata cara sesuatu.

 6.   Label
Memberi Label pada postingan di Blog salah satu hal yang cukup penting yang harus dilakukan, penggunaan label ini berguna untuk mengelompokkan postingan di blog kita bedasarkan kategori-kategori tertentu. Contoh dari penggunaan label ini adalah #tutorial/cara. tetapi sebenarnya tanpa menggunakan tanda # pun juga tidak masalah.

 7.   Jadwal
Sebenarnya secara otomatis, tanpa kita ubah jadwal sebuah postingan tanggalakan terset secara sndirinya. Maka tulisan tersebut akan langsung tertayang dan bisa langsung dilihat oleh publik. Tetapi dengan adanya jadwal ini kita bisa mengatur jadwal penayangan kapan tulisan kita terpublis secara otomatis.

 8.   Tautan Permanen
Ada dua opsi pada fitur tautan permanen (Permalink) di menu setelan entri, yaitu :

URL Otomatis, Opsi ini digunakan apabila judul artikel anda tidak terlalu panjang, artinya, saat anda mengetikkan judul, tidak ada kata yang tepotong.

URL Khusus, Opsi ini digunakan apabila judul artikel panjang, kita sendiri yang menentukan bagaimana permalink untuk judul artikel.

Catatan : Untuk menggunakan Opsi URL Khusus, sebagai pemisah kata tidak diperbolehkan menggunakan spasi, tanda hubung yang diijinkan yakni, a-z, a_z, a.z.

Fitur tautan permanen juga mengijinkan adanya perbedaan judul artikel di blog dan alamat link judulnya, seperti dapat kita liat pada judul artikel ini, link dan judulnya sudah berbeda kan.

 9.   Lokasi
Lokasi berguna untuk memberitahukan kepada pembaca dimana posisi kita pada saat mengpost asrtikel tersebut.

 10.                     Pilihan

Menu Pilihan ini berisi beberapa pilihan seperti pada gambar diatas pada menu ini kita bisa mengatur postingan yang kita punya tetapi biasanya orang menggunakan menu ini untuk menutup kolom komentar pada sebuah postingan.

 11.                     Publikasi, Simpan, Pratinjau Dan Tutup
Publikasikan berguna untuk mempublis atau memposting tulisan yang kita buat

Simpan berguna untuk menyimpan tulisan kita sebagai draf dan ini sama halnya dengan CTRL + S.

Pratinjau berguna untuk mempreview atau melihat hasil dari tampilan postingan yang akan kita posting dan ini sangatlah penting dilakukan sebelum kita posting.

Tutup berguna untuk menutup halaman postingan dan secara otomatis disimpan sebagai draf

 12.                     Halaman postingan
Halaman postingan ini sama halnya dengan halaman pada sebuah microsoft word dimana disini lah kita bisa ketik masukan gambar dan juga video.

Nah itulah 12 menu yang sering digunakan pada blog walaupun yang terakhir tidak termasuk dalam sebuah menu hehehehe. Nah semoga artikel kali ini bermanfa’at untuk kita semua saya zakky salam bloger minang.

wassalam.