Jadilah Blogger Indonesia Sukses

Wednesday, April 17, 2013

Cara Memasang Meta Tag SEO Lengkap

Cara Memasang Meta Tag SEO Lengkap - Halo Assalamualikum Sobat :) Posting seputar Seo akan terus dimuat di blog ini, nah kali ini kita akan membahas juga tentang Tutorial membuat Blog lebih SEO. Mungkin bagi blogger pemula dan baru belum begitu mengerti apa itu meta tag, namun disini kita akan sama sama belajar dan membahas nya bersama, intinya saling berbagi ilmu ilmu baru.

Cara Memasang Meta Tag SEO Lengkap
Cara Memasang Meta Tag SEO Lengkap | SEO BloggerID

Cara Memasang Meta Tag SEO Lengkap Meta adalah elemen tag yang digunakan dari bahasa HTML dan XHTML, diaplikasikan untuk metadata suatu website dan blog. Pasti nya bingung ya, saya juga bingung maksudnya gimana, tapi tidak perlu pusing memikirkan nya ya. Meta tag juga sering digunakan untuk menginformasikan deskripsi suatu blog dan menentukan apa kata kunci (keyword) blog atau website tersebut.

Nah, langsung saja setelah penjelas sedikit diatas, begini lah tahap tahapan Cara Memasang Meta Tag SEO yang Lengkap

1. Tentu anda harus login ke blogger , lalu buka Template > Edit HTML
2. Centang Expand Widget Template, namun hal itu sudah tidak perlu lagi. Dan sekarang kita perlu mencari kode <head> agar memudahkan pencarian, gunakan saja CTRL+F
3. Setelah ketemu , copy paste kode di Meta Tag SEO Lengkap di bawah ini dan tempelkan dibawah kode <head> tadi


<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title><meta content='DESKRIPSI BLOG SOBAT' name='description'/>
<meta content='KATA KUNCI BLOG SOBAT ' name='keywords'/>
<meta content='NAMABLOG.blogspot.com' name='subject'/>
<meta content=' MENGGAMBARKAN BLOG SOBAT (DESKRIPSI)' name='Abstract'/>
<b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if><meta expr:content='data:blog.pageName + &quot; DESKRIPSI HALAMAN YANG SEDANG DIBUKA&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot; KATA KUNCI HALAMAN YANG SEDANG DIBUKA&quot;' name='keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='Abstract'/>
<b:else/>
<meta content='http://NAMABLOG.blogspot.com/' name='copyright'/>
<meta content='NAMA SOBAT' name='author'/>
<meta content='Aeiwi, Alexa, AllTheWeb, AltaVista, AOL Netfind, Anzwers, Canada, DirectHit, EuroSeek, Excite, Overture, Go, Google, HotBot. InfoMak, Kanoodle, Lycos, MasterSite, National Directory, Northern Light, SearchIt, SimpleSearch, WebsMostLinked, WebTop, What-U-Seek, AOL, Yahoo, WebCrawler, Infoseek, Excite, Magellan, LookSmart, bing, CNET, Googlebot' name='search engines'/>
<meta content='KODE VERIFIKASI Alexa' name='alexaVerifyID'/>
<meta content='UTF-8' name='Charset'/>
<meta content='Global' name='Distribution'/>
<meta content='information' name='classification'/>
<meta content='General' name='Rating'/>
<meta content='INDEX FOLLOW' name='Robots'/>
<meta content='document' name='resource-type'/>
<meta content='follow,all' name='robots'/>
<meta content='INDEX,FOLLOW, all' name='robots'/>
<meta content='1 days' name='revisit'/>
<meta content='1 Days' name='Revisit-after'/>
<meta content='ID' name='language'/>
<meta content='ID' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='index,follow,snipet' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<META CONTENT='NOODP' Name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<link expr:href='data:blog.url' rel='canonical'/>

Sangat lengkap bukan? Jangan lupa untuk mengganti tulisan yang berwarna ORANGE sesuai kondisi dan situasi blog anda ya !

4. Dan tinggal save atau simpan template saja.

Setelah memasang Meta Tag ini tentu anda berharap blog nya dapat lebih SEO lagi. Dan jangan lupa untuk memasang Permalink di setiap blog nya ya, bisa di baca di Cara Membuat Permalink SEO di Blog yang juga tidak kalah penting nya.

Sekain dulu posting kali, terima kasih dan semoga bermanfaat ^_^
Akbaromadhon Tutorial SEO

Cara Membuat Permalink Lebih SEO Di Blog

Membuat Permalink Lebih SEO Di Blog - Halo Assalamualikum :) Nah posting ketiga pada hari ini, saya akan membuat sebuah tutorial yang sangat bermanfaat untuk blogspot anda. Kali ini saya akan Posting tentang Cara Membuat Permalink Lebih SEO Di Blog.

Cara Membuat Permalink Lebih SEO Di Blog
Cara Membuat Permalink Lebih SEO Di Blog | SEO Blogger 

Cara Membuat Permalink Lebih SEO Di Blog - Permalink atau 'Permanent Link' merupakan alamat permanen suatu link di sebuah postingan. Permalink yang terdapat di blogger dan wordpress itu beda, dan kali ini kita hanya akan membahas tentang Permalink yang ada di Blogger saja.

Nah, langsung saja kita cari tahu bagaimana cara membuat dan memasang permalink yang lebih seo di blogger anda.

Pertama, anda tentu perlu login ke blogger terlebih dahulu, lanjut ke Template > Edit HTML > dan sebenarnya kita harus centang Expand Widget Template terlebih dahulu, namun sekarang sudah tidak perlu lagi, akibat tampilan baru blogger kali ini.

Kedua, anda perlu mencari kode ini di dalam sana ]]></b:skin> bisa menggunakan CTRL+F agar dapat memudahkan anda dalam menemukannya. Setelah ketemu, anda perlu men copy paste kan kode di bawah tepat di atas kode ]]></b:skin>

.permalink-seobloggerindonesia{border:1px solid #efefef;padding:5px;background:transparent;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px}

Ketiga, kali ini anda perlu mencari kode <data:post.body/> . Kemudian kalian perlu men copy paste kode dibawah ini tepat dibawah kode <data:post.body/>


<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
<div class='permalink-seobloggerindonesia' style='padding:5px 5px 5px 5px; overflow: auto; width: auto; height: auto; text-align: justify;'>
<small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>. Anda boleh menyebarluaskan atau mengcopy artikel <strong><data:blog.pageName/></strong> ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.</small></div>
</b:if>
</b:if>

Dan selesai , lalu tekan simpan atau save template. Nah dengan Permalink diatas blog anda akan menajdi sedikit lebih SEO dibanding sebelumnya. Masih belum tau , ini nih screen shot yang mana permalink itu, lihat yang didalam kotak ya

Cara Membuat Permalink Lebih SEO Di Blog
Cara Membuat Permalink Lebih SEO Di Blog | SEO Blogger


Ya, kalian juga perlu menggunakan Template yang SEO friendly, Valid HTML5 CSS3, juga Fast Loading , bisa kalian lihat disini Download Template SEO Friendly Valid HTML5 CSS3 FAST LOADING 

Sekian dulu dan Semoga Bermanfaat , Terima Kasih ^_^
Akbaromadhon Tutorial SEO

Download Template SEO Valid HTML5 CSS3 Fast Loading for Blogger

Download Template SEO Valid HTML5 CSS3 Fast Loading for Blogger - Halo Assalamualaikum :) Diposting kedua saya akan membuat posting tentang Template SEO Valid HTML5 CSS3 Fast Loading for Blogger. HTML5 dan CSS3 tentu merupakan versi terbaru dari versi versi sebelumnya, dan memiliki kelebihan kelebihan nya.

Tujuan dibuatnya HTML5 antara lain:

  • Fitur baru harus didasarkan pada HTML, CSS, DOM , dan JavaScript. 
  • Mengurangi kebutuhan untuk plugin eksternal (seperti Flash).
  • Penanganan kesalahan yang lebih baik.
  • Lebih banyak markup untuk menggantikan scripting.
  • HTML5 merupakan perangkat mandiri.
Fitur baru dalam HTML5 :

  • Unsur kanvas untuk menggambar.
  • Video dan elemen audio untuk media pemutaran.
  • Dukungan yang lebih baik untuk penyimpanan secara offline.
  • Elemen konten yang lebih spesifik, seperti artikel, footer, header,
  • navigation, section.
  • Bentuk kontrol form seperti kalender, tanggal, waktu, e-mail, URL, search.
Beberapa kelebihan yang dijanjikan pada HTML5:
  • Dapat ditulis dalam sintaks HTML (dengan tipe media text/HTML) danXML.
  • Integrasi yang lebih baik dengan aplikasi situs dan pemrosesannya.
  • Integrasi ('inline') dengan doctype yang lebih sederhana.
  • Penulisan kode yang lebih efisien.
  • Konten yang ada di situs lebih mudah terindeks oleh search engine.
Dan berikut ini template nya 

DarkRed






BlueBuzz


DEMO | DOWNLOAD 

Thesis SEO Blogger Template
Thesis_for_blogger_carakupedia





Fast SEO Friendly Valid HTML5

DEMO | DOWNLOAD

Masih banyak lagi sebenarnya, namun hanya ini dulu yang dapat kami share, semoga bermanfaat ^_^
Akbaromadhon Template SEO

Posting Pertama Blog Ini

Loren Ipsum Loren Ipsum

test test test

admin ganteng adhly brandalanpildz :v

Heading 1

Heading 2

Heading 3

Akbaromadhon