Browsing "Older Posts"

Home » Valid HTML5

Meta Tag SEO Valid HTML5

Apa Itu Meta Tag dan Funsinya?
Halo Sobat - Sobat Arnoldi Technology Kali Ini Aldi Mo Share tentang "Meta Tag SEO Valid HTML5"
Sebelum Itu Kalian Bisa Baca artikel ini terlebih dahulu seputar META TAG .
1. Apa Itu Meta Tag ?
2. 20 Tips SEO
Menurut Wikipedia

Mesin pencari atau Search engine adalah program komputer yang dirancang untuk melakukan pencarian atas berkas-berkas yang tersimpan dalam layanan www, ftp, publikasi milis, ataupun news group dalam sebuah ataupun sejumlah komputer peladen dalam suatu jaringan. Search engine merupakan perangkat pencari informasi dari dokumen-dokumen yang tersedia. Hasil pencarian umumnya ditampilkan dalam bentuk daftar yang seringkali diurutkan menurut tingkat akurasi ataupun rasio pengunjung atas suatu berkas yang disebut sebagai hits. Informasi yang menjadi target pencarian bisa terdapat dalam berbagai macam jenis berkas seperti halaman situs web, gambar, ataupun jenis-jenis berkas lainnya. Beberapa mesin pencari juga diketahui melakukan pengumpulan informasi atas data yang tersimpan dalam suatu basisdata ataupun direktori web.
Sebagian besar mesin pencari dijalankan oleh perusahaan swasta yang menggunakan algoritma kepemilikan dan basisdata tertutup, di antaranya yang paling populer adalah Google (MSN Search dan Yahoo!). Telah ada beberapa upaya menciptakan mesin pencari dengan sumber terbuka (open source), contohnya adalah Htdig, Nutch, Egothor dan OpenFTS.
Dan Inilah Meta Tag SEO Friendly Valid HTML5 Menurut saya


<!--Alexa ID Anda-->
<meta charset='utf-8'/>
<!--[if IE]> <meta name='MSSmartTagsPreventParsing' content='true'/> <script src="http://goo.gl/DQpCA"></script> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<b:if cond='data:blog.searchLabel'/>
<b:if cond='data:blog.searchArchive'/>
<b:if cond='data:blog.isMobile'/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='all' name='robots'/></b:if>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
<meta content='google-site-verification Anda' name='google-site-verification'/>
<meta content='blogger' name='generator'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='general' name='rating'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='http://arnoldi-technology.blogspot.com/feeds/posts/default' rel='alternate' title='Arnoldi Technology | BaelNo - Atom' type='application/atom+xml'/>
<link href='http://arnoldi-technology.blogspot.com/feeds/posts/default?alt=rss' rel='alternate' title='Arnoldi Technology | BaelNo - RSS' type='application/rss+xml'/>
<link href='http://www.blogger.com/rsd.g?blogID=125942578138236860' rel='EditURI' title='RSD' type='application/rsd+xml'/>
<link href='http://arnoldi-technology.blogspot.com/' rel='openid.delegate'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content=' Ganti Dengan Diskripsi Anda' name='description'/>
<meta content=' Ganti Dengan Keyword Anda ' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Abstract'/>
<meta expr:content='data:blog.pageName' name='keywords'/>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.metaDescription' name='Abstract'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageName/> |  Category</title>
<meta expr:content='data:blog.pageName + &quot; ok? &quot; + data:blog.title + &quot; category &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot; ok? &quot; + data:blog.title + &quot; category &quot; + data:blog.pageName' name='Keywords'/>
<meta expr:content='data:blog.pageName + &quot; ok? &quot; + data:blog.title + &quot; category &quot; + data:blog.pageName' name='Abstract'/>
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
Jika Mengalami Error Tambah Kode :
</b:if> Dibawah Kode ]]></b:skin>
Sekian Tentang  " Meta Tag SEO Valid HTML5 "

Wednesday, 23 January 2013

Cara Membuat Blog Valid HTML5 Part 2

HTML5
Halo Semua Sesuai Post Saya yang " Cara Membuat Blog Valid HTML5 "
Saya Akan share lagi cara membuat blog valid html5
Walaupun Sebenarnya Caranya SUANGAT banyak agar blog valid html5 jadi saya share dikit
Dan ini salah satu caranya Yaitu Dengan cara

1. Hapus kode kode <b:include data='blog' name='all-head-content'/>
2. Hilangkan Navbar dengan meletakkan kode <!-- <body><div></div> --> diatas kode <body>
3. Hilangkan tanda "----------" misalnya :
 /*--------- header ---------*/   
 hapus tanda
 "--------" 
sehingga menjadi
/* header */
 4. Cari Kode di bawah Ini
<b:include name='nextprev'/> 
dan ganti menjadi :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
Dan Save Dan liat di W3C Cek Pasti EROR/Warningnya berkurang
Wednesday, 2 January 2013

Cara Membuat Blog Valid HTML5

HTML5
Hello All Kali ini aldi Mo share tentang Cara Membuat Blog Valid HTML5
Yang Akan Saya Share Hanyalah Sedikit Dulu
Nanti Pada Post Berikutnya Akan Lebih Lengkap
Oke Nih Caranya :
Silahkan Cari Kode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 Lalu Gantikan Dengan Kode
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
Jangan Di Save Dulu
lalu Tambahkan Kode
<meta charset='utf-8'/>  Di Bawah Kode <head>
 Setelah Itu Cari Kode Dibawah ini
</html> Dan Ganti Dengan Kode Ini </HTML>
Setelah Itu Carilah Kode Di Bawah Ini Dan Hapus
<a expr:name='data:post.id'/> 
Lalu Cari Kode Dibawah ini dan hapus
<b:include name='quickedit'/>
Dan Fixlah Posting Posting Blog Sobat Yang Kode Gambar
Kode Yg Benar Dan Valid HTML5 ada Kode seperti Di Bawah Ini
<a href="http://url anda" title="Title"><img alt="kode gambar" src="http://gambar.jpg"></a>
Gantilah Kode Warna Biru Dengan Link Anda
Gantilah Kode Warna Hijau Dengan Text Anda
Gantilah Kode Warna Ungu Dengan Link Gambar Anda 


Tunggu Post Saya Yg terbaru Untuk Lanjutan Tentang Cara Membuat Blog Valid HTML5 Yg baru





Cara Membuat Tombol Google+1 Valid HTML5

W3C
Cara Membuat Tombol Google+1 Valid HTML5, Membuat Tombol Google+1 Valid HTML5 di W3C, membuat google plus one valid HTML 5 di Blogspot sebenarnya sangat mudah, caranya simple dan hanya sedikit kode saja yang perlu ditambahkan. Pada posting sebelumnya, Saya pernah membuat artikel mengenai Membuat Template Blogspot Valid XHTML - Update, Saya akui bahwa membuat vslid xhtml blogger template 100% itu sangat sulit, namun disisi lain google telah memberikan jalan lain untuk membuat template blogspot nya valid di W3 Markup Validation Service, yaitu dengan cara membuat template blogspot valid HTML5.

Mengapa Saya katakan valid HTML5? Hal ini karena Saya sudah membuktikannya sendiri dengan menggunakan template yang sedang saya gunakan ini. Bayangkan, Saya butuh proses waktu selama satu minggu untuk mengatasi validasi html 5 template blogspot ini, ya karena fasilitas koneksi internetnya juga terbatas. Dan satu hal yang terasa sulit bagi saya yaitu bagaimana agar widget Google+ atau googleplusone bisa valid HTML5 di W3, dan google plus one ini juga yang merupakan proses akhir dalam mem validkan template blog sederhana ini.

Baiklah, tidak usah berbelit-belit! Kita langsung saja mempraktekannya, dan ini adalah step atau langkah bagaimana Membuat Google PlusOne atau Google+1 Valid HTML5 di Blogspot:

Pertama pastinya Anda harus sudah login dulu ke blogger.com, kemudian buka template Anda dan tambahkan kode valid HTML5 GooglePlusOne berikut ini dan tempatkan pada area sesuka Anda:
<div class='g-plusone' data-count='true' data-size='standard'/>
 Perhatikan data-size standard berwarna merah, itu adalah ukuran tombol google+ yang akan muncul. Jadi, Anda dapat mengubahnya dengan ukuran lain misalnya; medium, small, dll. kemudian Save Template Anda dan test di W3C Markup Validation Service.

Sudah valid HTML5 Kan?

Sekian dulu artikel mengenai  Cara Membuat Tombol Google+1 Valid HTML5 di Blogspot, semoga bermanfaat bagi Anda.

Source : http://mahesaputra-id.blogspot.com/2012/05/cara-membuat-tombol-google1-valid-html5.html
Tuesday, 1 January 2013