Membuat Meta Tag SEO Valid HTML 5 dengan Mudah

Atikel kali ini berisi tentang permasalahan yang sering ditanyakan oleh kebanyakan blogger pemula yaitu tentang cara mengisi kode xxxxx yang ada pada template-template blogger di internet. Bukan bermaksud menggurui tapi saya akan sedikit sharing tentang apa yang dimaksud dengan Meta Tag.

Meta tag merupakan salah satu cara untuk mengoptimasi blog agar konten yang kita unggah memiliki identitas yang jelas. Tujuannya agar blog kita lebih mudah di crawl atau kata lainnya ditelusuri oleh robot penelusuran seperti Google, Bing, dan lainnya. Selain itu meta tag juga akan mempermudah konten kita diurutkan di SERP (Search Engine Results Page).

Didalam meta tag terdiri dari beberapa poin penting yaitu :

Meta tag description Meta tag description berfungsi untuk mendeskripsikan secara umum mengenai isi dari halaman suatu blog. Untuk banyaknya karakter saya sarankan tidak lebih dari 200 karakter. Meta atg description biasa ditemui dengan kode dibawah ini:

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

Meta tag keyword Selanjutnya adalah meta tag keyword. Meta tag ini tidak kalah pentingnya berfungsi menentukan kata kunci agar blog kamu dapat ditemukan pada search engine. Untuk kodenya adalah sebagai berikut. Usahakan tidak lebih dari 20 keyword.

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

Meta tag robots fungsi utama penggunaan meta tag robots adalah menentukan halaman blog yang mana akan diindex oleh penelusuran dan halaman blog yang mana yang tidak akan dicrawl. Tag ini sangat penting sekali terutama jika blog menggunakan frame untuk navigasinya.

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

Jika ketiga komponen meta tag diatas dipadukan maka bentuknya akan 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 kamu mengetahui fungsi dari beberapa komponen dasar yang wajib menurut saya untuk kamu terapkan pada template blog. Sekarang saya akan menjelaskan satu persatu pada kode xxxxx yang sering kita temui pada template yang bertebaran di internet.

Meta Tag Seo Friendly dan Valid HTML5

Di sini saya akan membagikan contoh meta tag Seo Friendly dan Valid HTML5 yang juga saya gunakan pada blog saya. Kode di bawah ini dapat kamu 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 == &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'/>
<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 == &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.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'/>

Note:

TULISAN PENJELASAN
DESKRIPSI-BLOG Diisi dengan deskripsi blogmu
USER-GOOGLE-PLUS Diisi dengan link Google+ admin blog, contoh : +MuhammadRoyyan96
KODE-VALIDASI-GOOGLE-WEBMASTER Isi dengan kode validasi Google di Search Console Google Webmaster
KODE-VALIDASI-BING-WEBMASTER Isi dengan kode validasi Bing Webmaster *
NAMA-ADMIN Isi dengan nama pemilik blog
id dan Indonesia Isi dengan kode negaramu
PROFIL-FACEBOOK Isi dengan url profil Facebookmu
FAN-PAGE-FACEBOOK Isi dengan url Fans Page Facebook
KODE-APLIKASI-FACEBOOK Isi dengan kode App Facebook, kamu bisa membuatnya di https://developers.facebook.com
KODE-ADMIN-FACEBOOK Isi dengan kode profil Facebookmu, bisa kamu dapatkan di http://findmyfbid.com
USER-TWITTER Isi dengan username Twittermu

* = opsional

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

Bukan mastah maupun suhu, melainkan newbie yang rajin Googgling.

1 comments On Membuat Meta Tag SEO Valid HTML 5 dengan Mudah

Leave a reply:

Your email address will not be published.

Site Footer