Cara Membuat Dynamic Heading SEO Friendly

Cara Membuat Dynamic Heading SEO Friendly

Blogging Tips SEO Tips

Kenapa saya menyarankan Anda untuk merubah heading di blog agar menjadi dynamic heading? Sebab banyak sekali pembahasan mengenai manfaat pembuatan dynamic heading ini. Supaya blog tampak menjadi lebih SEO Friendly. Pembahasan ini adalah lanjutan dari artikel mengenai cara memasang meta description, jika Anda belum membacanya saya sarankan silahkan baca disini Bagaimana Memasang Title Tag, Heading Tag, dan Meta Description.

Title Tag, Header Halaman, dan Judul Artikel. Merupakan komponen paling penting dari sebuah blog.  Oleh karena itu maka ketiga hal tersebut sebaiknya harus sangat diperhatikan apabila blog Anda benar-benar ingin menjadi blog yang lebih SEO friendly lagi. Dibawah ini saya akan akan menjelaskan untuk melakukan beberapa pengaturan.

1. Cara Mengatur Title Tag

Tanpa disadari atau mungkin karena belum mengetahui, banyak sekali blog yang hanya memiliki title tag default atau yang belum diperbaiki alias standar. Ini juga harus sangat diperhatikan, karena title tag akan sangat berpengaruh pada hasil pencarian di search engine nantinya. Untuk Title Tag ini jelas harus mengandung isi yang mewakili konten pada artikel. Mengenai cara memasang title tag silahkan baca di posting Bagaimana Memasang Title Tag, Heading Tag, dan Meta Description.

2. Cara Mengatur Judul Artikel

Pada template standar biasanya Judul Artikel ini dalam format H3. Sementara untuk gadget sidebar biasanya menggunakan format H2. Sekarang proses yang akan kita lakukan adalah bagaimana mengubahnya jadi terbalik, supaya untuk judul artikel adalah H2 dan untuk gadget sidebar diganti menjadi H3. Ini dimaksudkan agar blog lebih SEO Friendly lagi.

Caranya sebagai berikut:

• Login kea kun Blogger
• Pilih Template lalu klik Edit HTML
• Klik Format Template
• Tekan CTRL + F lalu cari  kode h3.
• Ganti semua kode h3.post menjadi h2.post
• Kemudian cari lagi kode <h3 class='post dan ganti semua menjadi <h2 class='post
• Setelah itu ganti tag </h3> menjadi </h2>
• Jika semuanya sudah selesai diganti klik Simpan Template

3. Cara Mengatur Header Halaman

Fungsi dari Header Halaman ini adalah menampilkan nama blog pada web browser. Supaya judul halaman tersebut bisa tampil pada browser ketika berada di beranda itu harus diatur dengan cara menempatkan kode pada HTML template blog, caranya seperti berikut ini;

• Silahkan Login ke akun blogger
• Pilih Template
• Klik Edit HTML dan Klik Format Template
• Lalu Tekan CTRL+A
• Kemudian untuk menyalinnya tekan CTRL+C
• Setelah itu tekan Delete, dan untuk menempelnya kembali tekan CTRL+V
• Setelah templat HTML terbuka penuh tekan CTRL+F
• Cari kode <b:include name='title'/> 
• Kemudian Anda ganti kode <b:include name='title'/> dengan kode seperti di bawah:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:include name='title'/>
<b:else/>
<data:blog.pageName/>
</b:if>

Jika terdapat ada beberapa kode <b:include name='title'/>  yang sama. Silahkan lakukan bergantian nanti akan diketahui pada kode yang mana harus diletakan. Anda bisa melihatnya pada browser anda ketika membuka sebuah artikel. Jika pada bowser ditampilkan nama blog ketika Anda membuka artikel berarti penempatan kode diatas sudah benar.

4. Cara Mengatur Judul Gadget

• Klik Template lalu pilih Edit HTML
• Klik Format Template
• Silahkan cari kode arsip.

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

• Ganti kode <h2><data:title/></h2> menjadi <h3><data:title/></h3>
• Lakukan tahap demi tahap sehingga semua kode untuk gadget menjadi h3

Itulah Tips saya kali ini mengenai bagaimana cara membuat dynamic heading agar blog anda nampak lebih SEO Friendly. Semoga ada manfaatnya dan bisa membantu.

Improve your Joomla SEO - get AceSEF!

Ditulis hello Pada 05.38 Komentar

Bagaimana Cara Memasang Breadcrumb di Blog

Bagaimana Cara Memasang Breadcrumb di Blog

Blogging Tips SEO Tips

Bagaimana Membuat Breadcrumb pada Blog, supaya breadcrumb tersebut tampil untuk setiap posting artikel Anda. Sebetulnya cara memasangnya tidak terlalu sulit. Fungsi breadcrumb ini termasuk salah satu Tips SEO juga. Karena menurut pembahasan, teknik pemasangan breadcrumb di blog ini, akan mempengaruhi mesin pencari supaya lebih cepat dalam mengenali struktur setiap blog yang dikunjunginya.

Selain itu, pemasangan breadcrumb ini juga merupakan salah satu teknik membuat link antar halaman, sehingga halaman yang satu dengan halaman yang lain dapat saling terhubung. Tentu saja dengan begitu akan memberikan efek yang sangat baik terhadap pagerank blog.

Nah, untuk memasang breadcrumb ini silahkan Anda ikuti caranya sebagai berikut;

• Pertama Login ke akun Blogger Anda.
• Lalu klik menu Template
• Lakukan backup template terlebih dahulu, untuk menjaga jika terjadi kesalahan pada saat menambahkan kode.
• Jika sudak di backup silahkan Anda klik Edit HTML
• Lalu klik Format Template
• Cari kode ]]></b:skin
• Kemudian letakkan kode di bawah tepat di atas kode ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}

• Lalu cari lagi kode di bawah ini:

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

• Sekarang Anda ganti kode di atas tadi dengan kode yang ada di bawah ini

<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'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</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'/>

• Jika sudah kemudian klik Simpan Perubahan. Apabila tahap yang Anda lakukan sudah sesuai dengan yang saya jelaskan diatas, maka Breadcrumb seharusnya sudah terlihat seperti contoh pada gambar dibawah ini.

Demikian bagaimana cara memasang breadcrumb pada blog Anda. Tidak terlalu sulit bukan. Itulah posting saya dalam kesempatan ini. Semoga artikel ini ada manfaatnya, dan bisa membantu bagi blogger pemula, karena siapa mengetahui mungkin masih ada yang belum paham mengenai bagaimana cara memasang breadcrumb ini. Terimakasih telah berkunjung ke blog ini.

Ditulis hello Pada 04.12 Komentar

Bagaimana Memasang Title Tag, Heading Tag, dan Meta Description

Bagaimana Memasang Title Tag, Heading Tag, dan Meta Description

Blogging Tips Blogspot SEO Tips

Untuk Meta Description, Title Tag, dan Heading Tag, akan sangat baik apabila anda mengaturnya sedemikian rupa supaya pada setiap artikel yang anda posting, memiliki Title Tag, Meta Description dan Heading Tag yang berbeda. Lalu bagaimana cara mengaturnya, tentu saja Anda harus melakukan perubahan struktur script HTML pada template blog Anda. Untuk mempersingkat waktu, silahkan ikuti langkah berikut yang akan saya jelaskan dibawah ini.

1. Format untuk Title Tag

Format Title Tag yang baik seharusnya sebagai contoh dibawah, silahkan Anda coba periksa lagi apakah Title Tag pada blog anda sudah SEO Friendly? Jika belum sebaiknya Anda ganti supaya seperti format dibawah ini.

<title>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<data:blog.title/>
<b:else/>
<data:blog.pageName/>
</b:if>
</title>

Caranya silahkan Login ke akun blogger Anda. Ikuti caranya seperti dibawah ini:

• Klik pada MenuTemplate
• Klik Edit HTML
• Klik Format Template
• Tekan CTRL + F lalu cari kode <title>
• Silahkan dicek ulang kembali apakah kode Title Tag sudah sama seperti format yang diatas.
• Apabila tidak sesuai, sebaiknya Anda hapus dulu kode lama kemudian ganti dengan kode baru seperti format kode diatas.
• Jika sudah selesai jangan lupa klik Simpan

2. Format untuk Meta Description

Untuk mengaktifkan Meta Deskripsi ini Anda harus melakukannya secara manual saja, silahkan Anda ikuti langkah seperti berikut ini;

• Login ke akun blogger Anda
• Pilih dan klik pada menu Setelan 
• Lalu pilih Preferensi Penelusuran 
• Paling atas pada Tag MetaDeskripsi klik Edit 
• Kemudian isi sesuai dengan Deskripsi Blog Anda
• Jika sudah selesai klik Simpan Perubahan

• Berikutnya setelah Anda melakukan semua langkah tersebut diatas, setiap kali anda membuat artikel baru, jangan lupa untuk mengisi deskripsi artikel tersebut pada kotak deskripsi yang ada disebelah kanan halaman post, lihat gambar. Jika sudah mengisi dengan deskripsi lalu klik Selesai.

3. Format untuk Heading Tag

Untuk menambahkan Heading Tag pada setiap posting artikel Anda coba perhatikan langkah berikut ini. Bisa Anda lihat seperti pada gambar dibawah ini.

Untuk mengatur forman Heading ini silahkan Anda pilih H2, dan untuk Sub Heading pilih H3, sedangkan untuk Minor Heading silahkan Anda pilih H4. Itulah cara bagaimana mengatur format untuk Heading Tag.

4. Ini adalah tambahan, Cara Mengatur Title Tag dan Alt Tag pada Gambar didalam posting.

Tambahan jika Anda menggunakan gambar pada setiap artikel, jangan lupa untuk menambahkan Alt Tag atau bisa juga menggunakan Image properties, klik pada gambar tersebut lalu klik properti, kemudian isikan Title Text dan Alt Text seperti berikut ini.

Itulah posting saya dalam kesempatan kali ini. Meskipun penjelasan saya cukup singkat, tetapi saya berharap semoga saja posting kali ini, mengenai cara memasang Title Tag, Heading Tag, Meta Description, Title Text dan Alt Text ini ada manfaatnya serta bisa membantu. Terimakasih telah berkunjung ke blog ini.

Ditulis hello Pada 14.27 Komentar

10 Simple Tips Seo 2013

10 Simple Tips Seo 2013

SEO Tips

Setelah saya berkeliling di Google minggu ini, saya mendapat beberapa point untuk blogging tips kali ini yaitu 10 SEO tips mengenai cara untuk melakukan optimasi mesin pencari. Ini hanya beberapa masukan saja, SEO sebagai mesin pencari yang sekarang ini telah melakukan banyak perubahan alogaritma yang sepertinya terus berkembang selama beberapa tahun terakhir ini.

Diantaranya seperti pada penekanan yang dilakukan saat ini, itu cenderung lebih besar ditempatkan pada kualitas konten yang sebenarnya, dibanding kepada kuantitas teks. Mungkin sebetulnya sangat sulit untuk memahami secara pasti perubahan alogaritma tersebut seperti apa, dan bagaimana sebenarnya mesin search engine dan alogaritma mereka bekerja untuk saat ini.

Ada beberapa informasi bahwa sekarang google mempekerjakan orang untuk menganalisa secara manual semua laporan dari setiap query yang dihasilkan oleh mesin alogaritmanya itu. Jadi sebetulnya tidak ada solusi yang secara pasti bisa mensukseskan SEO untuk saat ini, sebab dengan banyaknya informasi yang cukup rumit dari alogaritma dan system mereka yang bisa berubah kapan saja. Tetapi itu merupakan tantangan tersendiri untuk kita tentunya, supaya selalu belajar dan terus belajar.

Setelah saya blogwalking dan mencari beberapa informasi tentang SEO tips ini, ada beberapa kesimpulan yang sedikit bisa saya pahami untuk saat ini, dan itu adalah 10 SEO tips yang mungkin sangat sederhana sekali menurut versi saya, tetapi saya pikir itu akan sangat membantu dalam meningkatkan usaha kita untuk melakukan optimisasi SEO, khususnya untuk tahun 2013 ini.

 Berikut ini 10 Tips SEO untuk 2013

1. KONTEN

• Menulis konten yang baik dan usahakan untuk diperbarui secara teratur.

2. MEMBUAT DAFTAR ISI ATAU SITEMAP

• Ini sangat penting agar pengunjung blog memiliki peta informasi mengenai  situs Anda. Kemudian sediakan navigasi yang jelas untuk sumber  dari setiap konten baru yang kita update.

3. KATA KUNCI

• Pilih kata kunci yang tepat. Disini Anda bisa mengunakan alat seperti Google Analitycs untuk melihat hasil pharse kata kunci yang paling sesuai dengan apa yang kita inginkan.

4. PHARSE

•  Pilih kata kunci dengan menggunakan pharse niche untuk kompetisi rendah.

5. KEYWORD RASIO

• Ini juga penting untuk diperhatikan. Sebaiknya Anda gunakan kata kunci Anda dengan tidak berlebihan. Usahakan  Rasio kepadatan kata kunci pada artikel Anda sekitar 3% saja.

6. TEKS STYLING.

• Untuk setiap kata dalam kalimat yang mengangandung kata kunci silahkan Anda gunakan huruf miring atau tebal untuk kata kunci tersebut.

7. GAMBAR atau IMAGES

• Untuk setiap gambar jika anda selalu mengunakannya didalam setiap artikel, sebaiknya Optimalkan gambar dengan menggunakan kata kunci dalam judul dan alt tag gambar tersebut.

8. TAGS VIDEO

• Untuk anda yang mungkin sering posting video, gunakan Tag video dengan kata kunci yang sesuai dengan prover video tersebut supaya mendapatkan peringkat yang lebih tinggi.

9. HIPERLINKS

• Untuk  hyperlink ini sebaiknya Anda gunakan Hyperlink pharse yang berisi kata kunci dari blog Anda.

10. ANALYTICS

• Lakukan analisa secara rutin baik itu dengan menggunakan Google Analytics atau juga menggunakan mesin pencari yang lain.

Itulah Tips SEO saya dalam posting kali ini, semoga bermanfaat dan bisa membantu. Terutama untuk para blogger pemula. Terimakasih Anda telah menyempatkan untuk singgah berkunjung ke blog ini.

Ditulis hello Pada 03.23 Komentar

Cara Mengatasi Missing Required Field Update dan Hcard Author

Cara Mengatasi Missing Required Field Update dan Hcard Author

SEO Tips

Masalah "missing required field update dan hcard author" ini sering ditemukan terjadi biasanya setelah menganti template blog, atau setelah memasang author rich snippet Google Plus. Bisa juga terjadi karena script pada template yang digunakan, sejak awal belum diperiksa, apakah template yang digunakan itu sudah berjalan dengan baik, atau masih terdapat permasalahan "missing required field update dan hcard author". Sehingga menimbulkan masalah ketika Anda membuat artikel baru kemudian di publish Google tidak mengenali struktur pembaruan pada penulis dan author pada blog Anda.

Untuk melakukan pemeriksaan apakah masih terdapat kesalahan seperti itu, Anda bisa menggunakan alat google structured data testing tool. Apabila masih ditemukan masalah tersebut pada blog anda, sebaiknya persoalan itu segera diperbaiki. Cara mengatasi kesalahan hilangnya bidang yang diperlukan untuk pembaruan penulis dan author (missing required field update dan hcard author) ini, saya akan menjelaskan cara memperbaiki hal tersebut seperti dibawah ini :

• Silahkan buka akun blogger Anda
• Kemudian masuk ke Template
• Lalu klik Format template
• Silahkan Anda cari kode seperti di bawah ini :

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

• Setelah itu silahkan Anda copy paste script yang ada di bawah, kemudian tempatkan tepat di atas kode tadi.

<div class='vcard' id='hcard- Belajar Seo untuk Blogger Pemula '>
    <span class='fn n'>  
         <span class='given-name'>Ditulis oleh: Nunung.Sulistyowati</span>
     </span>
          <a class='updated' href='http://tipsseomudah.blogspot.com/' rel='bookmark'>Belajar Seo untuk Blogger Pemula</a>
           Updated at : <abbr class='published' expr:title='data:post.timestampISO8601'>
           <data:post.timestamp/></abbr>
</div>

Jangan lupa, untuk mengganti tulisan yang berwarna biru pada kode tersebut sesuai dengan data blog Anda. 

Apabila cara diatas masih tidak menyelesaikan masalah tersebut silahkan Anda gunakan cara berikut ini;

• Silahkan kembali masuk ke Template
• Lalu klik Format template
• Tekan Ctrl+F cari kode timestampISO8601
• Akan terlihat seperti dibawah ini;

<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

• Ganti kode diatas dengan kode dibawah ini;

<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

• Atau silahkan Anda hanya mengganti tulisan 'timestamp-link' dan 'published' dengan 'updated'.
• Setelah itu lanjutkan dengan mencari kode dibawah;

<data:post.timestamp/>

• Lalu Anda ganti dengan kode ini;

<span class='updated'> <data:post.timestamp/> </ span>

• Klik Save Template

Itulah tips saya kali ini, mengenai bagaimana cara memperbaiki atau mengatasi masalah jika terjadi "missing required field update dan hcard author" pada blog Anda. Semoga membantu dan bermanfaat.

Ditulis hello Pada 16.19 Komentar