Blog Romeltea

Blog Romeltea

Meta Tag SEO Friendly - Meningkatkan Pengunjung Blog

meta tags seo friendly blog
meta tags seo friendly: reallysimpleseo.com
Meta Tags SEO Friendly untuk Meningkatkan Pengunjung Blog.

META Tags yaitu "tanda pengenal" blog kita untuk mesin pencari, termasuk Google. Konten blog kita akan dikenali pertama kali dari meta tags ini.

Meta tags are snippets of text that describe a page's content; the meta tags don't appear on the page itself, but only in the page's code. We all know tags from blog culture, and meta tags are more or less the same thing, little content descriptors that help tell search engines what a web page is about. (Wordstream)

Contoh Meta Tags yang dimengerti oleh mesin pencari Google dijelaskan di Meta tags that Google understand.

Meta tags merupakan rangkaian kode HTML yang dipasang di bawah <head> template blog. Banyak blogger merekayasa Meta Tags SEO Friendly agar blognya mudah diindeks Google sehingga meningkatkan jumlah pengunjung.

Elemen Meta Tags


Meta tags terdiri dari empat elemen:
  • Meta Keywords  - kata-kata kunci yang relevan dengan konten blog. Banyaknya "manipulasi" terhadap meta keywords membuat Google tidak lagi mengindeks atau tidak lagi mempedulikan kata kunci ini.
  • Title Tag - Judul yang muncul di bagian atas browser. Mesin pencari mengenalinya sebagai judul halaman blog.
  • Meta Description - gambaran ringkas tentang konten halaman atau blog.
  • Meta Robots - perintah kepada mesin pencari untuk indeks dan ikuti (index/noindex, follow/nofollow).

Meta Tags dan SEO

Apakah meta tags berpengaruh pada seo blog? Jawabannya, menurut Wordstream, YA, namun tidak selalu dan tidak setiap waktu.

Mesin pencari Google, misalnya, tetap mengutamakan konten berkualitas atau isi blog yang unik, menarik, dan fresh.

Meta Tag SEO Friendly

Berikut ini Meta Tags SEO Optimized Meningkatkan Pengunjung Blog yang saya "intip" dari sejumlah blog yang suka muncul di halaman teratas hasil pencarian Google (SERP). Kita bisa menggunakannya sebagai ikhtiar meningkatkan jumlah pengunjung, trafik, atau pageviews.

Jika mau menggunakannya, maka hapus kode meta tags lama di template blog Anda, dan ganti dengan kode meta tags seo friendly di bawah ini. Simpan di bawah kode:

<b:include data='blog' name='all-head-content'/>

<!-- SEO Meta Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta expr:content='data:blog.pageTitle' name='keywords'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
</b:if>   
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='keywords'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Nama Anda' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- SEO Meta Tag end -->

<!-- SEO Title Tag -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title>Arsip Untuk <data:blog.pageName/></title>
<meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Halaman Tidak Ditemukan - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
</b:if>
</b:if>
<!-- SEO Title Tag End-->


Meta Tag ala Johny Wuss: Recommended!

Kode meta tags SEO Friendly berikut ini "diintip" dari template blog yang tidak asing lagi di kalangan blogger, yakni Johny Wuss, yang terbukti dan teruji ampun menembus indeks Google.

Kode Tag Meta ini menggantikan kode  <title><data:blog.pageTitle/></title> bawaan blogger.

Hanya saja, perlu ditambahkan kode <b:include data='blog' name='all-head-content'/>  yang sangat penting bagi indentitas dan elemen blog yang akan dibaca mesin pencari.


   <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> | Panduan Menulis untuk Pemula</title>
    </b:if>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    </b:if>
<meta expr:content='data:blog.metaDescription' name='description'/>
 <meta expr:content='data:blog.pageName' name='keywords'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
   <meta content='Cara Menulis' name='keywords'/>
    <meta content='Romeltea' name='Author'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
</b:if>

Meta Tag SEO Friendly artinya meta tags yang sudah dioptimalkan untuk mesin pencari sehingga bisa meningkatkan pengunjung blog. (http://blogromeltea.blogspot.com/).*

Template Blogger Simple Responsive dengan Bootstrap

Template Blogger Simple Responsive dengan Bootstrap
Template Blogger Simple Responsive dengan Bootstrap.

BOOTSTRAP adalah produk Twitter untuk membangun situs web atau blog berbasis HTML dan CSS dengan mudah, cepat, dan menghasilkan template blog yang responsive (mobile friendly) dan bersih (clean).

Template blog modern umumnya dibangun dengan bootstrap sehingga tampil minimalis, bersih, dan fast loading yang tentu saja juga ramah mesin pencari (SEO Friendly).

Twitter bootstrap is a collection of tools that will eases creation of websites using in built functionality. Twitter bootstrap is an open source web development kit to give consistent and good user experience. It has HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components. It also has some JavaScript extensions which surely improves user experience.

Salah satu ciri template blog dengan bootstrap adalah bagian header atau navigasi menunya yang simple, modern, elegan, minimalis, floating, responsive-dropdown.

Berikut ini beberapa template blogger yang dibangun dengan Bootstrap. Tinggal download dan intall, lalu modifikasi sesuai dengan selera.

LifeHack Premium Responsive Blogger Template



Lifehack is a customized blogger template and built using twitter bootstrap 3. Its a fully responsive magazine blogger template best suited for magazines and news sites. It can also used for business blogs by removing magazine widgets used in home page.

DEMO | DOWNLOAD
 
Picsalad BS Blogger Template

Picsalad Blogger Template

 Picsalad is viralnova clone responsive blogger template with plenty of features. It is coming with an option to showcase a full content width image thumbnail. 


Standard Blogger Theme

Standard Blogger Template


Evid BT
 
Evid Blogger Template


BootStrap 3 Blogger Template
 


Flat Design Bootstrap Blogger Template 
Flat Design Twitter Bootstrap Blogger Template



Twitter Bootstrap Blogger Template
Basic Twitter Bootstrap Blogger Template  



Bootstrap Blogger Template



Bootstrap 3 Blogger Template

Bootstrap 3 Blogger Template

 
Template Blogger Simple Responsive dengan Bootstrap yang terakhir, di bagian download, akan membawa Anda ke halaman "pusat kode" yang akan melieurkan newbie. Wasalam. (http://blogromeltea.blogspot.com).*

MagOne - Template Blog SEO Friendly & Responsive Magazine Style Terbaik

MagOne - Template Blog SEO Friendly & Responsive
MagOne - Template Blog SEO Friendly & Responsive Magazine Style Terbaik

TEMPLATE blogger gaya majalah (magazine style) sangat banyak, pake banget :)

Kita dibuat bingung memilihnya. Namun, dari sekian banyak magazine blogger template, saya melihat Template MagOne ini merupakan yang terunik sekaligus karenanya terbaik dari sisi desain.

Dari sisi ke-SEO-annya masih harus diuji atau bisa dimodifikasi lagi, misalnya dari Meta Tags dan Speed atau kecepatan loading.


Keunikan MagOne yang tidak dimiliki template magazine lainnya adalah All in One Header. Headernya sangat unik, menu navigasi, logo, dan widget media sosial menyatu di header, plus kotak pencarian.
Keunikan kedua adalah footernya yang juga lain daripada yang lain. Simple but cool. Sederhana tapi keren.

Halaman dalam (single post) lebih unik lagi. Selain menampilkan gambar ukuran full, di bagian bawah judul ada space iklan (AdSense), ringkasan, dan Related Post. Ini jarang ada di template blog lainnya, bahkan mungkin baru MagOne yang desainnya seperti itu.

Berikut ini detail MagOne Blogger Template yang sangat unik dan keren.


Multi-Purposes - MagOne - Magazine Blogger Template

All In One Header Layout - MagOne - Magazine Blogger Template

Responsive Mobile Friendly - MagOne - Magazine Blogger Template

Outstanding Supports - MagOne - Magazine Blogger Template

Support All Article Toys - MagOne - Magazine Blogger Template

Flexible Comment System - MagOne - Magazine Blogger Template

Flexible Customization - MagOne - Magazine Blogger Template

Template Options - MagOne - Magazine Blogger Template

Ready To Translate - MagOne - Magazine Blogger Template

Main Features

  • Drag and Drop Widget Builder: only need to change parameters then move widgets to any where to make any layout you want.
  • Flexible Menu Navigation: supports drop-down, link group mega, label content mega, and icons.
  • Responsive: passed all Goolge mobile friendly tests. Working well 100% with any mobile and tablet devices.
  • Multiple Comment Systems: Facebook, Google+, Blogger and Disqus comment systems are all ready to work.
  • Custom Archive Page Designs: pick any design for label / search / archive pages as you want with professional navigation buttons.
  • Custom Post Title Design: easy changing your post main title design with default editor of Blogger.
  • Support Sub Post Title: you can add subtitle of post and pick custom style for it.
  • Smart Breadcrumb: not similar breadcrumb of other templates, our breadcrumb will show labels as exactly order automatically.
  • Widgets Ready: template has a lot of built-in widgets: article widgets (slider, sticky, complex, carousel, one column, two columns, three columns, blogging, left and right), quote image widgets, flexible popular widgets.
  • Post Pagination: you can split long post content to pages with simple shortcode.
  • Reactions, Locations, Share Buttons, Author Box, Related Posts are all ready: we don’t miss any thing for your article content, just focus to your content, we will handle your site interface.
  • Fully Template Designer: support most of features from Blogger advance customizer. This template has flexible width also.
  • Template Options: have friendly UI for changing template options easily through SpotSettings tool.
  • Multilingual Ready: template supports SpotLingo to translate to any languages easily and compatible with any RTL languages.
  • Support Service: well documentation and have many ways to support (remote desktop, login as member, email directly).
Bagaimana mendapatkan template tersebut? MagOne adalah template premium seharga US$21. Anda bisa membeli atau mendapatkannya di Envanto. Wasalam. (http://blogromeltea.blogspot.com).*

Meta Tags SEO Friendly Otomatis untuk Blogger - Versi All in One

All in One Meta Tags SEO Friendly Otomatis untuk Blogger
Meta Tags SEO Friendly Otomatis untuk Blogger - Versi All in One 

TAG Meta (meta tags) adalah elemen atau tag dalam bahasa pemrograman HTML atau XHTML yang berfungsi sebagai pemberi informasi metadata dari sebuah halaman web. (Wikipedia)

Menurut Google, Meta Tag adalah cara terbaik bagi para webmaster atau blogger dalam memberikan informasi mengenai situs/blog mereka kepada mesin telusur.

Tag meta ditambahkan ke bagian <head> laman HTML (Template Blog).

Meta tag adalah kunci untuk mendapatkan peringkat di halaman hasil pencarian, namun bukan penentu utama.

Secara praktis, meta tags adalah gambaran konten blog secara keseluruhan, termasuk Judul Blog (meta title), deskripsi konten blog (meta descriptions), dan kata kunci (meta keywords).

Berikut ini jenis-jenis kode Meta Tags yang bisa dipasang di template blog Anda.

Meta Tags Standar Blogger

Meta tags yang ada di template blog bawaan blogger hanya dua baris, sebagai berikut:

<b:include data=’blog’ name=’all-head-content’/>
<title><data:blog.pageTitle/></title>

Meta Tags SEO Friendly Standard 

<b:include data=’blog’ name=’all-head-content’/>
 <b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>


Meta Tags SEO Friendly Optimized

<b:include data=’blog’ name=’all-head-content’/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>

<meta name='author' content='author's name'/>
<meta name='email' content='author's email'/>
<meta name='language' content='author's language'/>
<meta name='country' content='author's country'/>
<meta name='generator' content='blogger'/>
<meta name='robots' content='noodp,noydir'/>
 

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Blog / Website Description Here' name='description'/>
</b:if>
<meta content='keyword, keyword, keyword' name='keywords'/>
<meta content='Author Name Here' name='Author'/>
<meta content='Author Email Address' name='Email'/>
<meta content='All' name='Robots'/>
<meta content='index, follow' name='robots'/>
<meta content='index, follow' name='GOOGLEBOT'/>
<meta content='index, follow' name='yahooBOT'/>

Meta Tags SEO Friendly All in One

Meta Tags All in One di bawah ini memudahkan blogger baru dalam mengisi Met tags. Karena otomatis, maka tidak usah lagi menulis meta deskripsi dan kata kunci di dalam template.

Bahkan, jika ganti template pun, trafik dan indeks tidak terpengaruh karena Meta tags ini otomatis.

Dengan meta tegs All in One ini, blog akan cepat dan mudah terindeks Google dan mesin pencari lainnya. Meta tags ini juga menyambungkan blog ke akun media sosial Facebook, Twitter, dan Google plus.

Cara Pasang All in One Meta Tags SEO Friendly Otomatis untuk Blogger

1. Template > Edit HTML
2. Hapus Meta Tags Lama Anda, yaitu kode antara <head> dan <b:skin>
3. Replace dengan All in One Meta Tags SEO berikut ini:

<meta charset='utf-8'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>


<b:include data=’blog’ name=’all-head-content’/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex, nofollow' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' name='keywords'/>
<meta content='index, follow' name='robots'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageTitle != data:blog.title'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
</b:if>
<meta content='GOOGLE VERIFICATION CODE' name='google-site-verification'/>
<meta content='BING VERIFICATION CODE' name='msvalidate.01'/>
<meta content='ALEXA VERIFICATION CODE' name='alexaVerifyID'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit'/>
<meta content='1 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='en-us' name='language'/>
<meta content='Indonesia' name='country'/>
<meta content='@Facebook' property='fb:admins'/>
<meta content='@Twitter' name='twitter:site'/>
<link href='https://plus.google.com/xxxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
</b:if>



4. Save Template!

Notes:
- Kode warna merah di awal adalah kode yang biasa ada di template blog responsive. Jangan dihapus!
- Replace Red colored line with your Google Plus Profile
- Replace Pink colored line with your website's Google Plus Page
- Change @Facebook with your Facebook ID
- Change @Twitter with your Twitter ID
- Put your Google, Bing and Alexa Verification Code in the place of Bold Words Line such as:

       - Replace GOOGLE VERIFICATION CODE with your Google Verification Code
       - Replace BING VERIFICATION CODE Bing Verifying Code
       - Replace ALEXA VERIFICATION CODE with Alexa Verifying Code

Features
  1. Add Meta Tags in Your Blogger Blog.
  2. Show Post Title First In Search Results
  3. SEO Optimize Blogger Comments
  4. Search Engine Optimized Blogger Labels
  5. Search Engine Optimized Blogger Archives
  6. Optimize Post Title Using H2 Tag
  7. Verify Google, Bing and Alexa by verification code - NEW
  8. Add an SEO Friendly Robots.txt File
  9. Convert Title Tags into Dynamic Title Tags
  10. Facebook and Twitter Profile Compatible - NEW
  11. Allow Bots to crawl your site on daily basis
  12. Google + Author Profile Picture Compatible
  13. Helps you in Getting High Indonesia Traffic
Sumber

Back To Top