Tampilkan postingan dengan label bag. Tampilkan semua postingan
Tampilkan postingan dengan label bag. Tampilkan semua postingan
Rabu, 04 Desember 2013
17 Tool SEO Terbaik Tahun 2013 Bag 1
Jaspal dalam blognya savedelete membuat daftar 17 Tool SEO Terbaik Tahun 2013, yang akan bermanfaat untuk mendapatkan rangking yang lebih baik di mesin pencari, dengan melakukan riset kata kunci, optimasi situs, taktik linkbuilding, penggunaan media sosial dan tool analisis. Tool SEO dapat menghemat waktu dan tentunya uang Anda.
Berikut ini daftar ke 17 Tool SEO tersebut :
1. Google Adwords Keyword Tool
Google Adword merupakan salah satu tool yang paling populer dan terbaik, terutama berupa penyajian data pencarian kata kunci exact per bulan, baik jumlah lokal maupun global. Fitur mengeksport data ke format excel salah satu yang dapat kita manfaatkan. Kebanyakan pakar SEO mulai dengan Google Adword, selanjutnya memakai tool lainnya.
2. KeywordSpy
Untuk mendapatkan hasil terbaik dalam kampanye SEO, kita perlu melihat kata kunci pesaing kita. KeywordSpy adalah salah satu tool terbaik untuk melakukan hal itu. Dengan menggunakan tool ini, Anda dapat mengamati pesaing Anda dan mengetahui cara mereka mengoptimasi websitenya dan apakah mereka menggunakan kampanye PPC.
3.Market Samurai
Dengan menggunakan Market Samurai, Anda dapat menemukan niche dan long-tail keyword.
4. SimilarSites
SimilerSites merupakan situs dimana Anda dapat mencari dan menemukan website yang mempunyai kata kunci yang sama dengan website Anda. Dengan tool ini Anda dapat dengan mudah menemukn sejumlah pesaing dan melakukan riset kata kunci.
5. Google Adwords
Salah satu cara terbaik untuk mendapatkan traffik adalah menggunakan Google Adwords. Konversi akan berlangsung dengan cepat dan efektif, bila Anda melakukan kata kunci yang tepat.
6. Xenu Link Sleuth
Dengan tool ini Anda menemukan link-link yang rusak, terutama bila Anda mempunyai website dengan database yang besar.,sehinggaa setiap halaman dapat dicek dari link-link yang rusak.
7.Google Webmaster Tool
Tool ini dapat mengdiagnosa website Anda mengenai crawl errors, link rusak, submit site map, dan sejumlah fitur-fitur lainnya.
8. Google PageSpeed Tool
Meningkatkan kecepatan sebuah website merupakan faktor penting dalam meningkatkan peringkat hasil pencarian. Tool ini dapat memberikan petunjuk bagaimana meningkatkan kecepatan load time website Anda.
Kamis, 07 November 2013
Cara Membuat Navigasi Breadcrumbs With CSS3 Bag 2
Membuat breadcrumbs with CSS3 Bag.2 - ini adalah lanjutan dari Cara Pasang Navigasi Breadcrumb Karena belum lengkap rasanya jika saya tidak merubah tampilan "Navigasi Breadcrumbs" yang sebelumnya.Baiklah Seperti yang sudah saya jelaskan di postingan sebelumnya tentang pentingnya navigasi breadcrumbs, selain bisa membantu pegunjung blog untuk mengetahui lokasi artikel, memasang navigasi breadcrumbs memang disarankan oleh mbah google.
Tulisan ini menjelaskan bagaimana membuat navigasi breadcrumbs yang bisa terindeks oleh google ketika tampil di mesin pencari.
Nah Bagaimana Apakah Anda Tertarik bila ia silahkan ikuti langkah - langkah di bawah ini.
4. Kemudian cari kode <b:include data=top name=status-message/> kalau ada 2 maka copas kode berikut ini di atas semua kode <b:include data=top name=status-message/>
5. Nah Sekarang cari kode <b:includable id=main var=top> kalau sudah ketemu paste kode berikut ini di atasnya.
6. Lalu klik PRATINJAU jika sudah OK silahkan klik SIMPAN TEMPLATE.
::: Tulisan berwarna merah itulah yang membedakan dengan membuat breadcrumbs sebelumnya.
Untuk melihat keberhasilan dari membuat menu navigasi breadcrumbs ini sobat bisa cek langsung di Google Rich Snippet Tool.:::
Selesai deh tutorial ini, selamat mencoba..^^
Tulisan ini menjelaskan bagaimana membuat navigasi breadcrumbs yang bisa terindeks oleh google ketika tampil di mesin pencari.
Nah Bagaimana Apakah Anda Tertarik bila ia silahkan ikuti langkah - langkah di bawah ini.
- Login blogger
- Rancangan, Edit Html, Cari kode ]]></b:skin>
- Dan Simpan kode berikut diatasnya :
#breadcrumbs-system{
overflow: hidden;
width: 100%;
}
#breadcrumbs-system li{
float: left;
margin: 0 .5em 0 1em;
list-style-type: none;
font-size: 13px;
}
#breadcrumbs-system a{
background: #1478ff;
padding: 2px 5px;
float: left;
text-decoration: none;
color: #DDD;
position: relative;
}
#breadcrumbs-system a:hover{
background: #0f53b0;
}
#breadcrumbs-system a::before{
content: "";
position: absolute;
top: 50%;
margin-top: -1.5em;
border-width: 1.5em 0 1.5em 1em;
border-style: solid;
border-color: #1478ff #1478ff #1478ff transparent;
left: -1em;
}
#breadcrumbs-system a:hover::before{
border-color: #0f53b0 #0f53b0 #0f53b0 transparent;
}
#breadcrumbs-system a::after{
content: "";
position: absolute;
top: 50%;
margin-top: -1.5em;
border-top: 1.5em solid transparent;
border-bottom: 1.5em solid transparent;
border-left: 1em solid #1478ff;
right: -1em;
}
#breadcrumbs-system a:hover::after{
border-left-color: #0f53b0;
}
4. Kemudian cari kode <b:include data=top name=status-message/> kalau ada 2 maka copas kode berikut ini di atas semua kode <b:include data=top name=status-message/>
<b:include data=posts name=breadcrumb/>
5. Nah Sekarang cari kode <b:includable id=main var=top> kalau sudah ketemu paste kode berikut ini di atasnya.
<b:includable id=breadcrumb var=posts>
<b:if cond=data:blog.homepageUrl != data:blog.url>
<b:if cond=data:blog.pageType == "static_page">
<ul id=breadcrumbs-system>
<li><span><a expr:href=data:blog.homepageUrl rel=tag>Home</a></span></li>
<li><span><data:blog.pageName/></span></li>
</ul>
<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>
<ul id=breadcrumbs-system xmlns:v=http://rdf.data-vocabulary.org/#>
<li><span typeof=v:Breadcrumb><a expr:href=data:blog.homepageUrl property=v:title rel=v:url>Home</a></span></li>
<b:loop values=data:post.labels var=label>
<b:if cond=data:label.isLast == "true">
<li><span typeof=v:Breadcrumb><a expr:href=data:label.url property=v:title rel=v:url><data:label.name/></a></span></li>
</b:if>
</b:loop>
<li><span><data:post.title/></span></li>
</ul>
<b:else/>
<ul id=breadcrumbs-system>
<li><span><a expr:href=data:blog.homepageUrl rel=tag>Home</a></span></li>
<li><span>Unlabelled</span></li>
<li><span><data:post.title/></span></li>
</ul>
</b:if>
</b:loop>
<b:else/>
<b:if cond=data:blog.pageType == "archive">
<!-- breadcrumb for the label archive page and search pages.. -->
<ul id=breadcrumbs-system>
<li><span><a expr:href=data:blog.homepageUrl>Home</a></span></li>
<li><span>Archives for <data:blog.pageName/></span></li>
</ul>
<b:else/>
<b:if cond=data:blog.pageType == "index">
<ul id=breadcrumbs-system>
<b:if cond=data:blog.pageName == "">
<li><span><a expr:href=data:blog.homepageUrl>Home</a></span></li>
<li><span>All posts</span></li>
<b:else/>
<li><span><a expr:href=data:blog.homepageUrl>Home</a></span></li>
<li><span>Posts filed under <data:blog.pageName/></span></li>
</b:if>
</ul>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
6. Lalu klik PRATINJAU jika sudah OK silahkan klik SIMPAN TEMPLATE.
::: Tulisan berwarna merah itulah yang membedakan dengan membuat breadcrumbs sebelumnya.
Untuk melihat keberhasilan dari membuat menu navigasi breadcrumbs ini sobat bisa cek langsung di Google Rich Snippet Tool.:::
Selesai deh tutorial ini, selamat mencoba..^^
Langganan:
Postingan (Atom)