Cara Memasang / Menampilkan Author Blog di Google SERP

3 komentar

Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP
Saat blog kita sudah online teman, Google SERP sebenarnya bisa menampilkan data diri kita sebagai penulis blog (author blog). Nggak kebayang kalau kita bisa menampilkan profile kita pastinya ini bisa dijadikan kelebihan tersendiri bagi kita soalnya denger - denger Google juga mengamati siapa author blog-nya. Bila profile diri kita dah bisa nongol di Google SERP mungkin saja authoritas blog akan lebih terangkat dan tulisan - tulisan kita dapat dipercaya oleh Google.

Lalu gimana sih cara memasang dan menampilkan author blog yang bisa muncul di Google SERP ??
Terus terang teman, saya sendiri juga lagi usaha memasang author blog ini dan coba mengikuti langkah step by step yang ada di blog Rina As berikut :

Cara Memasang / Menampilkan Author Blog di Google SERP

1. Buka profile di Google+, bila belum memiliki profile Google+ silahkan membuat akun baru di Google+

2. Edit profile Google+ kita, jangan lupa untuk mengisi hal yang penting seperti

- Kontributor untuk
Pada bagian ini, silahkan klik link Tambahkan tautan ubahsesuai, isi url blog kita kemudian pilih opsi siapa saja yang dapat melihatnya misal Hanya anda, berarti yang dapat melihat link tersebut hanya kita saja saat sign in di akun Google+. Setelah itu baru klik tombol Simpan.

Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP
- Rumah / kantor
Kita dapat memilih salah satu opsi atau kesemua opsi rumah dan kantor untuk di isi dengan email kita. Pertama pilih email dan masukkan nama email kemudian pada lingkaran anda, kita dapat memilih siapa saja yang dapat melihat email kita dan saran yang terbaik untuk kita sebaiknya email tersebut hanya dapat dilihat untuk kita saja agar tidak ada seseorang yang tidak bertanggungjawab memanfaatkannya untuk hal negative. Setelah itu klik Simpan.

Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP
3. Bila pengeditan seluruh data diri kita telah selesai klik link Pengeditan Selesai.

4. Langkah ke-4, klik link verifikasi.

Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP
5. Kemudian masuk ke akun email kita untuk melihat email verifikasi yang dikirim

Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP
Klik url verifikasi tersebut.

6. Bila telah berhasil akan muncul halaman pemberitahuan seperti berikut :

>Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP


B. Tambahkan link author dalam blog

Ada dua cara untuk menambahkan link author di blog kita, pilih salah satunya :

1. Google Profile

Kita kunjungi link disini untuk mendapatkan code dari google profile kita. Kemudian pada bagian Enter URL Profile, silahkan sahabat isi url profile Google selanjutnya pilih ukuran gambar dan terakhir copy kode tersebut dan paste di dalam blog kita. Taruh di tempat mana saja yang kita sukai.

Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP
2. Memasang link author

Alternatif lain adalah dengan memasang link author ke dalam blog kita.

Kode :

<a href="[url_Google+]?rel=author">Nama Author</a>
Pada bagian href, silahkan isi url profile Google+ kita dan untuk anchor text silahkan isi dengan nama kita. Perlu diingat bahwa nama author dalam blog haruslah sama dengan nama kita di profile Google+.

Contoh kode hasil :

<a href="https://plus.google.com/105728382838447170741?rel=author">Rina As</a>

Langkah ini tidak berhenti sampai disini, kita juga harus menambahkan kode berikut di atas tag </head>

<link href='[url_Google+]' rel='author'/>
Sekali lagi, kita isi dengan url profile Google+ kita masing - masing sehingga nantinya akan seperti contoh ini :

<link href='https://plus.google.com/105728382838447170741' rel='author'/>
Untuk melihat apakah google berhasil mengekstrak link author yang kita pasang dalam blog, kita dapat mempergunakan Rich Snippets Testing Tool
Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP

Moga - moga bisa cepat muncul ni author blog-nya,,,
Buat teman - teman yang belum memasang author blog, silakan di coba saja dan semoga berhasil...
Continue Reading... Label: author blog, cara, google, memasang, menampilkan


Cara Membuat / Memasang Menu Navigasi Breadcrumbs Terindex Google

3 komentar

Sebelumnya saya sudah membuat tutorial tentang cara membuat menu navigasi breadcrumbs di blogspot, hanya saja script tersebut tidak dapat terindex di Google. Karena itulah dalam posting khusus ini kita akan belajar bagaimana cara membuat menu navigasi breadcrumbs yang dapat terindex di mesin pencari Google sebagai pengganti url posting yang muncul di halaman SERP Google.
Cara Membuat / Memasang Menu Navigasi Breadcrumbs Bisa Terindex Google Cara Membuat / Memasang Menu Navigasi Breadcrumbs Bisa Terindex Google
Bagaimana cara membuat-nya. Mari teman simak tutorial singkat berikut..

Cara Membuat / Memasang Menu Navigasi Breadcrumbs Bisa Terindex Google

1. Pertama kita harus mengedit template blogspot, caranya silahkan teman baca di postingan ini :
Cara Mengedit Template Blogspot
2. Nah saat teman semua dah nyampe di halaman Edit HTML, disini baru kita bisa menambahkan script khusus yang bisa menampilkan navigasi breadcrumbs di template blogspot / blogger kita.
Mari kita lakukan hal berikut ini :
1. Temukan kode html di bawah ini,
<b:includable id='main' var='top'>
Lalu ganti dengan kode berikut
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- 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' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
2. Temukan kode css di bawah ini,
]]></b:skin>
Lalu ganti dengan kode berikut
.breadcrumbs {
background:url(http://4.bp.blogspot.com/_b0xJ7qk6DTc/TJjSxfOwxAI/AAAAAAAABIk/ll_LdQe3ZrY/s1600/box2-top.gif);
float: left;
border: 1px solid #E6E6E6;
width: 595px;
font-size: 11px;
margin: 0px 10px 10px 10px;
padding: 5px 10px 5px 10px;
}
]]></b:skin>

3. Terakhir yang harus dilakukan adalah menyimpan hasil editan ini, klik tombol Simpan Template dan Tutup.
4. Jangan senang dulu, mari kita cek apakah menu breadcrumbs khusus ini bisa terbaca oleh Google atau tidak. Solahkan sobat kunjungi Rich Snippets Tool untuk mengeceknya dan masukkan salah satu url posting, bila hasilnya seperti berikut,
Cara Membuat / Memasang Menu Navigasi Breadcrumbs Bisa Terindex Google Cara Membuat / Memasang Menu Navigasi Breadcrumbs Bisa Terindex Google
maka proses membuat menu navigasi breadcrumbs yang bisa terindex Google sudah berhasil.
Tinggal tunggu hasil index maka semua postingan baru atau yang lama akan memunculkan menu navigasi breadcrumbs seperti ini :

Jadinya sangat keren ya
Bagi teman - teman yang belum membuat menu navigasi breadcrumbs yang bisa terindex google lekas membuat, dijamin akan sangat friendly dimata Google dan baik untuk perkembangan blog kita mendatang..

Selamat bekerja dan semoga sukses teman...
Continue Reading... Label: breadcrums, cara, google, membuat, menu navigasi, terindex google


Cara Membuat / Memasang Menu Navigasi Breadcrumbs di Blogspot

1 komentar

Cara Membuat / Memasang Menu Navigasi Breadcrumbs di Blogspot Cara Membuat / Memasang Menu Navigasi Breadcrumbs di Blogspot
Struktur template blog yang bagus biasanya tidak akan mempersulit semua pengunjung kita. Salah satu menu navigasi yang memudahkan pengunjung untuk menemukan informasi lain yang berkaitan dengan postingan kita adalah menu breadcrumbs soalnya teman menu navigasi breadcrumbs ini biasanya terletak di bagian atas jadinya mudah untuk ditemukan dan masing - masing posting dikelompokkan ke dalam sub kelompok tertentu (label) seperti ini :
Cara Membuat / Memasang Menu Navigasi Breadcrumbs di Blogspot Cara Membuat / Memasang Menu Navigasi Breadcrumbs di Blogspot
Andai kata sub kelompok (label) diklik maka kita akan mendapatkan tambahan pageview dan mungkin postingan lain yang ada dalam list tersebut dapat diketemukan sehingga menjadi terbaca..

Cara Membuat / Memasang Menu Navigasi Breadcrumbs di Blogspot

Lalu gimana ni cara membuat menu navigasi breadcrumbs di template blogspot / blogger ?? kalau ada diantara teman semua ingin mencoba memasang menu navigasi breadcrumbs, silahkan ni baca tutorial singkat di bawah ini :
1. Pertama kita harus mengedit template blogspot, caranya silahkan teman baca di postingan ini :
Cara Mengedit Template Blogspot
2. Nah saat teman semua dah nyampe di halaman Edit HTML, disini baru kita bisa menambahkan script khusus yang bisa menampilkan navigasi breadcrumbs di template blogspot / blogger kita.
Mari kita lakukan hal berikut ini :
1. Temukan kode html di bawah ini,
<b:includable id='main' var='top'>
Lalu ganti dengan kode berikut
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span><a expr:href='data:label.url'><data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
2. Temukan kode css di bawah ini,
]]></b:skin>
Lalu ganti dengan kode berikut
.breadcrumbs {
background:url(http://4.bp.blogspot.com/_b0xJ7qk6DTc/TJjSxfOwxAI/AAAAAAAABIk/ll_LdQe3ZrY/s1600/box2-top.gif);
float: left;
border: 1px solid #E6E6E6;
width: 595px;
font-size: 11px;
margin: 0px 10px 10px 10px;
padding: 5px 10px 5px 10px;
}
]]></b:skin>

3. Terakhir yang harus dilakukan adalah menyimpan hasil editan ini, klik tombol Simpan Template dan Tutup. Selesai...

Catatan :
Bila teman semua kesulitan mencari kode - kode diatas di dalam menu edit template blogspot pergunakan bantuan dari browser untuk mencarinya. Tinggal klik menu find atau tekan Ctrl+F dan masukkan beberapa bagian yang dicari pada kotak yang tersedia.

Semoga postingan tentang Cara Memasang / Membuat Menu Navigasi Breadcrumbs di Blogspot bermanfaat buat teman semua...
Continue Reading... Label: blogger, blogspot, breadcrums, cara, memasang, membuat, menu navigasi, navigasi blog


Cara Membuat Template Blog Valid XHTML

2 komentar

Seperti yang pernah diulas dalam posting sebelumnya di Cara Mengedit Template Blog Agar Seo Friendly, kebanyakan template blogger yang ada saat ini tidak valid struktur html template-nya.
Cara Membuat Template Blog Valid XHTML Cara Membuat Template Blog Valid XHTML Cara Membuat Template Blog Valid XHTML

Cara Membuat Template Blog Valid XHTML

Karena itulah teman semua juga mesti membenahi bagian - bagian yang dapat menimbulkan error dan beberapa kode html dari template blogger yang wajib diubah sekiranya sebagai berikut :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Menjadi

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Membuat Valid tag html

Ganti Kode di bawah ini supaya valid

<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'>
Menjadi

<html lang='en' xml:lang='en' 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'>

Membuat Valid Navbar Blog

Ganti Kode di bawah ini supaya valid

<b:include name='nextprev'/>
Menjadi

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

<!-- navigation -->

<b:include name='nextprev'/>

</b:if>

Membuat Valid Icon Post

Ganti Kode di bawah ini supaya valid

<span class='post-icons'>

<!-- email post links -->

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

<span class='item-action'>

<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>

</a>

</span>

</b:if>

<!-- quickedit pencil -->

<b:include data='post' name='postQuickEdit'/>

</span> <div class='post-share-buttons'>

<b:include data='post' name='shareButtons'/>

</div> </div>

Menjadi

<span class='post-icons'>

<!-- email post links -->

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

</b:if>

</span>

</div>

Membuat Valid Comment Declaration Pada CSS

Ganti Kode di bawah ini supaya valid

/*----------- Header ------------*/
Menjadi

/* Header */

Membuat Valid default Meta

Ganti Kode di bawah ini supaya valid

<b:include data='blog' name='all-head-content'/>
Menjadi

<!-- Blogger Default Meta -->

<meta content='true' name='MSSmartTagsPreventParsing'/>

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

<link expr:href='data:blog.url' rel='canonical'/>

<link href='http://www.blogger.com/profile/id_blog' rel='me'/>

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>

<link href='http://www.blogger.com/rsd.g?blogID=id_blog' rel='EditURI' title='RSD' type='application/rsd xml'/>

<link href='http://www.blogger.com/feeds/id_blog/posts/default' rel='service.post' title='Atom' type='application/atom+xml'/>

<link href='http://namablog.blogspot.com/feeds/posts/default' rel='alternate' title='Atom' type='application/atom+xml'/>

<!-- End Blogger Default Meta -->

Membuat Valid Template dengan Menambahkan script di bawah tag body

Di atas tag body, sisipkan script berikut
<!-- <body><div></div> -->

Membuat Valid Template dengan cara menghapus Quickedit



<b:include name='quickedit'/>

Membuat Valid Template dengan cara mengganti & pada url


&amp;amp;

Membuat Valid Template dengan menambahkan ALT tag pada setiap gambar


<img alt="Deskripsi singkat disini" src="URL Gambar"/>

Sebelum mengedit template blog jangan lupa untuk membackup terlebih dulu template kita, ini sekedar untuk berjaga - jaga bila proses editing template blog tidak berjalan lancar.
Oh iya, tulisan ini di ambil dari blog simple-seotips.blogspot.com di posting ini dan itu, terima kasih buat adminnya dan moga saja tidak marah artikelnya saya copy di sini. Tapi saya kasih link sumber kok, hehe :)
Continue Reading... Label: blog, blogger, cara, membuat, template, valid template


 
Return to top of page Copyright © 2010 | Bloggers - Meet Millions of Bloggers