Meta Tag Seo Friendly dan Valid HTML5 2023 Terbaru

Meta Tag Seo Friendly dan Valid HTML5 - Meta adalah elemen atau tag yang terdapat dalam bahasa pemrograman HTML yang memiliki fungsi sebagai pemberi informasi metadata dari sebuah halaman blog atau website

Daftar isi

Baca Juga

Meta Tag Seo Friendly dan Valid HTML5 2023 - 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.

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 2023

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 == &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' 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'/>
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiArzN6fekbH7KX-hq1KTwlVc7PA4OQSvwCzk9YSVv9aDXkSgWEs0w6Floa0sg50MxkYMLGQEuHXQAchsYtBExyK93ovRtqFLdxVej323WBGpivLVO0U57J6Cy42gUoSWP1OBSvrbk9c2A/' 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

Nilai	Keterangan
Deskripsi Blog	Isi dengan deskripsi atau kata kunci blog
Id Profil Blogger	Isi dengan id profil blogger Anda
Kode Verifikasi Search Console	Isi dengan kode verifikasi Google di Search Console
Nama Admin Blog	Isi dengan nama Anda
id dan Indonesia	Isi dengan kode negara lokasi blog dipublikasikan
Profil Facebook	Isi dengan link profil Facebook Anda
Fanpage Facebook	Isi dengan link FanPage Facebook
Kode Aplikasi facebook	Isi dengan kode App Facebook
Kode Admin Facebook	Isi dengan kode admin Facebook anda
Kode Profil Facebook	Isi dengan kode profil Facebook anda
@user-twitter	Isi dengan nama user Twitter Anda

Jika kode diatas tidak bisa di copypaste, gunakan link download dibawah ini:

Mediafire: https://www.mediafire.com/file/rtjcdcuonkh6ktc/meta-tag-seo-friendly-valid-html.txt/file

Google Drive: https://drive.google.com/file/d/1_A7Nz_pQUOvC_LXTRXvd3dLwa9if7aTK/view

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.