Membuat meta tag SEO dan valid HTML5

meta tag seo dan valid html5
Di setiap blog maupun web fungsi dari meta tag sangat penting dan diperlukan untuk lebih memaksimalkan potensi SEO dari sebuah web atau blog itu sendiri agar lebih ramah search engine.
Meta tag sendiri terdapat banyak macam dan bervariasi yang tentunya setiap blog juga berbeda-beda. Untuk melakukan optimasi SEO tentunya tidak hanya dilakukan dengan satu cara, melainkan banyak trik yang perlu dilakukan untuk membuat sebuah blog agar lebih SEO Friendly untuk mendekati search engine agar bisa memprioritaskan blog kita pada halaman utamanya.
Untuk memulai hal itu maka sedikit trik sederhana ini mungkin bisa sedikit membantu tentang cara optimasi sebuah template blog dengan menggunakan meta tag yang lebih SEO dan khususnya valid HTML5. Hal ini juga tentunya untuk sedikit mengurangi kesalahan eror yang terdapat pada template blog yang anda gunakan jika di cek pada W3C Validator dan masih terdapat kesalahan eror pada meta tag.

Tutotial

  1. Login ke akun blog anda
  2. Masuk ke menu template kemudian pilih Edit HTML





  • Kemudian Copy kode di bawah ini
    <meta charset='utf-8'/>
    <link href='http://BLOGANDA.blogspot.com' rel='canonical'/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/> DESKRIPSI SINGKAT BLOG </title> <b:else/><title><data:blog.pageName/> | <data:blog.title/></title>
    </b:if>
    <meta content='DESKRIPSI BLOG ANDA' name='description'/>
    <meta content='KEYWORD1, KEYWORD2, KEYWORD3' name='keywords'/>
    <meta content='index, follow' name='robots'/>
    <meta content='KODE VERIFIKASI GOOGLE' name='google-site-verification'/>
    <meta content='KODE VERIFIKASI BING' name='msvalidate.01'/>
    <meta content=KODE VERIFIKASI ALEXA' name='alexaVerifyID'/>
    <meta content='2 days' name='revisit-after'/>
    <meta content='general' name='rating'/>
    <meta content='id' name='geo.country'/>
    <meta content='Indonesia' name='geo.placename'/>
    <meta content='NAMA AUTHOR' name='author'/>
    <meta content='all' name='Slurp'/>
    <meta content='width=device-width' name='viewport'/>
    <link href='http:///BLOGANDA.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
    <link href='http:///BLOGANDA.blogspot.com/atom.xml' rel='alternate' title='Atom' type='application/atom+xml'/>
    <link href='http:///BLOGANDA.blogspot.com/feeds/posts/default' rel='alternate' title='RSS Feeds' type='application/atom+xml'/>
    <link href='http://draft.blogger.com/openid-server.g' rel='openid.server'/>
    <link href='http:///BLOGANDA.blogspot.com' rel='openid.delegate'/>

  • Letakan kode di atas di antara kode :
    <head>
    letakan di sini
    <b:skin><![CDATA[
  • Silahkan anda edit kode yang saya tandai dengan huruf besar sesuai blog anda ,
  • Save template

    • Dengan memasang Meta tag ini maka meta tag anda menjadi valid HTML5 sehingga error blog anda pun berkurang silahkan cek ke validan blog anda di validator.w3.org , Perlu anda ketahui penggunaan meta tag ini bukan berarti blog anda kan selalu di halaman utama google melainkan hanya untuk membuat blog anda lebih seo dan valid HTML5
    Referensi : http://mas-andes.blogspot.com/

    Comments

    1. Admin Z-T BlogAugust 24, 2013 at 1:49 AM

      sudah saya terapkan gan sejak lama, thx sharenya :)

      comeback.

      ReplyDelete
      Replies
      1. Fendi SaputraAugust 24, 2013 at 1:51 AM

        wahh keduluan agan dong berarti tricknya :D ok meluncur

        Delete
    2. AnonymousDecember 29, 2013 at 11:23 PM

      metatagnya hampir sama dengan blog yang lain, tapi makasih sudah share

      ReplyDelete

    Post a Comment

    Popular posts from this blog

    Membuat Poster Foto Kita Sendiri dengan Photoshop

    Image
    P ada tutorial kali ini kita akan mencoba membuat Poster kita sendiri Photoshop . Bagi yang suka mendesain poster atau flyer, mock-up ini akan sangat berguna untuk menampilkan hasil karya desain ke dalam bentuk 3D yang realistis. Penggunaan mock-up juga akan sangat efektif untuk menghemat waktu dan tenaga. Tutorial ini full dikerjakan di Photoshop tanpa menggunakan aplikasi 3D seperti 3Ds Max atau Cinema 4D. Tanpa panjang lebar lagi langsung saja kita mulai ke dalam proses pembuatannya.Jika anda belum memiliki software photoshop silahkan download dulu software adobe photoshop cs6 Langkah 1 Buat dokumen baru, beri nama dengan Poster Mock-Up dengan lebar 3000px dan tinggi 2000px resolusi 300dpi. Langkah 2 Buat kotak dengan menggunakan Rectangle Tool (U) , dan turunkan Opacity nya menjadi 0% . langkah 3 Klik kanan pada layer shape 1, pilih Convert to Smart Object . Langkah 4 Kemudian pilih Edit > Transform > Distort , posisikan titik-titik sudutnya seperti gambar dibawah....
    Read more

    Teknik PING Agar Blog Cepat Terindeks Oleh Google

    Image
    Apa itu ping? Arti kata oing adalah bersiul yakni memanggil. Lebih tepatnya memanggil robot search engine contoh google untuk menjelajahi halaman situs web atau blog yang di ping kan agar cepat terindeks ke google. Hanya saja waktu berkunjung atau kedatangan search engine ini untuk mengindeks halaman baru dari blog kita tidak pasti bisa cepat dan bisa juga sangat lambat dan sering kali nya lambat disebabkan blog kita baru berkenalan dengan search engine google. Adapun cara ping google terdiri dari 2 jenis yaitu : Ping Google Secara Otomatis Ping Google Secara Manual Saat ini banyak sekali layanan dari sebuat website yang menyediakan fasilitas layanan ping google. contoh seperti : pingomatic.com pingoat.com pingler.com mypagerank.net Oleh karena itu, disarankan untuk melakukan ping menggunakan layanan google yang tentunya pihakmgoogle akan memprioritaskan setiap website atau blog yang melakukan ping dari tempatnya sendiri, right? daripada dari pihak ketiga. Adapun cara melakukan ping go...
    Read more

    Cara mengatasi koneksi wifi di Windows 7 yang bermasalah

    Image
    B erdasarkan dari pengalaman sendiri ,saya mencoba menulis artikel ini karena Tiap Operating System memiliki kelebihan dan kekurangan masing-masing, Windows 7 disukai pengguna karena tampilannya yang menarik, namun di balik itu banyak thread di internet yang mengeluhkan bahwa Windows 7 sering trouble di koneksi internetnya, kalau tidak "limited or no connectivity" atau sudah "connected" tapi " no internet access". hal ini pun sering di jumpai contoh di sebuah Hotel , tamu sering menayakan mengenai password Wifi, padahal di Hotel tersebut koneksi internetnya tidak menggunakan Password, tamu yang sering kesulitan biasanya menggunakan OS win 7, berikut saya berikan cara yang mungkin dapat menyelesaikan masalah koneksi di Windows 7; Langkah-langkahnya ; Pastikan perangkat WiFi sudah Arahkan kursor ke icon wireless agent yang ada di pojok kanan bawah, lalu klik kanan, lalu pilih trouble shooter ( biarkan sistem yang mencari dan memperbaikinya). jika ...
    Read more