Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Loading...
Seo Master present to you: Ada banyak Tips SEO untuk meng-optimasi blog ato website anda agar SEO friendly. Baik melalui on-page SEO ataupun off-page SEO. Salah satu teknik SEO paling tua tapi masih juga efektif adalah dengan melakukan optimasi pada html meta tag, baik meta title tag, meta keyword tag maupun meta description tag. Kenapa tips seo kuno yang satu ini masih juga eksis ?

Karena umumnya robot crawler Search engine semisal google akan terlebih dahulu mengunjungi bagian ini di banding dengan bagian-bagian yang lain. Jadi bisa dikatakan, HTML Meta Tag ini merupakan penuntun untuk crawler ketika mereka mengakses dan kemudian mengindeks blog kita di search engine. Yuk kita bahas tips SEO yang satu ini

Teknik dan Tips SEO kali ini akan fokus pada blog berplatform blogspot, loh knapa begitu? apa wordpress ga bisa? Tentu saja bisa. Pada blog berplatform wordpress seperti blog ini, penggunaan trik ini tidak diperlukan lagi. Anda tinggal instal wordpress plugin all in one SEO pack, beress.

Meta Title Tag
Yang akan kita bahas disini adalah bagaimana caranya agar title/ judul dari tiap halaman bisa muncul pada hasil pencarian. Karena secara default, judul yang tampil pada indeks di mesin pencari adalah judul global dari blog, bukan judul dari masing2 posting. untuk melakukan hal ini, ikuti langkah2 berikut :
1. Login ke account blogger anda,
2. Pada dashboard, pilih edit layout–> edit HTML
3. Cari kode title tag bawaan blogspot seperti dibawah ini, lebih mudah bila anda menggunakan ctrl+F

<title><data:blog.pageTitle/></title>
4. Setelah kode tag tadi ketemu, highlight (blok) lalu ganti dengan kode dibawah ini:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

5. Klik Save Template untuk menyimpan perubahan.

Meta Description Tag

Meta Description Tag ini berfungsi memberi tahu crawler mesin pencari tentang garis besar dari keseluruhan isi web atau blog kita. Deskripsi yang baik adalah yang singkat, padat dan jelas, sebisa mungkin kata kunci utama diletakkan ada awal kalimat deskripsi ini. Selain itu, hindari pengulangan keyword yg berlebihan, sebaiknya deskripsi ini tidak lebih dari 160 karakter. cara memasang meta description tag sebagai berikut

1. Login ke account blogger anda,
2. Pada dashboard, pilih edit layout edit HTML
3. Cari kode <head>, lalu masukkan kode berikut ini dibawahnya, sebelum kode </head>, lebih mudah bila anda menggunakan ctrl+F
<meta content='disini tempat anda menuliskan deskripsi blog anda secara singkat dan jelas' name='description'/>
ganti tulisan berwarna merah diatas dengan deskripsi blog anda, lalu klik save template untuk menyimpan perubahan.

Meta Keyword Tag

Meta Keyword Tag ini adalah tempat anda menaruh daftar keyword atau kata kunci yang anda tuju pada web atau blog anda, dengan tujuan agar crawler search engine menaruh perhatian lebih pada kata kunci atau keyword2 tersebut. Keyword sebaiknya terdiri dari dua kata atau lebih (keyphrase), karena orang mengetikkan kata kunci pada kotak pencarian di mesin pencari umumnya lebih dari satu kata, misal kata kunci belajar ngeblog atau SEO tutorial. cara memasang meta keyword tag ini adalah sebagai berikut.

1. Login ke account blogger anda,
2. Pada dashboard, pilih edit layout edit HTML
3. Cari kode <head>, lalu masukkan kode berikut ini dibawahnya, sebelum kode </head>, lebih mudah bila anda menggunakan ctrl+F
<meta content='keyword1, keyword2, keyword3, keyphrase1, keyphrase2, keyphrase3' name='keywords'/>

ganti tulisan berwarna merah diatas dengan keyword atao keyphrase yang anda bidik pada blog anda, lalu klik save template untuk menyimpan perubahan

untuk lebih jelasnya lihat contoh di bawah:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' 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'>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='isi menurut petunjuk di atas' name='description'/>
<meta content='isi menurut petunjuk di atas' name='keywords'/>
Demikianlah SEO Tutorial | Blogger sederhana yang sedikit banyak akan membantu menaikkan SERP web atau blog anda. semaga bermanfaat.

SEO Tutorial Blogger
2013, By: Seo Master

seo Optimasi HTML Meta Tag 2013

Seo Master present to you:

 It is great tutorial about floating notification bar for Blogger. This cool feature is very easy to Include in your blog. First simply copy the codes below and paste it in your Blogger and that’s it. You can also customize it.



Log In your Blogger account. Then go to Blogger Dashboard >Template> Edit HTML



Find <body> tag. Copy the codes below and paste it after <body> tag.
Then copy below code and paste it.

Copy This Code


<!-- Notification code start -->
<style type='text/css'>
#ut-sticky
{
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 6%, #7d7e7d 9%, #0e0e0e 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#7d7e7d), color-stop(9%,#7d7e7d), color-stop(99%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 6%,#7d7e7d 9%,#0e0e0e 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 6%,#7d7e7d 9%,#0e0e0e 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 6%,#7d7e7d 9%,#0e0e0e 99%); /* IE10+ */
background: linear-gradient(top,  #7d7e7d 6%,#7d7e7d 9%,#0e0e0e 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#7d7e7d&#39;, endColorstr=&#39;#0e0e0e&#39;,GradientType=0 ); /* IE6-9 */
border-bottom:2px solid #999;
color:#fff;
text-align: center;
margin:-12px auto;
padding-bottom:1px;
border-top: 1px solid #333;
height:38px;
font-size:13px;
position:fixed;
vertical-align: baseline; overflow:hidden;
z-index:999;
width:100%;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
display:block;
font-weight: bold;
font-family: arial,&quot;Helvetica&quot;;
font-color:#fff;
 -moz-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
 -webkit-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
}
#ut-sticky:hover
{
background-color:#333;background-image:-moz-linear-gradient(top,#555555,#434343);background-image:-ms-linear-gradient(top,#555555,#434343);background-image:-webkit-gradient(linear,0 0,0 100%,from(#555555),to(#434343));background-image:-webkit-linear-gradient(top,#555555,#434343);background-image:-o-linear-gradient(top,#555555,#434343);background-image:linear-gradient(top,#555555,#434343);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#555555&#39;,endColorstr=&#39;#434343&#39;,GradientType=0)
-webkit-transition:all 1.3s ease-in-out;-moz-transition:all 1.3s ease-in-out;-o-transition-duration:all 1.3s ease-in-out;transition:all 1.3s ease-in-out;
 -moz-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
 -webkit-box-shadow: 0 2px 4px hsla(0,0%,0%,.35);
}
#ut-button {background:#fff; padding:4px; color:black;text-shadow:0 -1px 0 rgba(255,255,255,0.25);background-color:white}
#ut-sticky p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;}
#ut-sticky p a{ text-decoration:underline; padding:4px; color:#FFFF33;}
.ut-cross{display:block; position:relative; right:15px; top:4px;float:right;}
.ut-cross a{font-size:18px; font-weight:bold; font-family:&quot;Arial&quot;; color:#FF0000; line-height:30px;}
.ut-cross, a:hover{color:#DDD; text-decoration:none;}
</style>
<div id='ut-sticky'>
<p style='padding-top:17px;'>Welcome To Entertainment<a class='ut-button' href='http://www.entertainer001.tk/2012/06/how-to-add-floating-notification-bar-in.html' target='_blank'>Get this!</a></p>
<div class='ut-cross'><a href='javascript:hide_cross();'>X</a></div>
</div>
<script language='JavaScript'>
function hide_cross() {
crosstbox = document.getElementById(&quot;ut-sticky&quot;);
crosstbox.style.visibility = &#39;hidden&#39;;
}
</script>
<br/><br/>
<br/><br/>
<!-- End of Notification code, info - http://www.entertainer001.blogspot.com -->


Change red color with your message.

Save template.


2013, By: Seo Master

seo How To Add Floating Notification Bar In Your Blogger 2013

Seo Master present to you: Rangking Alexa merupakan perhitungan banyaknya lalu lintas kunjungan ke blog kita, semakin banyak kunjungan ke blog kita maka semakin kecil jumlah nominal angka blog kita di mata Alexa, dan ini merupakan tanda yang baik meskipun angka toolbar alexa kadang membingungkan. Alexa memang menerapkan logika terbalik dengan ranking google, jika blog kita sudah dianggap “penting” google, maka akan semakin naik jumlah angka nominal blog kita pada google, sedangkan Alexa, semakin banyak blog kita dikunjungi blogger lainnya, semakin kecil angka nominal kita pada Alexa.

Alexa menentukan rating blog Anda. Semakin tinggi peringkat suatu blog, semakin banyak “pekerjaan / tugas” yang Anda akan menerima, dan semakin banyak pula uang yang mengalir ke paypal anda. Ada beberapa tips yang dapat meningkatkan rangking blog di mata Alexa. antara lain:

Alexa Widget

Pasang Alexa widget di website anda . Alexa site stat ini mengandung javascript yang mengantarkan setiap data pengunjung (ping) ke server Alexa sehingga statistik Alexa menjadi lebih akurat. Scriptnya bisa diambil di Website Alexa. Tinggal copy paste. Tidak perlu malu memasang Alexa widget ketika peringkat blog kita masih jauh, untuk mencapai hasil yang diinginkan tentunya ada harga yang harus dibayarkan.



Alexa Toolbar

Menggunakan browser yang terinstall toolbar Alexa bisa meningkatkan ranking website anda. Sebenarnya bukan hanya website anda, setiap website yang dikunjungi browser yang terinstall toolbar Alexa juga mendapat “nilai” yang akan diperhitungkan dalam ranking. Lalu, bukankah pengunjung pasti dari website anda adalah diri anda sendiri? So, kalau browser anda sudah terinstall toolbar, maka penambahan point ranking akan terjadi secara otomatis. Nah, toolbar Alexa untuk firefox tersebut bisa di install melalui link berikut: https://addons.mozilla.org/en-US/firefox/addon/5362

Alexa Blog/Content

Tulis tentang Alexa di blog anda. Webmaster dan Blogger suka cara-cara untuk meningkatkan ranking Alexa. Buat artikel yang berkaitan dengan Alexa Ranking atau semacam tips tentang Alexa.

Selamat mencoba, semoga bermanfaat.
SEO Tutorial Blogger
2013, By: Seo Master

seo Cara meningkatkan rangking alexa 2013

Powered by Blogger.
Design by Dev Nasser