Fungsi Meta Tag SEO Friendly dan Valid HTML 5
Meta Tag merupakan salah satu optimisasi pada suatu blog agar blog yang kita posting memiliki identitas yang sangat jelas. Sehingga blog kita akan lebih mudah ditelusuri robot penelusuran seperti pada Browser Google, Yahoo, Bing dan sebagainya.
Adapun fungsi dari Meta Tag pada dasarnya terdiri dari beberapa elemen yang sangat penting diantara dan contohnya:
1. Meta Tag Description
Meta tag description ini digunakan untuk memberikan gambaran umum mengenai isi dari halaman blog sobat. Dan yang paling terpenting ukurannya disarankan tidak melebihi dari 200 karakter.
<meta content='Tulis deskripsi di sini' name='description'/>
2. Meta Tag Keyword
Meta tag ini sangat penting keberadaannya, karena meta tag ini 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"/>
3. Meta Tag Robots
Tujuan terpenting dari Meta tag robots adalah untuk menentukan suatu halaman blog mana yang akan diindex oleh penelusuran dan halaman blog yang tidak akan ditelusuri. Tag ini sangat berguna sekali keberadaannya karena menggunakan frame untuk navigasinya.
<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'/>
Setelah sobat mengetahui fungsi dan beberapa komponen dasar yang wajib sobat blogger terapkan pada template blogger. Sekarang saya akan menjelaskan tentang kode xxxxx yang ada pada Meta Tag SEO yang sering kita jumpai pada suatu template blog.
Meta Tag SEO Friendly dan Valid HTML 5
Saya akan membagikan contoh meta tag SEO Friendly dan Valid HTML 5 yang digunakan pada suatu template blog sebagai contoh saya mengambilnya dari tag template In Seo Pro buatan idntheme. Kode di bawah ini dipasang di bawah tag pembuka <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 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='https://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": "https://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='"https://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/IDAKUNANDA ' rel='publisher'/>
<link href='https://www.blogger.com/profile/IDAKUNANDA ' rel='author'/>
<link href='https://www.blogger.com/profile/IDAKUNANDA ' 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.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/AVvXsEj6syQX-_BdIxM0fv6Wq5R7ew9ORVPnT8fGtn1zQXLYBHfFFZVD9C0JqAVsk2-q9gGRpT9vhBFmR-4Yz23BRVzJXBBhfousZbil53lnKPwNxm_z0qo7HxpphxIrv7Qn7fwjETQMzIYLCDC6/s1600/Arlina+Logo.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'/>
<meta content='summary_large_image' name='twitter:card'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/><link href='//www.google-analytics.com' rel='dns-prefetch'/><link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/><link href='//www.googletagservices.com' rel='dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/><link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/><link href='//adservice.google.ca' rel='dns-prefetch'/><link href='//adservice.google.com' rel='dns-prefetch'/><link href='//resources.blogblog.com' rel='dns-prefetch'/><link href='//fonts.googleapis.com' rel='dns-prefetch'/><link href='//1.bp.blogspot.com' rel='dns-prefetch'/><link href='//2.bp.blogspot.com' rel='dns-prefetch'/><link href='//3.bp.blogspot.com' rel='dns-prefetch'/><link href='//4.bp.blogspot.com' rel='dns-prefetch'/><link href='//disqus.com' rel='dns-prefetch'/><link href='//github.com' rel='dns-prefetch'/><link href='//cdn.jsdelivr.net' rel='dns-prefetch'/><link href='//fontawesome.com' rel='dns-prefetch'/><link href='//www.sharethis.com' rel='dns-prefetch'/>
Keterangan:
Nilai | Keterangan |
---|---|
DESKRIPSI-BLOG | Diisi dengan deskripsi atau kata kunci blog |
USER-BLOGGER | Diisi dengan ID user blog, contoh : https://www.blogger.com/profile/07405635929635938311 |
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 https://findmyfbid.com |
USER-TWITTER | Isi dengan nama user Twitter sobat |
Sisanya tinggal sesuaikan saja dengan yang sobat inginkan, Terima kasih sudah berkunjung di blog ini semoga bermanfaat dan membantu.
Sumber: www.arlinacode.com