Menggunakan SEO Sederhana | Simple SEO Blog

Untuk memulai tentu saja anda harus memiliki web atau blog, hehee... Kalo gak ada buat apa tahu seo. Baiklah yang pertama yang harus anda miliki adalah sudah jelas di atas kan. Selanjut nya bagaimana?

1. Mulai lah posting atau membuat artikel.
2. Jangan pikirkan (dont think about keyword stuff) tentang keyword tapi perhatikan dengan judul postingan atau artikel. 
3. Think about content. lagak nya pake bahasa inggris wkwkwkwkw. Tapi itu benar, anda harus pikirkan tentang isi dari pada postingan anda. Thats the right thing.
4. and Nail your content to post title. weleh... benar gak tuh bahasa inggris nya, maksud saya adalah Judul dan isi harus saling berhubungan. Jangan seperti pepatah "jaka sebung pake golok gak nyabung goblok" jangan seperti saya ini.
5. Now think about keyword. walah piye toh iki.. tadi katanya jangan think about keyword. wkwkwkwkw.. Di sini maksud saya adalah jangan mengulang-ulang kata-kata yang ada di judul postingan anda. Sebab search engine akan menganggap spam, apalagi si google.

Nah sekarang tentang kerangka blog atau web anda harus di benahin, kata orang bule seo friendly site.. tau dah itu arti nya apaan. 

Gimana sih cara supaya friendly site, Ok kita lanjutkan setelah iklan berikut.... hehehehehe... :)
Baiklah begini caranya :

Crawlability dan struktur dari site kita, apa pulah lah si craw itu?
Yang di maksud dengan crawblability adalah halaman saling terhubung sehingga search engine bisa mengindeks dari satu halaman ke halaman laen. Minimal satu page harus ada. Biasa nya si para master di blog pake sitemap.xml

On Page Seo
Banyak orang pikir on page seo sama dengan one page seo, weleh... silakan google deh pasti banyak yang mengartikan on page sama dengan one page.

On page seo is mean anda membuat suatu content dengan bahasa yang baik dan benar serta menggunakan anchor text yang tepat juga sesuai dengan deskripsi (meta descritption) yang ada pada halaman home page atau halaman index (Nail to hompage).

One Page Seo anda mengoptimalkan content dan membuat meta description yang berbeda-beda dengan halaman home page maupun dengan halaman lain (stand alone optimize). Contoh nya seperti halaman-halaman Riview dan di postingan yang laen tentang berita news atau tutorial. Tentu setiap postingan tersebut memiliki strukture yang berbeda-beda.


Links

 Bicara tentang links emang rada-rada rancu di seputar serps index. Penting atau tidak. Tapi saya saran kan tidak usa berburu backlink. kalo pun ingin membangun strukture backlink anda sebaik nya menggunakan home page atau domain anda saja.

sampe disini dulu tentang seo sedeharna. Masalah teknis simple seo lanjut di postingan selanjutnya tentang robot.txt, template blog, serta microdata markup.

Cara, Membuat Automatis Readmore Blogspot

 Cara, membuat automatis readmore blogspot tinggal ikuti langkah berikut ini :
- expand widget
- cari dan letakan kode/script berikut tepat diatas </head>
-------------------------------------------------------------------------
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
-------------------------------------------------------------------------
 - cari dan ganti kode <data:post.body/> dengan code berikut ini :
-------------------------------------------------------------------------
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE >> <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

-------------------------------------------------------------------------

- Save template

Auto Readmore sudah terpasang di blog anda.

Membuat Breadcrumb blogspot menggunakan RDF breadcrumb Markup

Cara atau membuat Breadcrumb di blog untuk blogspot menggunakan RDF breadcrumb Markup yang akan menampilkan breadcrumb di google search

1. Cari code berikut: (bila ada dua letakan di kode ke dua)

     <b:includable id='main' var='top'>

2. Letakan kode berikut  diatas nya :


<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType == "static_page"'>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>

<b:else/>

<b:if cond='data:blog.pageType == "item"'>

<!-- breadcrumb for the post page -->

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.labels'>

<div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">

<span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast == "true"'>

 » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
</b:if>
</b:loop>
 » <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
3.Kemudian cari kode berikut lagi: (bila ada dua letakan di kode kedua)

  <b:include data='top' name='status-message'/>


4. Letakan kode berikut diatas nya :

<b:include data='posts' name='breadcrumb'/>

Bila ingin menampilkan semua label di breadcrumb maka hapus 2 kode yang di warnai kuning diatas

contoh: seperti diatas

Membuat ARTIKEL TERKAIT / RELATED ARTICLE / POST TERKAIT

 Membuat ARTIKEL TERKAIT / RELATED ARTICLE / POST TERKAIT di blog
Langsung aja caranya :
1. Cari kode <data:post.body/>
2 Letakan kode berikut tepat di bawah <data:post.body/>:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 9999;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

contoh hasil seperti di bawah

Gambar Profile Google+ Plus di Search Engine dan Postingan

Menampilkan Author serta Gambar Profile Google+ Plus di Search Engine dan Postingan blogspot, caranya yang pasti harus mempunyai akun di plus.google.com. Nah yang kita perlu kan dari profile Google+ adalah id nya. Id google plus ada 21 (dua puluh satu) character seperti ini https://plus.google.com/108952955773781933534 jadi id tersebut yang menjadi link ke profile blog kita.

Asumsi anda sudah memiliki acount Google+
Pertama cari code seperti di bawah, tapi jangan lupa expand widget terlebih dahulu:

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>

Ganti code yang di highligt merah dengan code di bawah

<span class='fn'><a href='https://plus.google.com/108952955773781933534?' rel='author'>

 <img height='25' src='//lh3.googleusercontent.com/-frsiJDBY_n8/AAAAAAAAAAI/AAAAAAAAAAA/gK3f9LuhB1g/s49-c/photo.jpg' width='25'/><a/>  <data:post.author/></a> </span>

untuk url image yang warnai kuning diambil dari alamat url gambar account profile di google plus kita atau gambar lainya.

 Cek apa kah berhasil terhubung dengan google+ profile kita bisa liat di http://www.google.com/webmasters/tools/richsnippets

untuk seacrh engine seharus nya seperti ini :

untuk search engine hasil nya tunggu googlebot mengrcrawl blog dan merefresh cache blog anda di search engine.

untuk blog hasilnya akan seperti di bawah postingan ini.

Membetulkan (Fix) Dua Posting di template Blogspot

Membetulkan (Fix) Dua Posting di template Blogspot. Beberapa hari yang lalu coba-coba edit template biar SEO Friendly. Bukan nya jadi bagus malah pos tingan muncul di halaman utama ada dua postingan. Ini akibat mencoba  post label sebagai sebagai meta keyword (Use Post Labels as Meta Keywords). 

Scritp post labels as Meta Keyword :

<!--::::::::::: Block1: Output post meta keywords --> <b:if cond='data:blog.pageType == "item"'> <b:section id='meta1' showaddelement='no'> <!-- widget must be a of Type = 'blog' to have posts data exposed, and must have a unique id --> <!-- Empty Includables(functions) to output nothing, You must keep them ): --> <b:widget id='Blog2' locked='no' type='Blog'> <b:includable id='nextprev'/> <b:includable id='backlinks' var='post'/> <b:includable id='post' var='post' /> <b:includable id='status-message'/> <b:includable id='comment-form' var='post'/> <b:includable id='backlinkDeleteIcon' var='backlink'/> <b:includable id='postQuickEdit' var='post'/> <b:includable id='commentDeleteIcon' var='comment'/> <b:includable id='feedLinks'/> <b:includable id='feedLinksBody' var='links'/> <b:includable id='comments' var='post'/> <b:includable id='main' var='top'><!-- Main Function of Any widget comes with ID 'main' --> <!-- Loop Page Posts (only 1 in a post page )--> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <!-- If the post has labels, make Meta keywords by looping lables --> <meta name="keywords" content="<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop>" /> </b:if> </b:loop> </b:includable> </b:widget> </b:section> </b:if> <!--::::::::::: Block1 END --> <head> <!-- THE HEAD --> <!-- must include(called) here to output other head sub elements --> <b:include data='blog' name='all-head-content'/> <!--::::::::::: Block2: Output Index Title,keywords,decription and Post Title,description --> <!-- Post/Archive Page --> <b:if cond='data:blog.pageType != "index"'> <title><data:blog.pageName/></title> <meta name='description' expr:content='data:blog.pageName' /> <!-- Index Page --> <b:else/> <title><data:blog.pageTitle/></title> <meta name='keywords' content='your,blog,keywords!!' /> <meta name='description' content='your blog description!!' /> </b:if> <!--::::::::::: Block2 END -->

script diatas membuat body postingan untuk di buat menjadi meta keyword tapi karena salah menggunakan nya maka postingan menjadi dua. Pengalaman saya maka postingan nya muncul di atas dan di bawah blog. Saya coba untuk mengganti template backup gak bisa juga tapi tetap ada dua postingan di halaman utama blog. Saya coba ganti pake template bawaan dari blogspot hasil nya sama saja.

Saya coba tanya sama om google , di kasih jawaban untuk menghapus  <b:widget id='Blog2' locked='no' type='Blog'> di template. Jumpa dengan script <b:widget id='Blog2' locked='false' type='Blog'>
beda dengan syntax yang dicari. Slidik punya slidik akibat sudah tukar template maka syntax nya berubah  locked="no" menjadi locked="false".

Saya coba hapus <b:widget id='Blog2' locked='false' type='Blog'>, kemudian save. Malah pesan error muncul dan tidak bisa di simpan hasil editan HTML nya. Saya coba lagi tetap sama saja.

Kemudian saya coba untuk mengedit html melalui antarmuka (dashboard) lawas atau klasik.
Kemudian saya masuk ke Template>>EditHTML saya cari kembali

1. Expand widget
2. cari <b:widget id='Blog2' locked='false' type='Blog'> terus di hapus.
3. Save
4. muncul pesan error bahwa widget ini tidak cocok atau tidak di dukung.
5. maka ada pilihan pertahankan widget atau menghapus widget
6. pilih hapus widget dan save template.

Maka masalah double post atau 2 dua postingan di halaman utama blog, kembali normal.

Permasalahan Sitemaps Pending di Bing.com

Sudah hampir 2 minggu untuk saya berusaha untuk masukan blog ini ke search engine bing.com sampai sekarang belom bisa terindeks oleh mesin bing.com. dan sudah googling sana sini belum jumpa juga jumpa artikel yang bisa memberikan solusi mengenai bagaimana agar bisa terindeks di mesin pencari bing.com.

Langkah-langkah untuk mendaftarkan web di mesin pencari bing.com suda saya lakukan:

1. Verify ownership of your website > saya menggunakan  Meta tag authentication    

2. Submit sitemaps > ini juga saya lakukan 

 tapi tetap saja mendapatkan pesan PENDING.

Juga saya sudah melakukan saran-saran dari artikel-artikel mengenai webmaster center bing.com. Dengan cara menghapus dan menambahkan kembali blog ini serta mengirim kembali site maps. hasil nya sama saja search engine bing.com tetap saja tidak meng crawl atau mengindeks blog saya.

untuk yang punya pengalaman yang sama atau yang sudah berhasil silakan berikan masukan nya di comment di bawah.

Tutorial Membuat Blog di Blogspot atau Blogger I

1. Buka http://blogspot.com atau http://www.blogger.com

2. Klik DAFTAR sebelah kanan atas
3. Mengisi Formulir Pendaftaran

4. klik lanjut
5. Kemudian akan masuk ke Dasbor blogger,  seperti tampilan di bawah

 
6. Kemudian klik Blog Baru sebelah kiri atas

7. Selanjut memberi nama blog dan alamat URL blog kita di blogspot.com dan template.

8.Klik Buat Blog!
9.Membuat Post di blogspot di postingan selanjutnya Tutorial Membuat Blog di Blogspot atau Blogger II