Tampilkan postingan dengan label Template Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Template Blog. Tampilkan semua postingan

Template SEO Frendly Valid HTML5

Template Blogger SEO Valid HTML5



Template SEO frendly untuk blogger yang valid HTML5 untuk mempercepat blog terindeks oleh mesin pencari seperti google, yahoo, bing dan lain-lain. Template ini memiliki tampilan seluler yang dinamis dan terkesan rapi dengan menu navigasi dan widget-widget yang ingin kita tampilkan di versi mobile.

Template Blogger SEO Ready ini dilengkapi beberapa fitur dan kelebihan, diantaranya :

  • Meta Tag Deskripsi dan Meta Tag Keyword yang dinamis
  • Breadcrumbs : breadcrumbs terindeks oleh google.
  • Tampilan Seluler blog yang keren dan terkesan rapi dengan menu navigasi dan widget popular post dll terlihat di versi mobile.
  • Auto Readmore : Readmore otomatis ini tidak mengganggu atau berpengaruh pada laman blog.
  • Artikel Terkait atau Related Post : Artikel terkait merupakan salah satu syarat penting agar template benar-benar SEO frendly. Artikel terkait pada template ini disertai dengan thumbnail atau gambar kecil yang membuat blog semakin menarik.
  • Permalink Tag dibawah postingan.
  • Loading ringan dan cepat.
  • Template ini bisa 2 Kolom bisa juga 3 kolom
  • Threaded Comment (komentar bertingkat)
Screenshot Tampilan Seluler atau Versi Mobile Template SEO ini :

Cara Membuat Template Blogspot Valid HTML5

HTML merupakan singkatan dari Hyper Text Markup Language dan mempunyai arti sebagai sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan struktur pemformatan hiperteks sederhana yang ditulis dalam bentuk kode-kode dan instruksi sehingga menampilkan sebuah naskah atau dokumen pada website.

Cara Membuat Template Blogspot Valid HTML5
Logo HTML5

Pada masa sekarang ini, banyak pakar yang menilai bahwa kevalidan sebuah struktur HTML dapat mempengaruhi posisi SERP dan SEO blog atau website dimata search engine. Selain itu, sebuah web atau blog yang mempunyai HTML tidak valid, otomatis beberapa browser tidak akan mampu mengurai struktur serta tidak dapat menampilkan secara maksimal isi dari sebuah website sehingga akan memberikan dampak yang negatif.

Dari beberapa kasus yang pernah saya dapati, kebanyakan template blogger mempunyai struktur HTML yang tidak valid, termasuk template yang saya gunakan sekarang ini. Namun untuk memperbaikinya sehingga menjadi valid (paling tidak mengurangi error) ada beberapa cara yang bisa ditempuh sehingga errors dan warnings bisa diminimalisir  sekecil mungkin dan bagi yang ingin mencobanya, silahkan perhatikan langkah-langkah berikut ini :
Sebelum saya jelaskan lebih lanjut, terlebih dahulu silahkan periksa kevaliditasan blog yang sobat kelola di http://validator.w3.org/
Bagaimana, error atau valid? Kalau dugaan saya benar, pasti HTML template / blog yang sobat kelola pasti errornya lumayan banyak.

Langkah-Langkah mengurangi / meminimalisir errors dan warnings blog / website

Pertama, cari kode seperti di bawah ini :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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'>

Ganti kode di atas menjadi :

<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection'>

Atau dengan yang ini :

<!DOCTYPE html>
<HTML>

Langkah selanjutnya, copy kode di bawah ini dan pastekan tepat di bawah tag <head>

<meta charset='utf-8'/>

Lanjutkan dengan mencari kode di bawah ini kemudian Hapus

<b:include name='quickedit'/>

Cari tanda dash pada kode CSS kemudian hapus. Contohnya :

/*-------------- HEADER --------------*/ 

Sehingga menjadi :

/* HEADER */ 

Jangan simpan dulu, tetapi cari kode seperti di bawah ini :

<b:include name='nextprev'/>

Jika sudah ketemu, tambahkan kode conditional <b:if....> dan penutupnya sehingga akan terlihat seperti ini
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:include name='nextprev'/>
</b:if>
Selanjutnya, cari dan hapus kode seperti dibawah ini (optional)

<a expr:name='data:post.id'/>

Sekarng tekan simpan dan periksa kembali kevaliditasan blog atau website sobat.
Sekian dulu artikel tentang Cara Membuat Template Blogger Valid HTML5 ini, semoga berguna untuk sobat blogger semua...

Sumber

Template Blogger SEO Ready Dengan Tampilan Seluler


Template SEO ala batak musik ini adalah template blogspot yang SEO Frendly ringan loading dengan tampilan elegan dan rapi. Setelah melakukan pengujian dengan beberapa blog termasuk blog saya ini, template SEO frendly saya berfungsi maksimal membuat trafik blog saya semakin hari semakin meningkat. Tidak hanya SEO frendly, template keren :D ini juga memiliki tampilan seluler atau mobile view yang lumayan bagus dengan menu navigasi, popular post dan kategori label terlihat pada tampilan mobile/seluler (lihat tampilan seluler disini).

Screenshoot Tampilan Seluler (Versi Mobile)
Template Blogger SEO Ready Dengan Tampilan Seluler


Untuk lebih jelasnya, lihat demo template ini :
Demo Tampilan Seluler

Demo Tampilan Web

Template blogger SEO ini dilengkapi beberapa fitur dan kelebihan, diantaranya :
  1. Meta Tag Deskripsi dan Meta Tag Keyword yang dinamis
  2. Breadcrumbs : breadcrumbs terindeks oleh google.
  3. Auto Readmore : Readmore otomatis ini tidak mengganggu atau berpengaruh pada laman blog.
  4. Artikel Terkait atau Related Post : Artikel terkait merupakan salah satu syarat penting agar template benar-benar SEO frendly. Artikel terkait pada template ini disertai dengan thumbnail atau gambar kecil yang membuat blog semakin menarik.
  5. Permalink Tag dibawah postingan.
  6. Share Facebook, Twitter dan Google Plus dibawah postingan
  7. Loading ringan dan cepat.
  8. Template ini bisa 2 Kolom bisa juga 3 kolom
  9. Threaded Comment (komentar bertingkat)
Jika tertarik silahkan download template blogger SEO ready dengan tampilan seluler ini dan pasang di blogmu.

Download Template Blogspot SEO Frendly Terbaru 2013

Template Blogspot SEO Frendly ini merupakan template blogspot terbaru 2013 yang sangat SEO Frendly, simpel dan ringan loading. Template SEO Frendly ini dilengkapi berbagai fitur SEO yang akan mempermudah blog Anda terindeks mesin pencari seperti google. Template SEO ini sangat cocok untuk blogger pemula , selain mempercepat blog terindeks mesin pencari. Template ini juga sangat mudah diedit agar tampilan template lebih maksimal sesuai yang diinginkan. 
Beberapa fitur yang dimiliki template ini diantaranya meta tag deskripsi dan keywordbreadcrumbs otomatispermalink tag dan artikel terkait (related post) dengan icon kecil. Template SEO Ready ini sudah memiliki heading halaman dan judul artikel yang dinamis. 

Fitur Template SEO Frendly Terbaru 2013

Fitur Template
Template blogspot SEO Frendly ini sudah dilengkapi beberapa fitur, diantaranya :
Meta Tag Deskripsi dan Meta Tag Keyword yang dinamis
Breadcrumbs : breadcrumbs yang akan terlihat pada pencarian google alias breadcrumbs yang terindeks google.
Readmore otomatis : Readmore otomatis ini yang tidak mengganggu atau berpengaruh pada laman blog alias hanya pada postingan saja.
Artikel Terkait atau Related Post : Artikel terkait merupakan salah satu syarat penting agar template benar-benar SEO frendly. Artikel terkait pada template ini disertai dengan thumbnail atau gambar kecil yang membuat blog semakin menarik.
Permalink Tag dibawah postingan.
Like Facebook dan Twitter : Bookmark ready (facebook, twitter, google +, pinterest dll) dari addthis.
- Loading ringan dan cepat.
- Template 2 Kolom
- Threaded Comment

DEMO DAN DOWNLOAD


Template SEO Frendly Terbaru 2013