Fajri Mansyah Share

Home All post with category Meta Tag

Seo On Page

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDvCStkCbXV3oZd7gSoQx-l42NcziEyRLnk8MCdtXPam6g58zfwWyxBNeliWfjKHBOoVutr3irySchXRS3BP_57olB0FXVXV-JL4qtr7o4tct1G77AjCKCUTYjw57CHQiSGI9yquDq3TI/s1600/seo-on-page.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="seo on page" border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDvCStkCbXV3oZd7gSoQx-l42NcziEyRLnk8MCdtXPam6g58zfwWyxBNeliWfjKHBOoVutr3irySchXRS3BP_57olB0FXVXV-JL4qtr7o4tct1G77AjCKCUTYjw57CHQiSGI9yquDq3TI/s1600/seo-on-page.png" title="seo on page" width="400" /></a></div>
Selamat siang! Kali ini saya akan share tentang <a href="http://2014/04/seo-on-page_10.html" target="_blank">Seo On Page</a>. Walaupun masih blogger pemula yang masih belajar seo dari orang yang lebih memahami Saya memberanikan diri membuat artikel ini :D. Artikel ini Saya buat berdasarkan dari berbagai sumber, dan hanya sebagai referensi dan menambah pengetahuan saja. 
 
Apa itu <a href="http://2014/04/seo-on-page_10.html" target="_blank">Seo On Page</a>? 
Seo seperti yang kita ketahui adalah singkatan dari Search Engine Optimization (Optimasi Mesin Pencari), On adalah Pada dan Page adalah Halaman. Jadi bisa dikatakan Seo On Page adalah Optimasi Mesin Pencari yang kita lakukan pada halaman blog kita seperti optimasi mulai dari Template, meta tag, bahkan H1,H2,H3 dsb. 
 
Banyak cara yang dilakukan oleh blogger untuk mengoptimalkan <a href="http://2014/04/seo-on-page_10.html" target="_blank">seo on page</a> mereka. Cara yang paling penting adalah mengoptimalkan template, karena template merupakan bagian terpenting dari sebuah blog. Contoh mengoptimalkan template seperti menggunakan template yang Seo friendly, untuk lebih lanjut coba Anda tanyakan kepada Abang <a class="g-profile" href="https://plus.google.com/104587001668056549513" target="_blank">+Jacob Silitonga</a> yang mungkin lebih mengerti tentang template Seo friendly itu seperti apa -_- seperti yang dikatakannya pada komentar <a href="http://template%20topmagz%20by%20mas%20sugeng/" target="_blank">Template Topmagz by Mas Sugeng</a>. Sepertinya dia mengerti sekali template yang seo itu seperti apa. 
 
Selain itu kita juga membutuhkan meta tag untuk memaksimalkan <a href="http://2014/04/seo-on-page_10.html" target="_blank">seo on page</a> kita, beberapa meta tag seperti  meta description, meta keyword harus kita pasangkan pada template kita. Meta description merupakan informasi mengenai deskripsi blog Anda, dan meta keyword merupakan informasi mengenai kata kunci blog Anda. Contoh meta description seperti  
<blockquote class="tr_bq">
<meta content='Deskripsi Blog Anda' name='description'/></blockquote>
dan Contoh meta keyword seperti 
<blockquote class="tr_bq">
<meta content='keyword1,keyword2,keyword3' name='keywords'/></blockquote>
Untuk lebih lanjut dalam meta tag silahkan baca <a href="http://fajrimansyahshare.blogspot.com/2013/10/cara-memasang-meta-tag-seo-friendly.html" target="_blank">"Cara Memasang Meta Tag"</a> 
 
Nah selanjutnya kita perlu untuk mengoptimalkan meta tag yang kita gunakan tadi, seperti meletakkan judul postingan sebelum nama blog kita, gunanya adalah agar pada search engine yang muncul terlebih dahulu adalah judul postingan kita dan dilanjutkan dengan nama blog kita, karena ini berakibat pada pengunjung yang mencari artikel jika nama blog Anda terlebih dahulu dan dilanjutkan judul postingan, pengunjungpun tidak dapat membaca judul postingan secara keseluruhan apalagi jika judul postingan itu panjang. Lihat gambar untuk lebih jelas : 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidcc15zkLt9JudAzmqaid96WHDimlEaFfYf1BraI2pvIH9uXiwi8Xz6UnQ1JOoDINpTLjhFIdbLhxW0GPH1kYmx1OuKQ4gTJPkMQTtXO3H8Mt1x32VvHx1ZVYXKi7mcXGURwO3Hdbca1Q/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="seo on page" border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidcc15zkLt9JudAzmqaid96WHDimlEaFfYf1BraI2pvIH9uXiwi8Xz6UnQ1JOoDINpTLjhFIdbLhxW0GPH1kYmx1OuKQ4gTJPkMQTtXO3H8Mt1x32VvHx1ZVYXKi7mcXGURwO3Hdbca1Q/s1600/Untitled.png" title="seo on page" width="400" /></a></div>
Untuk lebih lanjut dalam mengoptimalkan meta tag baca <a href="http://fajrimansyahshare.blogspot.com/2013/11/optimasi-meta-tag.html" target="_blank">"Optimasi Meta Tag"</a>. 
 
Selanjutnya adalah mempercepat loading blog Anda. Jika loading blog Anda ringan, tidak hanya pengunjung yang senang berkunjung ke blog Anda, tetapi spider craw google pun juga senang, karena saat crawling waktu yang dibutuhkan untuk mengumpulkan informasi menjadi lebih cepat. Efek lainnya dari disenangi spider craw adalah artikel kita lebih cepat terindeks oleh google. Untuk melihat kecepatan loading blog, Anda bisa menggunakan situs resmi dari google yaitu <a href="https://developers.google.com/speed/pagespeed/insights/" target="_blank">PageSpeed Insights</a>, lebih lanjut cara menggunakannya baca <a href="http://fajrimansyahshare.blogspot.com/2014/03/cara-melihat-kecepatan-loading-blog.html" target="_blank">Cara Melihat Kecepatan Loading Blog dengan Situs Resmi Google.</a> 
 
Itulah yang dapat saya sampaikan sedikit tentang <a href="http://2014/04/seo-on-page_10.html" target="_blank">Seo On Page</a> jika ada yang salah mohon dimaafkan dan dibenarkan :D, semoga bermanfaat!

Selamat siang! Kali ini saya akan share tentang Seo On Page . Walaupun masih blogger pemula yang masih belajar seo dari orang yang lebih m...

Baca Selengkapnya

Kumpulan Tag Conditional di Blog

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQon7IewqWwjopiffB1tWsSpslxmsjW_fapeR_rsCxLc2xOThHCJVaO3pox4M4knrQybq45AbEkht1wGPixldPQQvoEcOxvtRSXnwfmi4XCv1JC2KZppzekwfAFmuTrwuHdLDEF4jlw40/s1600/tag-conditional.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="tag-conditional" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQon7IewqWwjopiffB1tWsSpslxmsjW_fapeR_rsCxLc2xOThHCJVaO3pox4M4knrQybq45AbEkht1wGPixldPQQvoEcOxvtRSXnwfmi4XCv1JC2KZppzekwfAFmuTrwuHdLDEF4jlw40/s1600/tag-conditional.jpg" title="tag-conditional" /></a></div>
Tag Conditional berfungsi untuk membuat atau bisa juga untuk mengatur widget/script hanya tampil pada halaman tertentu. Selain itu juga menurut saya tag conditional juga dapat membuat tampilan blog menjadi lebih menarik lagi. 
 
Misalkan pada halaman utama atau home page blog, anda banyak mempunyai widget-widget yang banyak dan penting menurut anda. Tetapi jumlah postingan yang anda taruh sedikit pada halaman awal, otomatis tampilan pada halaman utama anda mungkin tidak menarik untuk di lihat karena sidebar jauh lebih panjang dari tempat postingan. Nah tag conditional inilah yang di gunakan untuk mengatur widget tersebut sehingga tampilan blog anda rapi dan bagus untuk di lihat. 
 
Berikut Kumpulan Tag Conditional di Blog  
<ul>
<li>Halaman Utama (Home Page)<blockquote class="tr_bq">
<b:if cond='data:blog.url == data:blog.homepageUrl'> kode htlm/javascript <b/:if></blockquote>
</li>
<li>Halaman Postingan (Item Page) <blockquote class="tr_bq">
<b:if cond='data:blog.pageType == &quot;item&quot;'> kode htlm/javascript <b/:if></blockquote>
</li>
<li>Halaman Pencarian (Index)<blockquote class="tr_bq">
<b:if cond='data:blog.pageType == &quot;index&quot;'> kode htlm/javascript <b/:if></blockquote>
</li>
<li>Halaman Rusak (Error Page)<blockquote class="tr_bq">
<b:if cond='data:blog.pageType == &quot;error_page&quot;'> kode htlm/javascript <b/:if></blockquote>
</li>
<li>Halaman Arsip (Archive Page)<blockquote class="tr_bq">
<b:if cond='data:blog.pageType == &quot;archive&quot;'> kode htlm/javascript <b/:if></blockquote>
</li>
<li>Halaman Statis (Static Page)<blockquote class="tr_bq">
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> kode htlm/javascript 
<b/:if> </blockquote>
</li>
<li>Halaman Pencarian Label (Search Label)<blockquote class="tr_bq">
<b:if cond='data:blog.searchLabel'> kode htlm/javascript <b/:if></blockquote>
</li>
<li>Halaman Spesifik (URL page)<blockquote class="tr_bq">
<b:if cond='data:blog.url == &quot;Url Anda&quot;'> kode htlm/javascript <b/:if></blockquote>
</li>
<li>Menampilkan widget pada seluler (Mobile)<blockquote class="tr_bq">
<b:if cond='data:blog.isMobile'> kode htlm/javascript <b/:if> </blockquote>
</li>
</ul>
 
Cara menggunakan Tag Conditional Cari kode html widget anda, contoh pada widget Arsip Blog. Saya menggunakan tag conditional postingan (item page) untuk membuat widget Arsip Blog hanya muncul di halaman postingan 
 
 
<blockquote class="tr_bq">
  <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>     <b:includable id='main'> <b:if cond='data:blog.pageType == &quot;item&quot;'>   <b:if cond='data:title'>     <h2><data:title/></h2>   </b:if>   <div class='widget-content'> <div style='overflow:auto; width:ancho;height:220px;'>   <div id='ArchiveList'>   <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>     <b:if cond='data:style == &quot;HIERARCHY&quot;'>      <b:include data='data' name='interval'/>     </b:if>     <b:if cond='data:style == &quot;FLAT&quot;'>       <b:include data='data' name='flat'/>     </b:if>     <b:if cond='data:style == &quot;MENU&quot;'>       <b:include data='data' name='menu'/>     </b:if>   </div>   </div>     </div></div><b/:if> </b:includable></blockquote>
Sekian postingan mengenai Kumpulan Tag Conditional di Blog ini, semoga bermanfaat! 
Kalau ada salah mohon dimaafkan, dan jika ada yang kurang di pahami bisa ditanyakan.

Tag Conditional berfungsi untuk membuat atau bisa juga untuk mengatur widget/script hanya tampil pada halaman tertentu. Selain itu juga m...

Baca Selengkapnya

Optimasi Meta Tag Seo Friendly

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1tZG5_PDWT571SRhY2YncRy48ujXLh_0uiJaoiWDYG6rPnQ977X3tqvnL4-aAlwucz60oHkddJaHJgVIqEVOwXu9u63x-risL1MppuAIDyJxEXlt6XWV0z8Z7ULJaA92zXwDZjYmefAY/s1600/meta-tag-conditional.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Fajri Mansyah Share" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1tZG5_PDWT571SRhY2YncRy48ujXLh_0uiJaoiWDYG6rPnQ977X3tqvnL4-aAlwucz60oHkddJaHJgVIqEVOwXu9u63x-risL1MppuAIDyJxEXlt6XWV0z8Z7ULJaA92zXwDZjYmefAY/s1600/meta-tag-conditional.jpg" title="Optimasi Meta Tag Seo Friendly" /></a></div>
Blogger kini telah banyak mengadakan banyak perubahan diantaranya adalah penelusuran tentang optimasi meta tag. Jika anda menggunakan template karya orang lain, kebanyakan template tersebut hanya menggunakan meta tag yang biasa. Selanjutnya adalah tugas untuk pemilik blog itu sendiri untuk mengoptimalkannya. 
 
Kali ini saya akan share tentang Cara Mengoptimalkan Meta Tag Seo Friendly oleh mas Ramdhani aka yang mempunyai www.o-om.com 
 
Bagi anda yang ingin menggunakan meta tag ini, berikut langkah-langkahnya : 
 
1. Cari kode 
<blockquote class="tr_bq">
<pre><code class="xml"><title><data:blog.pageTitle/></title></code></pre>
</blockquote>
2. Ganti kode diatas dengan kode dibawah ini : 
<div style="height: 500px; overflow: auto; width: ancho;">
<blockquote class="tr_bq">
<pre class="prettyprint prettyprinted"> 
<b:if cond='data:blog.pageType == "error_page"'>
<title>404: Maaf halaman yang ada cari tidak ada | Namablog</title> 
</b:if>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.searchQuery'>
<title>Pencarian keyword untuk :: <data:blog.searchQuery/> :: | NamaBlog</title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
 
<title>Arsip Artikel Bulan <data:blog.pageName/> | NamaBlog</title>
 
<meta expr:content='"Arsip Artikel Bulan " + data:blog.pageName + " selengkapnya silahkan kunjungi di NamaBlog"' name='description'/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
 
<title><data:blog.pageName/> | NamaBlog</title> 
<b:if cond='data:blog.metaDescription'>
 
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
<b:else/>

<meta expr:content='data:blog.pageName + ". Silahkan baca artikel " + data:blog.pageName + " selengkapnya di NamaBlog"' name='description'/>
</b:if>
<b:else/>

<b:if cond='data:blog.searchLabel'>
<title>Pencarian pada Label :: <data:blog.pageName/> :: | NamaBlog</title>
 
<meta expr:content='"Pencarian pada kategori ::" + data:blog.pageName + ":: selengkapnya silahkan kunjungi di NamaBLog."' name='description'/>
<b:else/>
 
<title><data:blog.pageTitle/> | NamaBlog</title> 
 
<meta expr:content='data:blog.pageTitle + " Tulis deskripsi blog anda disini."' name='description'/> 
</b:if>
</b:if>
</b:if>
 
<meta content='keyword1, keyword2, dst' name='keywords'/>
<b:else/>
 
<title><data:blog.pageName/> - NamaBlog</title>
 
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
<b:else/> 

<meta expr:content='data:blog.pageName + ". Silahkan baca artikel " + data:blog.pageName + " selengkapnya di NamaBlog"' name='description'/>
</b:if>
 
<meta expr:content='data:blog.pageName + ", keyword1, keyword2, dst"' name='keywords'/>
</b:if></pre>
</blockquote>
</div>
3. Save Template 
 
 
Note : Tulisan yang bewarna merah dapat anda hapus/ganti sesuai dengan keinginan anda. 
          Untuk menambahkan meta description dapat anda baca di "<a href="http://fajrimansyahshare.blogspot.com/2013/10/cara-memasang-meta-tag-seo-friendly.html">Cara Memasang Meta Tag SEO Friendly</a>"

Blogger kini telah banyak mengadakan banyak perubahan diantaranya adalah penelusuran tentang optimasi meta tag . Jika anda menggunakan tem...

Baca Selengkapnya

Cara Memasang Meta Tag SEO Friendly

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Ur3Z_xT66MP0Q3jNmMwcZdiq1iS5ILDcidJJ0eRmOIgIL9VLSqiCfxEtyHkVc_3g7_6BwG6j5f8pZkTL9rDybwjKZodyyyldEXNhMQK-5nL2A-OCqPrgddUjAQfph-AJ4Vxy_XVCatk/s1600/meta_tags.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Fajri Mansyah Share" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Ur3Z_xT66MP0Q3jNmMwcZdiq1iS5ILDcidJJ0eRmOIgIL9VLSqiCfxEtyHkVc_3g7_6BwG6j5f8pZkTL9rDybwjKZodyyyldEXNhMQK-5nL2A-OCqPrgddUjAQfph-AJ4Vxy_XVCatk/s1600/meta_tags.jpg" title="Cara Memasang Meta Tag SEO Friendly"></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
 
Begitu penting meta tag yang kita pasangkan di dalam blog karena sangat berpengaruh besar terhadap kualitas

Begitu penting meta tag yang kita pasangkan di dalam blog karena sangat berpengaruh besar terhadap kualitas

Baca Selengkapnya