Penting ! Meta Tag Seo Friendly dan Valid HTML5 2022 Terbaru

blogger Penting ! Meta Tag Seo Friendly dan Valid HTML5 2022 Terbaru
Candil - Meta Tag Seo Friendly dan Valid HTML5 2019 - Meta adalah elemen atau tag yang terdapat dalam bahasa pemrograman HTML yang memiliki fungsi sebagai pemberi informasi metadata dari sebuah halaman blog atau website. Seperti yang dijelaskan di salah satu halaman Google, meta tag adalah cara terbaik bagi seorang blogger dalam memberikan informasi mengenai halaman situs kepada mesin telusur. Tentunya agar meta tag ini bisa ditelusuri maka pengkodeannya harus benar karena beberapa kode dari meta tag terkadang ada yang dipahami dan tidak oleh mesin pencari.

 Meta Tag Seo Friendly
 Meta Tag Seo Friendly

Jika meta tag bisa ditelusuri oleh mesin pencari seperti Google, Bing, Yahoo dan sebagainya maka hasilnya akan ditampilkan dalam SERP yaitu Search Engine Result Page. Jika meta tag ini sudah masuk kedalam SERP itu artinya artikelnya blog sudah terindeks oleh Google, meskipun tidak berada di halaman pertama Google.

Bagaimana agar meta tag dapat ditelusuri oleh mesin pencari? Dibuatlah template atau tema blog yang SEO Friendly, Responsive dan Valid HTML serta dengan loading yang cepat. Didalam template dengan ketentuan yang kami sebutkan tersebut terdapat kode meta tag yang mudah ditelusuri oleh mesin pencari namun untuk setiap template meskipun sudah memiliki nilai SEO Friendly, tidak semua meta tag yang ada di masing-masing kode template cocok digunakan di template yang lain. Jadi tetap perhatikan penggunaan meta tag dalam template blog Anda.

Meta Tag Seo Friendly dan Valid HTML5 2019

Seperti halnya kode meta tag yang kami share dibawah ini, belum tentu cocok digunakan didalam template blog Anda. Karena setiap kode meta tag yang digunakan dalam sebuah tema atau template sudah menjadi satu-kesatuan dengan kode template yang lain sejak template itu dibuat, bukan berasal dari comot sana comot sini.


Bagaimana jika ingin menggunakan meta tag dari luar? Seperti yang kami sediakan ini dan dipasang didalam kode template blog saya? Untuk memasang kode meta tag dari luar, perhatikan dulu struktur kode meta tag yang digunakan pada template blog 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.

Elemen Meta Tag SEO Friendly

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

Data Profil

Selama ini link profil yang terdapat didalam kode meta menggunakan link dari Google+ namun karena Google+ akan dihapus maka segera ganti link profil tersebut menggunakan link profil Blogger. Dan didalam meta tag yang kami 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.

Meta Deskripsi dan Keyword

Penggunaan meta deskripsi memang sangat penting namun 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. Kami sendiri menggunakan meta keyword hanya di halaman posting saja bukan di halaman beranda (homepage). Namun didalam meta tag terbaru ini kami memasangnya di homepage. Untuk penggunaan meta keyword ini, silahkan jika Anda ingin menggunakan, gunakan dengan bijak dan di meta tag terbaru ini sudah kami sertakan kodenya.

Begitu juga dengan meta deskripsi, penggunaan deskripsi didaalam 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.

Meta Tag Robots

Untuk menentukan halaman blog yang akan di index atau tidak oleh mesin penelusuran, maka gunakan meta robot. Tag ini sangat berguna sekali jika suatu halaman blog menggunakan frame untuk navigasinya.

Nah, berikut kode meta tag meta tag Seo Friendly dan Valid HTML5 yang mungkin bisa digunakan sebagai salah satu optimasi blog Anda. Namun sekali lagi kami menyarankan untuk memperhatikan penggunaan meta tag yang telah digunakan pada template sebelumnya yang telah kami jelaskan diatas. Jika kode meta tag dibawah ini cocok, silahkan digunakan jika tidak lebih baik abaikan saja.

Penggunaan meta tag biasanya berada diantara kode head dan /head. Namu alangkah baiknya untuk selalu menggunakan dan memasang meta tag dibawah kode head dan jangan diatas kode /head. Berikut contoh meta tag terbaru yang kami buat:


 <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 == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<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 != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Deskripsi-Blog' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<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 == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='website' 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='"Silakan kunjungi " + data:blog.pageTitle + " Untuk membaca postingan menarik."' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdWdHJ1guO39z7pLmRW779D4TPt9LoitGHXEQuLro7R7C4whPtCX3W9Yc0nzJot6tAY3IZqxnVue6GYx7RfY8PsjuzC65ySbQl3aHmrNSpjmA9pG5LjSlK30uiIlx9L08cTBcKq1NqZnw/s0/20200806_191417.png' 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'/>

Keterangan Meta Tag

NilaiKeterangan
Deskripsi BlogIsi dengan deskripsi atau kata kunci blog
Id Profil BloggerIsi dengan id profil blogger Anda
Kode Verifikasi Search ConsoleIsi dengan kode verifikasi Google di Search Console
Nama Admin BlogIsi dengan nama Anda
id dan IndonesiaIsi dengan kode negara lokasi blog dipublikasikan
Profil FacebookIsi dengan link profil Facebook Anda
Fabpage FacebookIsi dengan link FanPage Facebook
Kode Aplikasi facebookIsi dengan kode App Facebook
Kode Admin FacebookIsi dengan kode admin Facebook anda
Kode Profil FacebookIsi dengan kode profil Facebook anda
@user-twitterIsi dengan nama user Twitter Anda
Sesuaikan kembali kode xxx atau yang kami tandai dengan warna kuning pada penempatan meta tag di atas. Demikian tentang Meta Tag Seo Friendly dan Valid HTML5 Terbaru yang bisa kami share, sekali lagi jika cocok silahkan dipasang, jika tidak jangan dan lebih baik menggunakan template yang sudah memiliki meta tag seo friendly yang biasanya sudah disediakan oleh pembuatnya. Terima kasih.
Sumber Inspirasi » » »
https://www.digitalpoin.com
  • Deskripsi

    Meta Tag Seo Frienly Blogger Terbaru Valid HTML 5
  • Tag

    blogger Tutorial