Beranda SEO Membuat Meta Tag SEO Valid HTML 5 dengan Mudah

Membuat Meta Tag SEO Valid HTML 5 dengan Mudah

1

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:

TULISANPENJELASAN
DESKRIPSI-BLOGDiisi dengan deskripsi blogmu
USER-GOOGLE-PLUSDiisi dengan link Google+ admin blog, contoh : +MuhammadRoyyan96
KODE-VALIDASI-GOOGLE-WEBMASTERIsi dengan kode validasi Google di Search Console Google Webmaster
KODE-VALIDASI-BING-WEBMASTERIsi dengan kode validasi Bing Webmaster *
NAMA-ADMINIsi dengan nama pemilik blog
id dan IndonesiaIsi dengan kode negaramu
PROFIL-FACEBOOKIsi dengan url profil Facebookmu
FAN-PAGE-FACEBOOKIsi dengan url Fans Page Facebook
KODE-APLIKASI-FACEBOOKIsi dengan kode App Facebook, kamu bisa membuatnya di https://developers.facebook.com
KODE-ADMIN-FACEBOOKIsi dengan kode profil Facebookmu, bisa kamu dapatkan di http://findmyfbid.com
USER-TWITTERIsi 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.

Artikel Lainnya:

1 KOMENTAR

LEAVE A REPLY

Please enter your comment!
Please enter your name here