Meta Tag Seo Friendly dan Valid HTML5

Meta Tag Seo Friendly dan Valid HTML5 - Kali ini saya akan menjawab pertanyaan yang pernah ditanyakan sobat blogger yaitu tentang cara mengisi kode xxxxx yang saya tambahkan pada template-template yang saya bagikan.

HTML Meta Tag

Mungkin diantara sobat blogger masih ada yang belum faham dengan meta tag ini, baiklah di sini saya akan menjelaskan sedikit tentang meta tag pada template blogger.

Meta tag

merupakan salah satu optimasi pada blog agar blog dan artikel yang kita posting memiliki identitas yang jelas. Sehingga blog akan lebih mudah ditelusuri robot penelusuran seperti pada browser Google, Bing, atau alat penelusuran lainnya dan akan lebih mudah diurutkan di SERP (search engine results page)

.

Adapun fungsi meta tag pada dasarnya terdiri dari beberapa elemen penting diantaranya :

Meta tag description

Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman blog sobat. Ukurannya disarankan tidak lebih dari 200 karakter. Dan usahakan agar description ini bisa menjadi :

<meta content='Tulis deskripsi di sini'  name='description'/>


Meta tag keyword

Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apa yang bisa menemukan halaman blog pada search engine.

<meta content="kata kunci 1, kata kunci 2, kata kunci 3,... name="keywords"/>


Meta tag robots

Tujuan utama penggunaan meta tag robots adalah untuk menentukan halaman blog mana yang akan diindex oleh penelusuran dan halaman blog mana yang tidak akan ditelusuri. Tag ini sangat berguna sekali terutama jika suatu blog menggunakan frame untuk navigasinya.

<meta content="index follow" name="robots"/>

Ketiga komponen meta tag ini jika dipadukan maka bentuknya seperti di bawah ini :

<meta content='Tulis deskripsi di sini' name='description'/>
<meta content='kata kunci 1, kata kunci 2, kata kunci 3...' name='keywords'/>
<meta content='index, follow' name='robots'/>

Nah, setelah sobat mengetahui fungsi dan beberapa komponen dasar yang wajib sobat terapkan pada template blog. Sekarang saya akan menjelaskan satu persatu pada kode xxxxx yang sering terdapat pada template yang saya bagikan.

Meta Tag Seo Friendly dan Valid HTML5

Di sini saya akan membagikan contoh meta tag Seo Friendly dan Valid HTML5 yang saya gunakan pada template Simplify 2 versi terbaru sekaligus sebagai jawaban sobat blogger tentang cara menghilangkan judul blog saat berbagi artikel ke sosial media. Kode di bawah ini dapat sobat pasang di bawah tag pembuka <head>

atau sebelum </head>


<!-- [ Meta Tag SEO ] -->

<include expiration='7d' path='*.css'/>

<include expiration='7d' path='*.js'/>

<include expiration='3d' path='*.gif'/>

<include expiration='3d' path='*.jpeg'/>

<include expiration='3d' path='*.jpg'/>

<include expiration='3d' path='*.png'/>

<meta content='sat, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/>

<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://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/>

<link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>

<link href='https://plus.google.com/USER-GOOGLE-PLUS' rel='me'/>

<meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>

<meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>

<meta content='Indonesia' name='geo.placename'/>

<meta content='NAMA-ADMIN' 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='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='"Silakan kunjungi " + data:blog.pageTitle + " Untuk membaca postingan menarik."' property='og:description'/>

</b:if>

</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://1.bp.blogspot.com/-aKZzSAygVKk/VYPkX_nAwrI/AAAAAAAACeo/cgQTs8nR5Rg/s1600/Arlina%2BLogo.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/FAN-PAGE-FACEBOOK' property='article:publisher'/>

<meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>

<meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/>

<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'/>



Keterangan

Tulisan    Penjelasan
DESKRIPSI-BLOG    Diisi dengan deskripsi atau kata kunci blog
USER-GOOGLE-PLUS    Diisi dengan link Google+ admin blog, contoh : +ArlinaFitriyaniDee
KODE-VALIDASI-GOOGLE-WEBMASTER    Diisi dengan kode validasi Google di Search Console
KODE-VALIDASI-BING-WEBMASTER    Diisi dengan kode validasi Bing Webmaster *
NAMA-ADMIN    Isi dengan nama penulis
id dan Indonesia    Isi dengan kode negara lokasi dimana blog sobat dipublikasikan
PROFIL-FACEBOOK    Isi dengan link profil Facebook sobat
FAN-PAGE-FACEBOOK    Isi dengan link Fan Page Facebook
KODE-APLIKASI-FACEBOOK    Isi dengan kode App Facebook, bisa buat di https://developers.facebook.com
KODE-ADMIN-FACEBOOK    Isi dengan kode profil Facebook sobat, dapatkan di http://findmyfbid.com
USER-TWITTER    Isi dengan nama user Twitter sobat

* = Hapus jika tidak digunakan

Sesuaikan kembali kode xxxxx pada template sobat dengan penempatan meta tag di atas atau cukup ganti meta tag yang sudah ada dengan meta tag ini. Demikian tentang Meta Tag Seo Friendly dan Valid HTML5. Semoga bermanfaat dan terima kasih.

Tutorial Webmaster, Blogger

0 komentar

Posting Komentar