√ Meta Tag SEO Friendly Terbaru 2019 dan Valid HTML5 untuk Blogger - AdityaTekno

Social Items

Meta Tag SEO Friendly Terbaru dan Valid HTML5 2019 untuk Blogspot
Meta Tag SEO Friendly Terbaru 2019 dan Valid HTML5 - Welcome back sahabat AdityaTekno.COM. Dipostingan kali ini saya akan membagikan tips SEO untuk blog, yaitu meta tag. Lalu apa Meta Tag itu? Meta Tag adalah barisan kode yang memberikan informasi berupa metadata terkait dokumen HTML atau XHTML berdasarkan fungsi-fungsinya yang ada dalam sebuah halaman blog atau website. 

Menurut Google, meta tag adalah cara terbaik untuk seorang blogger dalam memberikan informasi mengenai halaman web kepada mesin pencarian. Dan tentu agar meta tag ini bisa ditelusuri maka pengkodeannya harus benar, karena beberapa kode dari meta tag terkadang ada yang dipahami dan juga tidak dipahami oleh mesin pencari.

Meta Tag SEO Friendly dan Valid HTML5 2019


Sebelumnya saya akan mengingatkan, kalau kode meta tag yang akan saya bagikan itu belum tentu cocok digunakan didalam template blog anda. Karena setiap kode meta tag yang digunakan dalam sebuah template sudah menjadi satu-kesatuan dengan kode template yang lain sejak template itu dibuat, karena tidak ambil sana ambil sini.

Lalu, bagaimana jika ingin menggunakan meta tag dari luar? Seperti yang saya sediakan ini dan dipasang didalam kode template blog anda? 

Nah, untuk memasang kode meta tag dari luar, perhatikan dulu struktur kode meta tag yang digunakan pada template blog anda sebelumnya, apakah memiliki kemiripan atau tidak? Apakah ada kode yang berbeda atau tidak? Kalau soal kemiripan dan perbedaan, pasti ada. Untuk itu, kode-kode yang berbeda inilah yang harus tetap digunakan.

Dikatakan seo friendly dan valid HTML5 itu karena didalam meta tag tersebut terdapat beberapa elemen yang harus sesuai dengan ketentuan yaitu:

1. Data Profil


Selama ini link profil yang terdapat didalam kode meta menggunakan link dari Google+, tetapi karena Google+ sekarang sudah dihapus, maka segera ganti link profil tersebut menggunakan link profil Blogger. Dan didalam meta tag yang saya share ini sudah menggunakan link profil Blogger. 

Jadi, jika didalam kode template blog anda masih menggunakan link profil Google+, segera dihapus atau diganti, karena link yang tidak bisa diakses akan menyebabkan template tidak valid.

2. Meta Deskripsi dan Keyword


Penggunaan meta deskripsi memang sangat penting, tapi untuk meta keyword sendiri ada yang menyarankan untuk tidak menggunakan meta keyword. Karena dikhawatirkan penggunaan keyword terlalu berlebihan sehingga menyebabkan blog dinilai sebagai blog spamming. 

Untuk menggunaan meta keyword ini, silahkan gunakan jika anda ingin menggunakan, dan gunakan dengan bijak, di meta tag terbaru ini sudah saya sertakan kodenya.

Begitu juga dengan meta deskripsi, penggunaan deskripsi didalam meta tag sudah otomatis tampil dan sesuai dengan deskripsi yang dipasang didalam pengaturan template atau didalam halaman posting artikel blog. Untuk panjang deskripsi disarankan tidak lebih dari 500 karakter.

3. Meta Tag Robots


Elemen selanjutnya yaitu meta tag robots, untuk menentukan halaman blog yang akan di index atau yang tidak boleh di index mesin pencarian, maka gunakan meta robot. Tag ini sangat berguna jika suatu halaman blog menggunakan frame untuk navigasinya.

Nah, berikut kode meta tag Seo Friendly dan Valid HTML5 yang mungkin bisa digunakan sebagai salah satu optimasi blog anda. Akan tetapi, sekali lagi saya sarankan untuk memperhatikan penggunaan meta tag yang telah digunakan pada template sebelumnya yang sudah saya jelaskan diatas. 

Jika kode meta tag dibawah ini cocok, silahkan gunakan dan jika tidak lebih baik abaikan saja. Penggunaan meta tag biasanya berada diantara kode <head> dan </head>. Tapi, alangkah baiknya untuk selalu menggunakan dan memasang meta tag dibawah kode <head> dan jangan diatas kode </head>. Berikut meta tag terbarunya:
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Deskripsi-blog-anda' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://www.blogger.com/profile/id-profil-blogger' rel='publisher'/>
<link href='https://www.blogger.com/profile/id-profil-blogger' rel='author'/>
<link href='https://www.blogger.com/profile/id-profil-blogger' rel='me'/>
<meta content='kode-verifikasi-google-search-console' name='google-site-verification'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='nama-admin-blog' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- Social Media Meta Tag -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='url-logo-blog-anda' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/profil-facebook' property='article:author'/>
<meta content='https://www.facebook.com/fanpage-facebook' property='article:publisher'/>
<meta content='kode-aplikasi-facebook' property='fb:app_id'/>
<meta content='kode-admin-facebook' property='fb:admins'/>
<meta content='kode-profil-facebook' property='fb:profile_id'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@user-twitter' name='twitter:site'/>
<meta content='@user-twitter' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>

Silahkan ganti data/identitas sesuai dengan blog anda. Misalnya id-profil-blogger, profi-facebook, dsb.

Demikian Meta Tag SEO Friendly Terbaru 2019 dan Valid HTML5. Semoga bisa membantu untuk membuat blog anda menjadi lebih SEO. Sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.COM.

Meta Tag SEO Friendly Terbaru 2019 dan Valid HTML5 untuk Blogger

Meta Tag SEO Friendly Terbaru dan Valid HTML5 2019 untuk Blogspot
Meta Tag SEO Friendly Terbaru 2019 dan Valid HTML5 - Welcome back sahabat AdityaTekno.COM. Dipostingan kali ini saya akan membagikan tips SEO untuk blog, yaitu meta tag. Lalu apa Meta Tag itu? Meta Tag adalah barisan kode yang memberikan informasi berupa metadata terkait dokumen HTML atau XHTML berdasarkan fungsi-fungsinya yang ada dalam sebuah halaman blog atau website. 

Menurut Google, meta tag adalah cara terbaik untuk seorang blogger dalam memberikan informasi mengenai halaman web kepada mesin pencarian. Dan tentu agar meta tag ini bisa ditelusuri maka pengkodeannya harus benar, karena beberapa kode dari meta tag terkadang ada yang dipahami dan juga tidak dipahami oleh mesin pencari.

Meta Tag SEO Friendly dan Valid HTML5 2019


Sebelumnya saya akan mengingatkan, kalau kode meta tag yang akan saya bagikan itu belum tentu cocok digunakan didalam template blog anda. Karena setiap kode meta tag yang digunakan dalam sebuah template sudah menjadi satu-kesatuan dengan kode template yang lain sejak template itu dibuat, karena tidak ambil sana ambil sini.

Lalu, bagaimana jika ingin menggunakan meta tag dari luar? Seperti yang saya sediakan ini dan dipasang didalam kode template blog anda? 

Nah, untuk memasang kode meta tag dari luar, perhatikan dulu struktur kode meta tag yang digunakan pada template blog anda sebelumnya, apakah memiliki kemiripan atau tidak? Apakah ada kode yang berbeda atau tidak? Kalau soal kemiripan dan perbedaan, pasti ada. Untuk itu, kode-kode yang berbeda inilah yang harus tetap digunakan.

Dikatakan seo friendly dan valid HTML5 itu karena didalam meta tag tersebut terdapat beberapa elemen yang harus sesuai dengan ketentuan yaitu:

1. Data Profil


Selama ini link profil yang terdapat didalam kode meta menggunakan link dari Google+, tetapi karena Google+ sekarang sudah dihapus, maka segera ganti link profil tersebut menggunakan link profil Blogger. Dan didalam meta tag yang saya share ini sudah menggunakan link profil Blogger. 

Jadi, jika didalam kode template blog anda masih menggunakan link profil Google+, segera dihapus atau diganti, karena link yang tidak bisa diakses akan menyebabkan template tidak valid.

2. Meta Deskripsi dan Keyword


Penggunaan meta deskripsi memang sangat penting, tapi untuk meta keyword sendiri ada yang menyarankan untuk tidak menggunakan meta keyword. Karena dikhawatirkan penggunaan keyword terlalu berlebihan sehingga menyebabkan blog dinilai sebagai blog spamming. 

Untuk menggunaan meta keyword ini, silahkan gunakan jika anda ingin menggunakan, dan gunakan dengan bijak, di meta tag terbaru ini sudah saya sertakan kodenya.

Begitu juga dengan meta deskripsi, penggunaan deskripsi didalam meta tag sudah otomatis tampil dan sesuai dengan deskripsi yang dipasang didalam pengaturan template atau didalam halaman posting artikel blog. Untuk panjang deskripsi disarankan tidak lebih dari 500 karakter.

3. Meta Tag Robots


Elemen selanjutnya yaitu meta tag robots, untuk menentukan halaman blog yang akan di index atau yang tidak boleh di index mesin pencarian, maka gunakan meta robot. Tag ini sangat berguna jika suatu halaman blog menggunakan frame untuk navigasinya.

Nah, berikut kode meta tag Seo Friendly dan Valid HTML5 yang mungkin bisa digunakan sebagai salah satu optimasi blog anda. Akan tetapi, sekali lagi saya sarankan untuk memperhatikan penggunaan meta tag yang telah digunakan pada template sebelumnya yang sudah saya jelaskan diatas. 

Jika kode meta tag dibawah ini cocok, silahkan gunakan dan jika tidak lebih baik abaikan saja. Penggunaan meta tag biasanya berada diantara kode <head> dan </head>. Tapi, alangkah baiknya untuk selalu menggunakan dan memasang meta tag dibawah kode <head> dan jangan diatas kode </head>. Berikut meta tag terbarunya:
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Deskripsi-blog-anda' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://www.blogger.com/profile/id-profil-blogger' rel='publisher'/>
<link href='https://www.blogger.com/profile/id-profil-blogger' rel='author'/>
<link href='https://www.blogger.com/profile/id-profil-blogger' rel='me'/>
<meta content='kode-verifikasi-google-search-console' name='google-site-verification'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='nama-admin-blog' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- Social Media Meta Tag -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='url-logo-blog-anda' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/profil-facebook' property='article:author'/>
<meta content='https://www.facebook.com/fanpage-facebook' property='article:publisher'/>
<meta content='kode-aplikasi-facebook' property='fb:app_id'/>
<meta content='kode-admin-facebook' property='fb:admins'/>
<meta content='kode-profil-facebook' property='fb:profile_id'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@user-twitter' name='twitter:site'/>
<meta content='@user-twitter' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>

Silahkan ganti data/identitas sesuai dengan blog anda. Misalnya id-profil-blogger, profi-facebook, dsb.

Demikian Meta Tag SEO Friendly Terbaru 2019 dan Valid HTML5. Semoga bisa membantu untuk membuat blog anda menjadi lebih SEO. Sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.COM.
Load Comments

Dapatkan Artikel Tips AdSense, Blogging, SEO setiap harinya.

Notifications

Disqus Logo