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.
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.
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.
<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” />
<link rel=”alternate” href=”http://zakky67.blogspot.co.id/id/” hreflang=”id-ID” />
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='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.
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 != "static_page"'>
<---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 != "static_page"'>
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.
Subscribe to:
Comments (Atom)














